Markdown記法をテキストに変換するjQueryのスクリプト・「jQuery.Markdown.js」 jQuery.Markdown.js jQuery.Markdown.jsはMarkdown記法で書かれたコードをテキストに変換するスクリプトです。jQueryに依存しています。シンプルで使い勝手も良さそうですね。日本の方が作成、公開...2014.12.26 | 10時58分52秒
Googleスプレッドシートのデータを元にチャートや地図、table等に変換するスクリプト・「Sheetsee.js」 Sheetsee.js Sheetsee.jsはGoogleスプレッドシートに書いたデータを元に、チャートグラフや地図、table等に変換してWebサイトに埋め込めるスクリプトです。動作にはjQueryが必要みたい。基本的にはコア必須...2014.12.25 | 11時14分43秒
世界中で利用数の多いJavaScriptライブラリを検索できる・「Libscore」 Libscore Libscoreは世界で需要の高いJSライブラリやスクリプトを検索できるツールです。jQueryやModernizrがどの程度使われているかを教えてくれます。とは言え、恐らく需要の高いであろうライブラリが出てこなかっ...2014.12.23 | 11時18分05秒
モバイルアプリの為のUIフレームワーク・「Touchstone.js」 Touchstone.js Touchstone.jsはモバイルアプリのためのUIフレームワークです。React.jsベースのようですね。美しくハイブリッドなアプリの構築をサポートしてくれる・・との事ですが、まだロードマップを見る限り...2014.12.15 | 10時49分50秒
様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」 Js Tutorial Js Tutorialは配布されているJSライブラリやjQuery等のプラグインの使い方をまとめているWebサイトです。と言っても、配布元で書かれているオプションや簡単な解説のみなのでチュートリアルとはあまり言...2014.12.12 | 11時16分32秒
SASSとJekyllで構築されたフロントエンド開発フレームワーク・「Muffin」 Muffin MuffinはSASSとJekyllで構築されたフロントエンド開発のためのテンプレートです。インストール後すぐに開発作業を始められるような設計を目指したみたい。SVGアイコンやTwitter Bootstrapもサポート...2014.12.08 | 11時06分29秒
jsfiddleライクにWebGLの動作テストが可能なOSS・「WebGL playground」 WebGL playground WebGL playgroundはjsfiddleライクにブラウザ上でWebGLの動作テストが可能なツールです。オープンソースとしてGithubでもソースが公開されています。コード編集すればインタラク...2014.12.03 | 10時40分16秒
Gistで書いたコードをスライド表示にする・「GistDeck」 GistDeck GistDeckはGistのコードをスライドとして表示してくれるツール。方法も簡単で、gistのサブドメインを変えるだけ。任意のgistのページのURLのgist.github.com/~の箇所をgistdeck.g...2014.12.02 | 10時25分42秒
SVGアイコンをアニメーションエフェクト付きで切り替える為のスクリプト・「SVG Morpheus」 SVG Morpheus SVG MorpheusはSVGアイコンから別のSVGアイコンへモーフィングさせる為のスクリプトです。非依存型で単体で動作してくれます。導入も楽そう。オプションやらサポートされたイージングの種類は本サイトにて...2014.12.01 | 11時35分56秒
Markdown記法でリアルタイムプレビューを可能にする・「Livedown」 Livedown Livedownは各エディタでMarkdown記法を使う際にリアルタイムプレブビュー機能を付加するプラグイン。VimやSublime text、Emacsなどのプラグインが用意されています。Markdownを書く機会...2014.11.30 | 11時51分51秒
AngularJSとPHPで作られたシングルページ専用のCMS・「Cosmo」 Cosmo CosmoはAngularJSとPHPで書かれたオープンソースのCMSです。シングルページ専用との事。モバイルファーストでソーシャルメディアフレンドリーな設計になっているそうです。フロントエンド側で編集可能にする事でデバイ...2014.11.29 | 10時59分18秒
Dropboxに置いているCSVやGoogleスプレッドシートのデータをグラフ化するOSS・「CHARTED」 CHARTED CHARTEDはDropboxに置いたCSVやGoogleスプレッドシートのデータを元にグラフに可視化するツールです。OSSとしてGithubでもソースコードが公開されています。Mediumのスタッフ作らしいです。...2014.11.26 | 10時42分17秒
任意のWebサイトのCSSを解析し、ステータスを表示してくれるオープンソースのソフトウェア・「CSS Stats」 CSS Stats CSS Statsは任意のWebサイトのCSSを解析してステータスを表示してくれるツールです。OSSとしてソースコードも公開されています。CSSのサイズや使用されているプロパティやセレクタの数、カラーコード、フォン...2014.11.25 | 10時34分44秒
マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」 Materialize Materializeはマテリアルデザインを取り入れたRWD対応のCSSをフレームワークです。Sass対応で、各種コンポーネントも揃っていました。ベーシックで良いんじゃないでしょうか。ライセンスはMITとの事。...2014.11.24 | 11時13分45秒
モバイルやモダンブラウザ向けに、jQueryやzepto.jsの代替として作られた軽量ライブラリ・「laroux.js」 laroux.js laroux.jsはモバイルやモダンブラウザ向けに作られたjQuery、zepto.jsの代替ライブラリです。コアは非圧縮でも2.8kbと軽量で、Ajaxやアニメーション、データの取得等、やりたい事があればその都度...2014.11.23 | 11時09分48秒
様々なAPIを探せる検索エンジン・「APIS.io」 APIS.io APIS.ioは様々なAPIを探せる検索エンジンです。例えばphotoといれるとTumblrや500px、Flickrと言った人気のWebサービスのAPIが表示されます。少し分かりにくいですが、検索結果右下にmore ...2014.11.21 | 10時49分14秒
Webサイトのパフォーマンスチェックが出来るスクリプト・「PerfBar」 PerfBar PerfBarはWebサイトの簡単なパフォーマンスチェックが出来る非依存型のスクリプトです。任意のWebサイトに埋め込むことでロード時間や待ち時間等をチェック出来る様になります。フロントエンド側でチェックできるので自分...2014.11.19 | 10時18分21秒
マテリアルデザインのUIコンポーネントを構築する為のCSSフレームワーク・「material ui」 material ui material uiはGoogleの提唱したマテリアルデザインを導入したCSSフレームワークです。各UIコンポーネントも用意されています。Reactとセットになっているみたい。まだよく調べていませんがなかなか...2014.11.10 | 10時35分16秒
SVGの概要や使い方を学べるチュートリアルサイト・「Up and Running with SVG」 Up and Running with SVG Up and Running with SVGはSVGの概要や使い方をざっくり学べるチュートリアルサイトです。SVGとは何か、安全性、ツールの紹介、CSSによるスタイリング、JSによる操...2014.11.02 | 11時20分44秒
WordPressを使ったWebアプリ開発の支援を目的としたフレームワーク・「Themosis framework」 Themosis framework Themosis frameworkはWordPressをベースとしたWebアプリ開発のためのフレームワークです。カスタマイズされた複雑な構成のWebサイトやWebアプリの開発をサポートする、とい...2014.10.31 | 10時28分13秒
開発者向けのドキュメント作成ツール・「ReadMe.io」 ReadMe.io ReadMe.ioは開発者向けのドキュメント作成サービスです。開発したソフトウェア等を公開する際に仕様書を作成するのは結構な手間なのですが、そのドキュメントを管理・作成出来るのが本ツールです。いろいろ機能満載で無料...2014.10.30 | 10時44分45秒
ブラウザ上でスプレッドシートを共同編集出来るOSS・「Ethersheet」 Ethersheet Ethersheetはブラウザでスプレッドシートをリアルタイムで共同編集出来るオープンソースのソフトウェアです。使い方も簡単で、部屋の名前を決めればいいだけ。CSVのインポート/エクスポートもにも対応しています。...2014.10.14 | 11時32分50秒