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
66
株式会社リブセンス 会社説明資料(報道関係者様向け)
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
許しとアジャイル
jnuank
1
150
能登半島地震で見えた災害対応の課題と組織変革の重要性
ditccsugii
0
630
セキュアな認可付きリモートMCPサーバーをAWSマネージドサービスでつくろう! / Let's build an OAuth protected remote MCP server based on AWS managed services
kaminashi
3
310
コンテキストエンジニアリング入門〜AI Coding Agent作りで学ぶ文脈設計〜
kworkdev
PRO
0
340
Vibe Coding Year in Review. From Karpathy to Real-World Agents by Niels Rolland, CEO Paatch
vcoisne
0
130
ガバメントクラウド(AWS)へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
shift_evolve
PRO
2
190
新規事業におけるGORM+SQLx併用アーキテクチャ
hacomono
PRO
0
210
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
180
OpenAI gpt-oss ファインチューニング入門
kmotohas
2
1.2k
Wasmのエコシステムを使った ツール作成方法
askua
0
120
[Keynote] What do you need to know about DevEx in 2025
salaboy
0
160
Codexとも仲良く。CodeRabbit CLIの紹介
moongift
PRO
0
170
Featured
See All Featured
Fireside Chat
paigeccino
40
3.7k
How GitHub (no longer) Works
holman
315
140k
The Cost Of JavaScript in 2023
addyosmani
54
9k
Writing Fast Ruby
sferik
629
62k
For a Future-Friendly Web
brad_frost
180
9.9k
A better future with KSS
kneath
239
18k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Typedesign – Prime Four
hannesfritz
42
2.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
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ͰҠಈ
͑ͦ͏ͳύʔπˍ࣮ͨͪ などなど
͋ͨΓ·͑Λɺൃ໌͠Α͏ɻ
ϑϋϋϋʂ Αͧ͘࠷ޙ·Ͱ͝ਗ਼ௌͯ͘͠Εͨ ͓٬༷Αʂ