WEBシステム開発等で気付いたことなどをまとめていきます。
ブラウザ上でグラフを描画するライブラリはたくさんあるのですが、最近、多くの商用サイトで使われているのがこれだと思います↓
こんな感じのグラフを作ることが出来ます↓
HighCharts Demo
見栄えやグラフの描画され方が洗練されていて、プロ仕様のチャートライブラリです。
商用目的の使用は有料なのですが、非商用目的なら無料ですので、実験的に使ってみられても面白いかと思います。JQueryベースの無料のチャートライブラリでも結構すごいのがあるのですが、やはり仕事で使うとなると有料でもHighChartを使う場面が増えてきています。
さて、このHighChart、デフォルトの状態ではこの折れ線グラフのようにチャートの右隅にhighcharts.comというロゴが表示され、クリックするとHighChartsのサイトへとジャンプしてしまいます。
このリンクの表示を消すには、チャートの初期化時に以下のように書けば大丈夫です。
あるプロジェクトで(PHPを動かして)Linuxで生成したCSVファイルをwindowsサーバーに渡さないといけない状況が発生しました。
まずLinuxからwindowsサーバーにファイルを渡せるの？という疑問から解決していきます。
googleで調べるとsmbclientというのを使うとwindowsの共有フォルダにアクセス出来るみたい!!
smbclientを使うにはLinuxとwindowsの両方に設定が必要みたいです。
Twitter Bootstrapは単純なデザイン性から一歩進んだコンポーネントまで提供してくれる、WEBアプリケーション開発者にとって心強いフロントエンドフレームワークです。
Twitter Bootstrap
http://getbootstrap.com/
個人的にはTwitter Bootstrap + JQueryを使用すればかなり柔軟なUIを構築できると感じていますが、ひとつ大きな問題があります。
それは、
JQuery UIとの共存が難しい
ということです。
Bootstrapはcssだけでなくコンポーネント等の機能はJQueryで作成された基本ライブラリの読み込みが必須ですので、Bootstrapを使用する場合はTabやDialogといった機能はできるだけ最初からBootstrap標準のものを使用するのが良いと思われます。
ただ、datepickerに関してはJQuery UIのものが高機能で実績もあるのでできたらそっちを使いたい、というのが本音です。
JQuery UI datepickerをBootstrap上で使用する際にもっとも問題になるのは、
ブラウザ上で動作するアプリケーションを開発されている方のほとんどは、JQueryライブラリを利用しているのではないでしょうか。最近ではUIの機能も成熟してきてますし、モバイル用にも拡張され、非常に使い勝手の良いライブラリです。
JQuery公式サイト（英語）
http://jquery.com/
JQuery UI公式サイト（英語）
http://jqueryui.com/
JQuery Mobile公式サイト（英語）
http://jquerymobile.com/
そして何より魅力なのはそれらの基礎ライブラリを元にユーザが拡張したプラグインが豊富に提供されていることです。
以前は入力補助の小さなものが主でしたが、今では複雑なチャートや書き込み可能なカレンダーといった大規模なプラグインがほとんどの場合無料で提供されています。
最初は他の人が作ったプラグインを使うばかりだった人も、慣れてくるにしたがって自分の作った機能をプラグイン化してみたい、という欲求に駆られてくると思います。
だって、うまく機能単位で切り出せれば他の所でも使えますし、人にも提供しやすくなりますもの。
JQueryのプラグインの初歩の初歩はこちらで勉強させていただきました。
jQueryプラグインの作り方 ~ 重要な3つのポイント ~
http://nigohiroki.hatenablog.com/entry/2013/02/13/002508
ふむふむ、なるほど、
PHPにはさまざまなフレームワークが存在しています。
参考にさせて頂いた資料は、色々なPHPフレームワークのパフォーマンスになります。
この中で、比較的パフォーマンスの良いYiiに注目しました。
Yiiの公式ガイド
私なりにYiiを利用してみました。
今更という感じもあるのですがハマッテしまったので自分のメモとして記事にしておきます。
ガントチャートが必要なシステムを開発するかもしれないので調査しました。
あまり需要がないのか難しいのかAjaxで編集まで出来る物はありませんでしたが、メモも兼ねて書いておきます。
Teamwork Gantt
かなり多機能。解析、改修が大変そうです。
jquery.ganttView
比較的シンプル。タスクの依存関係がないらしい。
タスクの依存関係等のカスタマイズ記事
dhtmlxGantt
シンプルで良い感じ。ライセンスがGPL
編集可能なガントチャートはこれぐらいしかありませんでした。
システムでイベントの開始時刻と終了時刻を入力する欄が必要な時、開始時刻がインプットされていれば終了時刻を選択する際には開始時刻からの経過時間が表示されていると、ユーザさんにとって分かりやすいですよね(^^)
たとえばこんな感じです↓
☆ブラウザー
Chrome系
Checker Plus for Gmail?
Google Mail の受信トレイにある未読のメール数を表示します。
このボタンをクリックして受信トレイを開くこともできます。
Googleマルチアカウントランチャー
ワンボックスでGoogleサービスを一発でアクセスでき、
マルチアカウント自由に切り替え、
Gmail/Google+/GoogleAppsなどのアカウントを自動的にチェックします
Screen Capture (by Google)
ブラウザー上でスクロールしないと見えない領域を含めたページ全体をキャプチャ指定できます。
水平方向および垂直方向のスクロールをサポートしています。
Cacoo
CacooはWeb上で図の作成、公開、リアルタイムコラボレーションができるドローツールです。
サイトマップやワイアーフレーム、UML、ネットワーク図などの図を簡単に作成できます。
Firefox系
Firebug
Firebugは、Webページを閲覧中にクリック一つで使える豊富な開発ツールをFirefoxに統合します。
あなたはあらゆるWebページのCSS、HTML、及びJavaScriptをリアルタイムに編集、デバック、またはモニタすることが出来ます。
Pearl Crescent Page Saver
表示中のページを画像として保存します。
ScrapBook
Webページの保存とコレクションの整理を支援します。
FireMobileSimulator
携帯端末のHTTPリクエスト、絵文字表示をシミュレートします。
☆サービス
Gmail
未読メッセージアイコン
タブのアイコンを見れば、受信トレイ内の未読メールの件数がすぐにわかります。
このLabs機能はChrome(バージョン6以降)、Firefox(バージョン２以降)、Opera
でのみご利用いただけます。
返信定型文
よく使う文面を保存しておくと、作成フォームの横にあるボタンひとつで送信できます。
また、フィルタを利用して自動的にメールを送信することもできます。
送信取り消し
間違って［送信］ボタンを押してしまったことはありませんか？［送信］をクリックして
から数秒以内ならメール送信をキャンセルすることができます。
SoftEther VPN
インターネットVPN
http://www.packetix.net/jp/
IOPortal
ダイナミックDNS
http://www.iodata.jp/product/network/wnlan/wn-g300dgr/feature.htm
ラクサバ
レンタルサーバー
https://www.rakusaba.jp/?mode=home
Xmarks
各ブラウザ間でブックマーク同期
http://gigazine.net/news/20120928-xmarks/
check*pad
タスク管理
http://www.checkpad.jp/
Money Forward
資産管理
https://moneyforward.com/
ＴＯＮＴＯＮ
スケジュール管理
http://tonton.amaneku.com/
Pabooパブー
電子書籍作成
http://p.booklog.jp/
aucfan
オークションの相場がわかる
http://aucfan.com/
Schoo
無料ウェブスクール
http://schoo.jp/about
Bukupe
本の感想サイト
http://bukupe.com/
wantedly
ソーシャルリクルーティングサイト
https://www.wantedly.com/
すごい時間割
https://www.sugojika.com/
gumroad
決済機能を持ったURLを生成できるサービス
https://gumroad.com/
http://d.hatena.ne.jp/keyword/Gumroad
Wish Scope
仲間募集サイト
http://www.wishscope.com/recruiting/seeking-mates/
モナカ
スマートフォンアプリの開発環境が無料で整えられる
http://monaca.mobi/?lang=ja