Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Excelもどき開発 #TechLunch
Search
Livesense Inc.
PRO
April 21, 2014
Technology
0
150
Excelもどき開発 #TechLunch
Excelもどき開発
2013/11/13 (水) @ Livesense TechLunch
発表者:徳江 勇樹
Livesense Inc.
PRO
April 21, 2014
Tweet
Share
More Decks by Livesense Inc.
See All by Livesense Inc.
EM候補者向け転職会議説明資料
livesense
PRO
0
6
コロナで失われたノベルティ作成ノウハウを復活させた話
livesense
PRO
0
73
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
360
転職会議でGPT-3を活用した企業口コミ要約機能をリリースした話
livesense
PRO
0
1k
株式会社リブセンス マッハバイト_プレイブック
livesense
PRO
0
410
Tech Award 2021 選出方法
livesense
PRO
0
1k
株式会社リブセンス エンジニアリング組織を支える風土と制度
livesense
PRO
0
530
株式会社リブセンス・マッハバイト 採用候補者様向け資料
livesense
PRO
0
210
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
2k
Other Decks in Technology
See All in Technology
私が trocco を推す理由
__allllllllez__
1
220
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
3
550
Next'24 事例セッションの紹介とクラウド資格を活用したキャリア形成について語りMuscle
yasumuusan
1
440
Janus
bkuhlmann
1
490
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
370
競技としてのKaggle、役に立つKaggle
yu4u
3
430
自己改善からチームを動かす! 「セルフエンジニアリングマネージャー」のすゝめ
shoota
6
440
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
280
Postman v10リリース後を振り返る / Looking back at Postman v10 after release
yokawasa
1
160
Building Dashboards as a Hobby
egmc
0
100
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな(2024年版)
infiniteloop_inc
4
13k
Databricks における 『MLOps』
databricksjapan
2
170
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
17
1.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
RailsConf 2023
tenderlove
4
540
Designing Experiences People Love
moore
136
23k
Building Better People: How to give real-time feedback that sticks.
wjessup
355
18k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
Code Reviewing Like a Champion
maltzj
514
39k
Docker and Python
trallard
34
2.7k
Transcript
γεςϜ։ൃ෦ɹϝσΟΞ։ൃάϧʔϓ Copyright © LIVESENSE Inc. ಙߐɹ༐थ Tech Lunch 2013/11/13
̓લͷͱ͋Δͷͱ͋Δ৽ถSE ( ̄^ ̄) ドヤッ! こんな感じで一覧表示つくっときました。 (・∀・)イイヨイイヨー お、いいですね。 かなりイメージ通りっす。 んじゃ、早速(打鍵)…
̓લͷͱ͋Δͷͱ͋ΔSE (゚Д゚≡゚д゚)エッ!? ヽ(ヽ・∀・)アヒャ? これって、 途中で表示順変えたりできません? 列、多すぎるな…。でも必要だし…。 右側の3列固定したいっすね。 ページ内に極力多く行を出したい。 スクロールなしで。 折りたたみ表示なんてどう?
̓લͷͱ͋Δͷͱ͋ΔSE ガ━━(゚Д゚;)━━━ン!!!!! アヒャヒャヒャヒャ ヘ(゚∀゚ヘ)(ノ゚∀゚)ノ ヒャヒャヒャヒャ このページ内で直接編集とか 範囲選択でCtrl+C 列の表示・非表示を切り替え 部分に集中して見たいな。 行のフィルタとか?
選択範囲の 行数・合計値! 他者の編集の変更点表示! 列幅変更と列移動で、 次回起動時も記憶しといてよ
Ͱɺ٤Ԏॴʹಀ ɹ(;´Д`)y─ᵒ~~ 仕様追加きついでっせ、お客様。 (・∀・`)ノ ィョゥ ですよねぇ~w おいくら万円でやってくれます? そうねぇ。 願いましては… 100万本
* 1万円/本 * 1%保守費率… 1億くらいっすかね ハハハww しかも、まんまExcelやないっすかw ・:,(゚д゚◦≒(`д´#)
͜͜Ͱͷڭ܇ • ༷มߋ։ൃऀΛࡴ͢ • අ༻ݟੵΓ৻ॏʹ Ͱͳͯ͘ • ҰཡදࣔɹɹExcelɹ͕جຊɹʢۀքৗࣝɹˍɹUXҋ༷ʣ
ͦͷޙ… • ͻͨ͢ΒExcelͲ͖Λ։ൃ Java Applet/Swing/SWT Ͱ… ExtJS+PHPͰ ࡞ΓࠐΜʢཚ?ʣͩ෦ͨͪ • ExcelLikeCellEditor • ScrollableJTable • WrappingExtractionTableModel
• SplitTableModel • CellAreaChoiceClipboardController • CustomizableMenuItems
͞Βʹɺઌ݄ • …universeͰbootstrap෩ͷςʔϒϧʹɺ͍Ζ͍ΖΓࠐΈɻ https://job.j-sen.jp/universe/referral/search/city_p13.htm 車輪の再発明
ということで、本日は
γεςϜ։ൃ෦ɹϝσΟΞ։ൃάϧʔϓ Copyright © LIVESENSE Inc. ಙߐɹ༐थ ༐ऀʹͳΕͳ͔ͬͨԶ ͠Ϳ͠ͿΤΫηϧͲ͖ͷ։ൃΛ ܾҙ͠·ͨ͠ɻ
Agenda 1. ٬8େ༻ޠ 2. ϚδοΫΞΠςϜγϣοϓɹϨΦϯԦళͷ͝ հ http://yu-sibu.com/
Agenda 1. ٬8େ༻ޠ 2. ϚδοΫΞΠςϜγϣοϓɹϨΦϯԦళͷ͝ հ http://yu-sibu.com/ まずは、基本。 敵を知りましょう。 で、どんな機能を用意する必要があるのか、
全体像を把握しましょう
ͦͦExcelͱ http://ja.wikipedia.org/wiki/Microsoft_Excel
ҰઆʹΑΔͱ… [歴史] 開発コードネームはオデッセイ。開発責任者はジェイブ・ブルメンソールとダグ・クランダー。 … 初期の段階ではIBM PCおよびその互換機を想定したMS-DOS用アプリケーションであり、テキストモードで動作 する予定だった。… 後に1984年にLotusがMacintosh向け統合ソフト Jazz を開発していることが分かると、プラットフォームを
Macintoshに移して改めて開発が進められ、1985年9月にMacintosh版が発売された。この時点で将来の Windows対応を考慮に入れていた。同製品は、GUI環境に特化した優れた操作性と高い性能を有しベストセラー となった。… 1987年10月、Microsoft Windows版を発売した。その後、他のオフィス向けアプリケーションにもExcelに似たイン タフェースを用いるようになり、 Windowsのインタフェースは、Excelを基準に作られた とも言われている。 … http://ja.wikipedia.org/wiki/Microsoft_Excel
ͰɺͲΜͳػೳ͕͋Δͷʁ ちょっと整理してみた
Agenda 1. ٬8େ༻ޠ 2. ϚδοΫΞΠςϜγϣοϓɹϨΦϯԦళͷ͝ հ http://yu-sibu.com/ 最近、便利になってきましたよね…。 ALL-OKな完成品、はないですが、 流用できそうなパーツをご紹介。
むしろ、いいもの知ってたら ぜひぜひ紹介してください m(_ _)m
ExcelϥΠΫʹ͢ΔͨΊͷɺ֤छϥΠϒϥϦɾ࣮ 使えそうな人たちを ピックアップしたり遊んでみたり
All-In-OneΛࢦ͍ͯ͠ΔJS こちら
ࢀߟจݙɹ΄͔ ֤छɹςʔϒϧܥJSɹ·ͱΊ ΄͔ • http://matome.naver.jp/odai/2132851038557722801 • http://cotdeve.com/blog/jquery/jquery-%E3%83%86%E3%83%BC %E3%83%96%E3%83%AB-%E3%81%84%E3%81%8F %E3%81%A4%E3%81%8B/ •
http://coliss.com/articles/build-websites/operation/javascript/792.html
͑ͦ͏ͳύʔπˍ࣮ͨͪ jQuery.contextMenu.js ӈΫϦοΫϝχϡʔɺͰ͢Ͷɻ ͍Ζ͍Ζ͋Δͳ͔ͰɺίϨ͕1൪nativeͬΆ͘ݟ͑Δ ػೳੑ͍ͬͯͯɺָ࣮ • දࣔՕॴͷηϨΫλ੍ޚ • ΞΠίϯɾχʔϞχοΫɾηύϨʔλ •
ԡԼՄ൱ͷ੍ޚ h"ps://github.com/medialize/jQuery-‐contextMenu/
͑ͦ͏ͳύʔπˍ࣮ͨͪ Excel Interactive View MSެࣜͷJS 2ߦՃͰɺϐϘοτςʔϒϧʴάϥϑΛΦʔόʔϨ Πදࣔ ※ MSʹςʔϒϧใΛૹ͍ͬͯΔͷͰɺػີใͰ͑·ͤΜ •
ϐϘοτςʔϒϧ • άϥϑ • CSVμϯϩʔυ h"p://msdn.microso=.com/ja-‐jp/library/jj163261.aspx demo h"p://www.excelmashup.com/
͑ͦ͏ͳύʔπˍ࣮ͨͪ Filamentgroup Chart ςʔϒϧͷ͔ࣜΒάϥϑ Ճ h"p://msdn.microso=.com/ja-‐jp/library/jj163261.aspx demo h"p://filamentgroup.com/examples/jqueryui-‐visualize/
͑ͦ͏ͳύʔπˍ࣮ͨͪ 1行表示 + 展開表示 2ͭͷCSSίωίωͷΈ߹ΘͤɹͰɹ؆୯ʹ࣮ݱ • վߦ͠ͳ͍ & ᷓΕͨΒӅ͢ •
td br Λ display=none αϯϓϧɹh"ps://job.j-‐sen.jp/universe/referral/search/city_1.htm td { overflow: hidden; /* 溢れたら隠す */ white-space: nowrap; /* 勝手に改行しない*/ text-overflow : ellipsis; -webkit-text-overflow: ellipsis; /* Safari */ -o-text-overflow: ellipsis; /* Opera */ max-width : 100px; }
͑ͦ͏ͳύʔπˍ࣮ͨͪ jQueryUI.js draggable ϘλϯύωϧΛ࡞ͬͯɺdivͰҠಈ
͑ͦ͏ͳύʔπˍ࣮ͨͪ などなど
͋ͨΓ·͑Λɺൃ໌͠Α͏ɻ
ϑϋϋϋʂ Αͧ͘࠷ޙ·Ͱ͝ਗ਼ௌͯ͘͠Εͨ ͓٬༷Αʂ