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
47
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
13
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
1.4k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
390
26新卒_総合職採用_会社説明資料
livesense
PRO
0
8.7k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
27k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
12k
中途セールス職_会社説明資料
livesense
PRO
0
250
EM候補者向け転職会議説明資料
livesense
PRO
0
120
Other Decks in Technology
See All in Technology
KubeCon + CloudNativeCon Japan 2025 Recap Opening & Choose Your Own Adventureシリーズまとめ
mmmatsuda
0
140
Oracle Cloud Infrastructure:2025年6月度サービス・アップデート
oracle4engineer
PRO
2
280
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
910
2025-06-26 GitHub CopilotとAI駆動開発:実践と導入のリアル
fl_kawachi
1
100
Should Our Project Join the CNCF? (Japanese Recap)
whywaita
PRO
0
190
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
260
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
120
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
240
標準技術と独自システムで作る「つらくない」SaaS アカウント管理 / Effortless SaaS Account Management with Standard Technologies & Custom Systems
yuyatakeyama
3
1.3k
Liquid Glass革新とSwiftUI/UIKit進化
fumiyasac0921
0
250
怖くない!はじめてのClaude Code
shinya337
0
160
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
0
140
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Agile that works and the tools we love
rasmusluckow
329
21k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Writing Fast Ruby
sferik
628
62k
It's Worth the Effort
3n
185
28k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Building an army of robots
kneath
306
45k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Being A Developer After 40
akosma
90
590k
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ͰҠಈ
͑ͦ͏ͳύʔπˍ࣮ͨͪ などなど
͋ͨΓ·͑Λɺൃ໌͠Α͏ɻ
ϑϋϋϋʂ Αͧ͘࠷ޙ·Ͱ͝ਗ਼ௌͯ͘͠Εͨ ͓٬༷Αʂ