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
240
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.
27新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
0
3.4k
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
67
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
1.6k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
460
26新卒_総合職採用_会社説明資料
livesense
PRO
0
12k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
41k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
13k
中途セールス職_会社説明資料
livesense
PRO
0
270
EM候補者向け転職会議説明資料
livesense
PRO
0
130
Other Decks in Technology
See All in Technology
Geospatialの世界最前線を探る [2025年版]
dayjournal
1
220
LLMアプリの地上戦開発計画と運用実践 / 2025.10.15 GPU UNITE 2025
smiyawaki0820
1
570
Findy Team+ QAチーム これからのチャレンジ!
findy_eventslides
0
200
衛星画像超解像化によって実現する2D, 3D空間情報の即時生成と“AI as a Service”/ Real-time generation spatial data enabled_by satellite image super-resolution
lehupa
0
170
20251007: What happens when multi-agent systems become larger? (CyberAgent, Inc)
ornew
1
290
AWS Control Tower に学ぶ! IAM Identity Center 権限設計の第一歩 / IAM Identity Center with Control Tower
y___u
0
170
エンタメとAIのための3Dパラレルワールド構築(GPU UNITE 2025 特別講演)
pfn
PRO
0
330
AI Agent Dojo #2 watsonx Orchestrateフローの作成
oniak3ibm
PRO
0
120
WEBサービスを成り立たせるAWSサービス
takano0131
1
150
ComposeではないコードをCompose化する case ビズリーチ / DroidKaigi 2025 koyasai
visional_engineering_and_design
0
110
AgentCon Accra: Ctrl + Alt + Assist: AI Agents Edition
bethany
0
110
ニッポンの人に知ってもらいたいGISスポット
sakaik
0
150
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Why Our Code Smells
bkeepers
PRO
340
57k
A better future with KSS
kneath
239
18k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
It's Worth the Effort
3n
187
28k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.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ͰҠಈ
͑ͦ͏ͳύʔπˍ࣮ͨͪ などなど
͋ͨΓ·͑Λɺൃ໌͠Α͏ɻ
ϑϋϋϋʂ Αͧ͘࠷ޙ·Ͱ͝ਗ਼ௌͯ͘͠Εͨ ͓٬༷Αʂ