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
2.4k
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
51
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
1.5k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
440
26新卒_総合職採用_会社説明資料
livesense
PRO
0
11k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
37k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
13k
中途セールス職_会社説明資料
livesense
PRO
0
260
EM候補者向け転職会議説明資料
livesense
PRO
0
130
Other Decks in Technology
See All in Technology
「どこから読む?」コードとカルチャーに最速で馴染むための実践ガイド
zozotech
PRO
0
280
La gouvernance territoriale des données grâce à la plateforme Terreze
bluehats
0
150
BPaaSにおける人と協働する前提のAIエージェント-AWS登壇資料
kentarofujii
0
130
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
210
企業の生成AIガバナンスにおけるエージェントとセキュリティ
lycorptech_jp
PRO
2
150
シークレット管理だけじゃない!HashiCorp Vault でデータ暗号化をしよう / Beyond Secret Management! Let's Encrypt Data with HashiCorp Vault
nnstt1
3
230
Django's GeneratedField by example - DjangoCon US 2025
pauloxnet
0
110
Flutterでキャッチしないエラーはどこに行く
taiju59
0
220
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
aoto
PRO
1
440
落ちる 落ちるよ サーバーは落ちる
suehiromasatoshi
0
150
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
220
KotlinConf 2025_イベントレポート
sony
1
110
Featured
See All Featured
Context Engineering - Making Every Token Count
addyosmani
1
25
Git: the NoSQL Database
bkeepers
PRO
431
66k
Faster Mobile Websites
deanohume
309
31k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.5k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Optimizing for Happiness
mojombo
379
70k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
The World Runs on Bad Software
bkeepers
PRO
70
11k
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ͰҠಈ
͑ͦ͏ͳύʔπˍ࣮ͨͪ などなど
͋ͨΓ·͑Λɺൃ໌͠Α͏ɻ
ϑϋϋϋʂ Αͧ͘࠷ޙ·Ͱ͝ਗ਼ௌͯ͘͠Εͨ ͓٬༷Αʂ