Gitで困った時に、よくある質問とその回答を探せる・「First Aid git」 First Aid git First Aid gitはGitで困った際に解決方法を探せるWebサイトです。よくある質問と、その回答が纏めてあり、任意のキーワードで探せるようになっています。そこまで情報量は多く有りませんが、本ツールは...2015.04.28 | 10時30分31秒
DropboxやGoogle Driveのようなファイルストレージツールを構築する為のOSS・「Freehold」 Freehold Freeholdは任意のファイルを管理するツール構築のためのオープンソースソフトウェアです。軽量且つセキュアなファイル管理が可能との事。DropboxやGoogle Driveの代替ツールとして利用出来るように設計し...2015.04.27 | 10時38分36秒
Go製のミニマルで軽量なブログエンジン・「Journey」 Journey JourneyはGoで書かれたミニマルなブログエンジンです。OSSとして公開されています。使いやすく、軽量で高速なブログエンジンの設計を心がけているとの事。Ghostのテーマと互換性があるみたいなのでテーマの作成も割り...2015.04.26 | 10時33分44秒
SASSで構築された軽量なフロントエンド開発フレームワーク・「Penguin」 Penguin PenguinはSASSで構築されたフロントエンド開発の為の軽量スターターキットです。OSSとして公開されています。必要最低限のコンポーネントも揃えられており、RequireJS併用でモジュールの管理も可能との事。個人...2015.04.25 | 10時25分07秒
シンプルでライセンスも緩いOSSのライブMarkdownエディタ・「Live (Github-flavored) Markdown Editor」 Live (Github-flavored) Markdown Editor Live (Github-flavored) Markdown Editorはシンプルなライブプレビュー機能付きMarkdownエディタです。絵文字にも対応...2015.04.21 | 10時49分26秒
HTMLをmarkdown記法で書いたようなスタイルにするCSS・「i-love-markdown.css」 i-love-markdown.css i-love-markdown.cssはHTMLをmarkdown記法で書いたようなスタイルにするCSSです。上図はh1やtableタグで書いていますが、このようにmarkdown記法に見せるC...2015.04.18 | 10時17分57秒
CSVをパースする為のスクリプト・「Papa Parse」 Papa Parse Papa ParseはCSVをパースするためのJavaScriptです。大きなファイルサイズにも対応可能でCSV⇔JSONでコンバートしてくれます。他、ローカルファイルを開ける、区切り文字の自動検出等が特徴として...2015.04.17 | 10時14分00秒
HTML5ベースのノベルゲームを実装出来る国産ゲームエンジン・「O₂ Engine」 O₂ Engine O₂ EngineはHTML5ベースのノベルゲームエンジンです。HTML5なのでブラウザはまだ選ぶものの、デバイスを気にせず作れるのは素敵ですね。本ゲームエンジン開発者が提供するノベルゲームサービスのノベルスフィア...2015.04.16 | 11時02分58秒
動画のように表現出来るコンテンツスライダー・「Jquery Image Player」 Jquery Image Player Jquery Image Playerはコンテンツを動画のように再生して連続表示出来るJSスライダーです。jQueryに依存しています。上図のように、HTMLで書かれたテキストや画像等が含まれた...2015.04.15 | 10時57分08秒
商用でも自由に使えるCC0ライセンスの動画を配布する・「Pexels Videos」 Pexels Videos Pexels Videosは商用利用でも無料のCC0ライセンスな動画を配布するプロジェクトです。動画のカテゴリも食べ物や車、街や人物、太陽や空、海などの景色やビジネス向けなど様々用意されています。ダミー動画...2015.04.14 | 10時24分18秒
Googleフォントや任意のWebフォントの表示テストを行う為のオープンソースソフトウェア・「webfont test」 webfont|test webfont testはGoogleフォントや任意のWebフォントの表示テストを行うためのOSSです。テストしたいフォントを選ぶと、上図のようにベースラインとフォント、ダミーテキストが表示されます。テキスト...2015.04.13 | 10時57分24秒
MercurialやGitをサポートしたオープンソースのソースコード管理システム・「Kallithea」 Kallithea KallitheaはMercurialやGitといったバージョン管理システムをサポートしているOSSのソースコード管理ツールです。Pythonで書かれてるみたいですね。ワンクリックでフォーク、ビルトインされたプルリ...2015.04.12 | 11時01分39秒
marked.jsを使ったシンプルなMarkdownエディタを実装する為のスクリプト・「Markdownify」 Markdownify MarkdownifyはシンプルなMarkdownエディタを実装する為のスクリプトです。jQueryに依存しています。シンタックス等はcodemirror.jsを使用し、Markdownのパースはmarked....2015.04.11 | 11時29分35秒
CSSのみで作られたローディングアニメーションのセット・「Loaders.css」 Loaders.css Loaders.cssはCSSのみで作られたローディングアイコンのセットです。CSSで作られているのでスタイルの変更やスピード調整もしやすく、軽量で済む反面、対応ブラウザも限られるので現状ではスマフォ向けになり...2015.04.10 | 10時38分56秒
ブラウザで動くシンセサイザーを実装する為のスクリプト・「beep.js」 beep.js beep.jsはブラウザ上で動く、WebAudio APIを使ったシンセサイザー構築の為のJavaScriptフレームワークです。シンプルなコードで動かせるように作ったそうです。デモページではコンソールを開いてtext...2015.04.09 | 10時14分28秒
Webサービスのステータスページを実装するためのPHP製オープンソースソフトウェア・「CachetHQ」 CachetHQ CachetHQはWebサービスの公開用ステータスページを実装する為のソフトウェアです。PHPで書かれています。動作にはPHP 5.4以上、エクステンションにmcrypt等が必要で、データベースはMySQL、 Pos...2015.04.08 | 10時54分43秒
セマンティックなフロントエンドフレームワーク・「mice」 mice miceはセマンティックなフロントエンド開発の為のRails製フレームワークです。設計も複雑な箇所はなく、主要なUIコンポーネントもひと通り揃えられている印象でした。アイコンはお馴染みのFont Awesomeが使われていま...2015.04.07 | 10時45分17秒
フラットデザイン向けのボタンを手軽に作成出来るOSS・「2.5dBUTTON」 2.5dBUTTON 2.5dBUTTONはフラットデザイン向けのボタンを手軽に作成出来るツールです。国産で、OSSとしてもソースコードが公開されています。サイズやカラー、テキスト、アイコンなどを調整してHTMLとCSSをコピペすれば...2015.04.06 | 10時05分03秒
スクロールに応じて映画のPV風にコンテンツを表示させるスクリプト・「Space.js」 Space.js Space.jsはスクロールに応じて映画のPVのようにコンテンツを次々と表示させていくスクリプトです。うまく説明出来ないので本サイトでスクロールをお試し下さい。以前流行ったパララックスなWebサイトの応用、みたいな感...2015.04.04 | 9時54分54秒
Webサイトのスタイルをユーザーがデスクトップ向けとモバイル向けに切り替えられるようにするスクリプト・「Responsible.js」 Responsible.js Responsible.jsはWebサイトのスタイルをPC⇔モバイルでスイッチ出来るようにするスクリプトです。他ライブラリに依存せず、単体で動いてくれます。前提条件として、Media Queriesを使用...2015.04.03 | 10時38分58秒
FoundationやBootstrapを使用しているWebサイト上にグリッドを表示するブックマークレット・「Grid displayer」 Grid displayer Grid displayerはFoundationやBootstrapといった人気のフレームワークを使用したWebサイト上にグリッドを表示させるブックマークレットです。単純にグリッドを表示させるだけでなく...2015.04.02 | 10時36分11秒
tableに書いたデータをGoogle Chartを使ってグラフ化する為のスクリプト・「Chartinator」 Chartinator Chartinatorはtableに書いたデータをGoogle Chartでグラフ化する為のスクリプトです。jQueryに依存しています。既存のtable要素に書かれたデータを可視化出来るのでユーザビリティの改...2015.04.01 | 10時09分56秒