Resource - フロントエンドエンジニア向け

軽量なWYSIWYGエディタを実装する為のjQueryプラグイン・「Trumbowyg」

Trumbowyg TrumbowygはjQuery依存のWYSIWYGエディタです。軽量且つ高速な動作を目指したそうです。HTML5もサポートされており、カスタマイズ性にも優れているようですね。他言語化もされており、日本の有志が本プ...

大量のjQueryプラグインと、その使い方等をコレクションしている・「jQueryScript.Net」

jQueryScript.Net jQueryScript.NetはjQueryのプラグインをコレクションしているWebサイトです。プラグインだけでなく、その使用方法やライセンス、ファイルサイズ等を簡単に紹介しています。今更感が否めな...

モバイルファーストな軽量フロントエンドフレームワーク・「Wee」

Wee Weeは軽量でモバイルファーストなOSSのフロントエンドフレームワークです。軽量ではあるものの、その性能は非常に充実しており、フレームワークとしてしっかり機能してくれそうな印象でした。開発をサポートするJavaScriptツー...
Ads

Ruby on Rails x Backbone.jsで構築されたEvernoteクローン・「Nevernote」

Nevernote NevernoteはRailsとBackbone.jsで作られたEvernoteクローンです。動作デモを触ってみましたが、UIはなかなかの再現度という印象でした。象のロゴを使うのはちょっとどうかなと思いますが・・w...

SASSのように使えるJavaScript・「Stylus」

Stylus StylusはSASSのように簡易的な記述でCSSを生成してくれるJavaScriptです。シンプルなコードでコンパイルしてくれるので取っ付き易い印象です。とはいえ、これだけLESSやSASSが普及している中で敢えて本ス...

Canvasベースのグラフを描けるjQueryスクリプト・「Flot」

Flot FlotはCanvasを使ったチャートを実装する為のライブラリです。jQueryに依存しています。上図のようなシンプルなグラフに限らず様々なビジュアルのグラフに対応することが可能です。グラフのリアルタイムアップデートにも対応...

Mediumのように途中にコメント出来るようにするOSSのコメントシステム・「Carnival」

Carnival Carnivalはコンテンツの途中にコメントできるようにするコメントシステムを導入する為のオープンソースソフトウェアです。Mediumで導入されているコメントライクに使うことが出来、GoogleやGithubアカウン...

Gitで困った時に、よくある質問とその回答を探せる・「First Aid git」

First Aid git First Aid gitはGitで困った際に解決方法を探せるWebサイトです。よくある質問と、その回答が纏めてあり、任意のキーワードで探せるようになっています。そこまで情報量は多く有りませんが、本ツールは...

DropboxやGoogle Driveのようなファイルストレージツールを構築する為のOSS・「Freehold」

Freehold Freeholdは任意のファイルを管理するツール構築のためのオープンソースソフトウェアです。軽量且つセキュアなファイル管理が可能との事。DropboxやGoogle Driveの代替ツールとして利用出来るように設計し...

Go製のミニマルで軽量なブログエンジン・「Journey」

Journey JourneyはGoで書かれたミニマルなブログエンジンです。OSSとして公開されています。使いやすく、軽量で高速なブログエンジンの設計を心がけているとの事。Ghostのテーマと互換性があるみたいなのでテーマの作成も割り...

シンプルでライセンスも緩いOSSのライブMarkdownエディタ・「Live (Github-flavored) Markdown Editor」

Live (Github-flavored) Markdown Editor Live (Github-flavored) Markdown Editorはシンプルなライブプレビュー機能付きMarkdownエディタです。絵文字にも対応...

CSVをパースする為のスクリプト・「Papa Parse」

Papa Parse Papa ParseはCSVをパースするためのJavaScriptです。大きなファイルサイズにも対応可能でCSV⇔JSONでコンバートしてくれます。他、ローカルファイルを開ける、区切り文字の自動検出等が特徴として...

Googleフォントや任意のWebフォントの表示テストを行う為のオープンソースソフトウェア・「webfont test」

webfont|test webfont testはGoogleフォントや任意のWebフォントの表示テストを行うためのOSSです。テストしたいフォントを選ぶと、上図のようにベースラインとフォント、ダミーテキストが表示されます。テキスト...

MercurialやGitをサポートしたオープンソースのソースコード管理システム・「Kallithea」

Kallithea KallitheaはMercurialやGitといったバージョン管理システムをサポートしているOSSのソースコード管理ツールです。Pythonで書かれてるみたいですね。ワンクリックでフォーク、ビルトインされたプルリ...

marked.jsを使ったシンプルなMarkdownエディタを実装する為のスクリプト・「Markdownify」

Markdownify MarkdownifyはシンプルなMarkdownエディタを実装する為のスクリプトです。jQueryに依存しています。シンタックス等はcodemirror.jsを使用し、Markdownのパースはmarked....

ブラウザで動くシンセサイザーを実装する為のスクリプト・「beep.js」

beep.js beep.jsはブラウザ上で動く、WebAudio APIを使ったシンセサイザー構築の為のJavaScriptフレームワークです。シンプルなコードで動かせるように作ったそうです。デモページではコンソールを開いてtext...

Webサービスのステータスページを実装するためのPHP製オープンソースソフトウェア・「CachetHQ」

CachetHQ CachetHQはWebサービスの公開用ステータスページを実装する為のソフトウェアです。PHPで書かれています。動作にはPHP 5.4以上、エクステンションにmcrypt等が必要で、データベースはMySQL、 Pos...

tableに書いたデータをGoogle Chartを使ってグラフ化する為のスクリプト・「Chartinator」

Chartinator Chartinatorはtableに書いたデータをGoogle Chartでグラフ化する為のスクリプトです。jQueryに依存しています。既存のtable要素に書かれたデータを可視化出来るのでユーザビリティの改...

React用に開発されたFacebook製のIDE・「Nuclide」

Nuclide NuclideはReact用に開発されたFacebook謹製IDEです。Githubが公開したエディタのAtomをベースに、OSSとして提供する、とありますが、現在は直接ダウンロード出来ません。このソフトウェアの更新状...

クロスプラットフォームなモバイル向けアプリ構築の為のフレームワーク・「RAD.js」

RAD.js RAD.jsはモバイル向けのアプリケーション構築の為のフレームワークです。iOSやAndorid、Windows Phone 8の他、各主要ブラウザに最適化したクロスプラットフォームなフレームワークを目指しているそうです...

オープンソースのシンプルなTodoツール・「Todowhat」

Todowhat TodowhatはOSSで公開されているシンプルなTodoアプリです。backbone.jsとPython用フレームワークのFlaskで構築されています。タグ付けや検索、リストのドラッグ&ドロップによる順序の変更など...

現在のURLに任意のパラメーターを付与する為のスクリプト・「url.js」

url.js url.jsは現在閲覧中のページのURLに任意のパラメーターを付与する為のスクリプトです。例えばといったURLをその場でのような任意のパラメーターを付与したり、削除する事も出来ます。汎用的なライブラリでは有りませんが痒い...
Ads