HEXA BLOG
ヘキサブログ
プログラム
HTMLでツールっぽい
お久しぶりです!
寒さも一段と厳しくなってきた今日この頃
布団乾燥機で暖を取るという新しい温まり方を見つけたgood sunこと山口です。
さて今回は前回に続きWebGLのお話ではなく、
少し違った切り口のHTMLネタをお送りします。
今回はブラウザでツールの様なものが表示できるプログラムを書いてみました。
こちらのリンクをGoogle Chromeで開いてください
今回もGoogle Chromeのみで正常に動作致します。
こちら2年ほど前にGoogle codeにコミットしていたコードを基にしています。
今後のWebのデモはこちらの少しモダン?な見た目で提供して行きたいと思います。
ウィンドウの様なものはHTMLでおなじみのtable要素で出来ています。
ドラッグして移動させることも出来ます。
未実装ですが、もう少し頑張ればドッキングウィンドウが出来る予感はしています。
今までデモでインタラクティブな操作は面倒だと思っていましたが、
今回のツールを使う事で操作可能なものを増やしていけそうです。
HTML5の良い所はブラウザがあれば実行出来て直ぐ結果が見られることと、
実は結構複雑な処理が実行できる事です。
それもあってか最近ではブラウザを使ったツールがどんどん増えてきている気がします。
それもたかがブラウザと侮れない品質だったりします。
負けてられないです
では次回はモダンなWebデモでお会いしましょう
CATEGORY
- about ヘキサ (166)
- 部活動 (6)
- CG (18)
- プロジェクトマネジメント (1)
- 研修 (5)
- 美学 (1)
- いいモノづくり道 (230)
- 採用 -お役立ち情報も- (149)
- プログラム (188)
- デザイン (99)
- ゲーム (274)
- 日記 (1,104)
- 書籍紹介 (113)
- その他 (875)
- 就活アドバイス (20)
- ラーメン (3)
- ライフハック (25)
- イベント紹介 (10)
- 料理 (23)
- TIPS (7)
- 怖い話 (3)
- サウンド (5)
- 子育て (1)
- 筋トレ (1)
- 商品紹介 (21)
- アプリ紹介 (31)
- ソフトウェア紹介 (33)
- ガジェット紹介 (12)
- サイト紹介 (10)
- 研究・開発 (34)
- 回路図 (4)
- アナログゲーム (40)
- 交流会 (21)
- 報告会 (3)
- インフラ (25)
- グリとブラン (6)
- カメラ (9)
- クラフト (27)
- 部活 (14)
- 画伯 (15)
- カレー (6)
- 音楽(洋楽) (6)
- 映画・舞台鑑賞 (43)
- 飼育 (5)
- いぬ (8)
- ねこ (19)
ARCHIVE
- 2024年
- 2023年
- 2022年
- 2021年
- 2020年
- 2019年
- 2018年
- 2017年
- 2016年
- 2015年
- 2014年
- 2013年
- 2012年
- 2011年
- 2010年
- 2009年
- 2008年
- 2007年