タグ「プログラミング言語 - JavaScript」の公開予定記事
プレミアムユーザーは以下の記事を先行で購読可能です。MOONGIFTプレミアムは月額500円の有料サービスです。詳細はこちらから。
- 一般公開：2012/02/19
- こんな手が！Faviconを使って通知数を表示する
- 一般公開：2012/02/18
- Web上のテキスト修正をトラッキング
- 一般公開：2012/02/18
- 滑らかに自然なページ送りができるJavaScriptライブラリ
- 一般公開：2012/02/17
- Webアプリケーションを作るのに便利そうなコンポーネント群
- 一般公開：2012/02/15
- Webプログラマ必見。HTML5のセキュリティチートシート
タグ「プログラミング言語 - JavaScript」の記事一覧
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
2012/01/22
node.js+Canvasを使ってみんなでお絵描き「Paintogether」
Paintogetherはみんなでお絵描きチャットできるWebアプリケーションです。Canvasタグを使って描画して、データの同期にはnode.jsのsocket.ioを使っています。 ここで絵を描きます。 例えばこんな感じです。なお筆者環境ではなぜか同期処理が失敗しました… soc...
2012/01/21
跡※王国？人体解剖3Dビューワー「open 3D viewer」
デモの牛さんです。はぁはぁ… おっと、一気に透けてしまいました。 血管と脳だけです。マウスを動かすとぐりぐり回転できます。 脳と目だけにしてみました。 脳、内蔵、骨、皮膚ごとに透明度が設定できます。 スケスケだぜ！！ あらやだ。 ズームイン、ズームアウトも自由にできます。 モデルの作成はなか...
2012/01/20
クライアントサイドだけでファイルを保存する「FileSaver.js」
Webアプリケーションが増える中、Webブラウザ上で作ったコンテンツをそのままエクスポートする時に使えるライブラリがFileSaver.jsです。 まず画像を保存するデモです。 こんな感じに適当にマウスで文字を書きます。 ファイル名をつけて保存ボタンを押すと保存が実行されます（ウィンドウ下部...
2012/01/20
Bootstrapを使ったイメージギャラリー「Bootstrap Image Gallery」
-
admin
- ソフトウェア ,Web ,オープンソース
- JavaScript ,github ,MIT License ,プレミアム ,画像
最近のWebサービスではTwitter社の開発したBootstrapをベースに提供するものが増えてきました。Bootstrap Image Galleryはそんな中、Bootstrapを使って開発されたイメージギャラリーソフトウェアとなっています。 サムネイル一覧です。奇麗に並びます。 サム...
2012/01/17
業務システムに単なるCSVもリッチに表現「js-tables」
js-tablesは業務システムで使えそうなjQueryプラグインです。CSVファイルやCSVのテキストを渡してフィルタリングや並び替えに対応したテーブルを表示してくれます。 サンプルです。元データはCSVファイルとなっています。 カラムごとに入っているデータをグルーピングして表示します。そ...
2012/01/15
要チェック。iPhone/iPadで表示しているWebサイトに対して使えるWebインスペクタ「Mobile Safari Inspector」
WebKitにはJavaScriptやHTMLのデバッグを行うインスペクタが内蔵されています。それをiPhone/iPadのMobile Safariでも使えるようにするのがMobile Safari Inspectorです。 iPadのシミュレータで任意のサイトを表示します。 デスクトップ...
2012/01/14
スクロールで発動するダイナミックなアニメーション「scrollorama」
Webページでインパクトある表現を求めている方にお勧めしたいのがscrolloramaです。 最初の表示です。ここから下にスクロールしていきます。 まず上にあった文字がばらけていきます。 下にある文字が回転しながら収まっていきます。 ダイナミックに展開していきます。 文字が下から迫ってきます...
2012/01/12
管理画面からはじめるHTML5対応「HTML5 ADMIN」
格好いい管理者専用のWebページが作ってみたいならばお勧めしたいのがHTML5 ADMINです。 デモの画面です。シンプルで分かりやすい画面構成になっています。 ツリービューを広げた場合です。 レイアウトは柔軟に設定されています。 アコーディオンやタブ、シャドーも用意されています。 ダイアロ...
2012/01/11
リアルタイム描画に対応したJavaScriptテンプレートエンジン「Tmpltr」
Webアプリケーションを作る際にテンプレートエンジンとしてチェックしたいのがTmpltrです。HTMLだけでなく、スタイルシートにも考慮されているのが特徴です。 左上がJSON、中央がHTMLテンプレート、下がCSSになります。それらを組み合わせた結果が右側の表示になります。 フッターです。...
2012/01/11
JQGridを使ったAjax対応のPHPグリッド表示ライブラリ「JQgrid PHP Grid Control」
PHPで作られた業務システムなどでデータを表で一覧表示する際に使ってみたいのがJQgrid PHP Grid Controlです。ごくシンプルなPHPコードだけで高度なグリッド表示を行ってくれます。 データが整然とグリッド表示されています。 データの追加もここでできます。 日本語が???にな...
2012/01/10
ブログに貼ってみよう。GitHubのフォロワー数をバッジ表示「GitHub Watchers」
GitHubはプログラマーのソーシャルコミュニティです。ウォッチを通じてフォローできます。TwitterやFacebookでもこのフォロワーという存在が大きな意味を持ちます。そこで使ってみたいのがGitHub Watchersです。 GitHubユーザのフォロワー数がボタン表示できます。 実...
2012/01/07
さくさく見られる。node.js製のTumblr画像ビューワー「tumblr photos viewer」
Tumblrには面白い画像がたくさんアップロードされています。そうした人たちをフォローして眺めるのも良いですが、より手軽に見られるようにしてくれるのが専用のビューワー、tumblr photos viewerです。 インストールです。環境変数にTumblr APIの情報を適用します。 サイン...
2012/01/06
HTML5のパワー。Webベースでファイルシステムを構築する「Filer.js」
HTML5のAPIの一つ、ファイルシステムAPIを体験できるのがFiler.jsです。新しいWebの可能性を存分に知ることができます。 デモです。まずディレクトリをインポートします。 インポートしました。ディレクトリはマウスでたどれます。 アイコンまたはリスト表示をサポートしています。 画像...
2012/01/05
Google Chrome機能拡張でFacebook Connectを行わせるにはどうやるか「Facebook Connect for Chrome Extension」
Google Chrome向けにFacebook Connectを使った機能拡張を作りたいならば参考にしたいのがFacebook Connect for Chrome Extensionです。 インストールしました。 ツールバーからコネクトを開始します。 コネクトして戻ってきました。 Fac...
2012/01/05
Closure Toolsを使った折れ線グラフライブラリ「Closure Charts」
GoogleがリリースしているJavaScriptツール群がClosure Toolsです。そんなツールを使って作られたチャートライブラリがClosure Chartsになります。 主に折れ線グラフ用です。 色を変えたり、多数の要素をグラフに配置できます。 マウスを当てるとその部分にポインタ...
2012/01/05
Google製のクライアントサイド、JavaScript製テンプレートエンジン「JsTemplate」
Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプ...
2012/01/03
US阪金盾に反対する「Stop Censorship」
USでインターネットを巡る問題となっているのがSOPA（Stop Online Piracy Act。オンライン海賊行為防止法）です。インターネットの自由、経済性を脅かす同法案に反対する目的で作られたのがStop Censorshipです。 検閲されるであろう文言が全て塗りつぶされています。...
2012/01/03
JavaScript製のALACデコーダー「ALAC.js」
AppleからALAC（Apple Lossless Audio Codec）がオープンソースとしてリリースされて以来、様々なプロジェクトで使われるようになっています。今回紹介するのはALAC.js、ALACをJavaScriptで利用できるデコードライブラリです。 デモです。Webサーバで...
アンケート