レスポンシブWedデザイン対応のスタイルガイドを作成出来るOSS・「Styleguide」 Styleguide StyleguideはWebサイトのスタイルガイドを作成出来るツール。OSSとして公開されています。RWDにも対応できるように、リサイズ機能も付与。動作デモを見たほうが早そうですね。ライセンスはMIT。 S...2015.07.22 | 10時23分34秒
ドキュメントをmarkdown記法でリアルタイム共同編集する為のOSS・「HackMD」 HackMD HackMDはmarkdownで書いたドキュメントを複数人で編集、リアルタイムプレビューが可能なツールです。オープンソースとしても公開されています。サインインはしてもしなくても使えるみたいですね。時間なくてあまり触ってま...2015.07.21 | 10時19分04秒
シンプルなタスク管理Webアプリを構築出来るOSS・「TaskBoard」 TaskBoard TaskBoardはサーバーインストール型のシンプルなPHP製タスク管理ツールです。オープンソースとして公開されています。アクセスしてタスクの追加、進行中のタスク、終了したタスクの一覧が表示される、というシンプルな...2015.07.20 | 10時01分41秒
プログラミング専門のライブ配信ツール・「Livecoding.tv」 Livecoding.tv Livecoding.tvはプログラミングに特化したライブ配信ツールです。ライブコーディングによってスキルアップや改善が期待出来るとの事。各言語とその難易度(初級向けや中級向け等)でカテゴライズされています...2015.07.19 | 8時54分54秒
Sinatraベースのダッシュボード用フレームワーク・「Dashing」 Dashing Dashingはオンラインショップサービスを手がけるShopifyが公開したダッシュボード構築の為のフレームワークです。Sinatraベースのようですね。パッと見である程度把握出来るレイアウトでなかなかよさ気。TVみた...2015.07.18 | 10時16分44秒
Microsoft WordをMarkdownエディタにする為のプラグイン・「Writage」 Writage WritageはMSのWordをMarkdownエディタ化する為のプラグインです。Wordを使い慣れている人、好んで使っている人向けに作成した、との事。何故わざわざWordで、と思う方も多い気もしますが、まあ使い慣れた...2015.07.17 | 9時30分41秒
textareaにオートコンプリート機能を加えるライブラリ・「jQuery.textcomplete」 jQuery.textcomplete jQuery.textcompleteはtextareaにオートコンプリート機能を加えるライブラリ。jQueryに依存しています。Githubで使えるような顔文字や@fooなどソーシャルサイトの...2015.07.12 | 10時15分25秒
JavaScript製の2D物理エンジン・「p2.js」 p2.js p2.jsはJS製の2D物理エンジンです。衝突検出や反発、摩擦、モーター動作、バネ動作などなどよくある一般的な物理エンジンですね。ゲーム開発等に如何でしょうか。ライセンスはMIT。 p2.js2015.07.11 | 11時15分51秒
React.jsベースのプレゼンテーションライブラリ・「Spectacle」 Spectacle SpectacleはReact.jsベースのプレゼンテーションライブラリです。よくあるWebスライドをReact.jsベースで作ろう、というもの。PDFへのエクスポートも出来るみたいです。使い方等の詳細はGithu...2015.07.08 | 10時16分56秒
Twitter Bootstrapの有料/無料テンプレートを配布する・「ShapeBootstrap」 ShapeBootstrap ShapeBootstrapはBootstrapのテンプレート配布サイトです。有料と無料のものが用意されていますが、無料版も結構な数があるようです。ダウンロード出来るだけでなく、開発者による販売も可能なの...2015.06.29 | 10時19分17秒
アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」 html5test html5testはアクセスしたブラウザがHTML5をどの程度サポートしているかを表示してくれるツールです。オープンソースとしてもコードが公開されています。それぞれのカテゴリに分けられていて、各項目のサポートの有無...2015.06.27 | 9時37分28秒
ブラウザ上で動作するオープンソースのクラウドコードエディター・「Code Your Cloud」 Code Your Cloud Code Your Cloudはブラウザ上で動作するクラウドコードエディターです。Googleドライブを経由する仕様みたいですね。必要最低限の機能は持っている印象でした。対応言語のサポート数も結構な数で...2015.06.25 | 10時43分58秒
オープンソースで公開されている議論プラットフォーム・「Discourse」 Discourse DiscourseはOSSとしてソースコードが公開されているディスカッションプラットフォームです。RubyとJSで書かれてるみたい。メーリングリストやチャット、フォーラム構築などに対応可能でスマフォやタブレットでも...2015.06.23 | 10時50分29秒
シンプルでミニマル設計のReactライクな軽量UIライブラリ・「Riot.js」 Riot.js Riot.jsはミニマル設計でReactライクなUIライブラリです。Muutというコメントプラットフォームを提供する企業が開発、公開したライブラリで圧縮版で3.5KBと軽量ながらパワフルな機能を持っている印象でした。V...2015.06.19 | 9時45分56秒
知りたいWeb制作技術を複数の学習サイトや質問サイトから横断検索して回答を検索できる・「Recalll」 Recalll Recalllは質問内容を入力すると、複数の学習サイトや質問サイトを横断検索して回答を検索することが出来るWebサービスです。主にWeb制作に関する回答を出すのが目的のようです。html.netやW3Schools、S...2015.06.13 | 10時15分13秒
パフォーマンスデータ表示の為のダッシュボードシステム・「Tipboard」 Tipboard Tipboardはビジネスデータやパフォーマンスを表示する為のダッシュボードシステムです。PythonとJavaScriptで書かれており、OSSとしてソースコードが公開されています。初期スタイルも見やすそうで良いで...2015.06.08 | 10時01分28秒
複数のJavaScriptライブラリを1つのファイルにまとめて圧縮してくれる・「Javascript Library Generator」 Javascript Library Generator Javascript Library Generatorは複数のJSライブラリをひとまとめにして圧縮してくれるパッケージツールです。数多のライブラリを選択してダウンロードするだ...2015.06.04 | 10時11分45秒
小規模チーム向けのオープンソースのチャットツール・「Let’s Chat」 Let's Chat Let's Chatは小規模チーム向けに開発されたオープンソースのチャットツールです。サーバーインストール型で動作にはMongoDBとNode.jsが必要となります。複数のチャットルーム作成、画像のenbed、コ...2015.05.31 | 10時03分13秒
CSSのA to Zを動画で学べる学習サイト・「A to Z CSS」 A to Z CSS A to Z CSSはデザイナーや開発者が動画でCSSの基本から応用までを学べる学習サイト。本サイトでフロントエンド開発スキルを磨いて欲しいとの事。当然全て英語になっていますが、英語がダメでも動画によっては映像だ...2015.05.27 | 10時28分47秒
シンプルでクリーンなモバイルファーストのCSSフレームワーク・「Outline」 Outline OutlineはシンプルでクリーンなCSSフレームワークです。モバイルファースト設計のレスポンシブWebデザイン対応で、tableやタブ、ボタンなどの各UIコンポーネントもひと通り揃えられています。もちろんこれらもRW...2015.05.26 | 10時21分01秒
データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」 jsGrid jsGridはデータグリッドを実装する為の軽量スクリプトです。jQueryに依存しています。データテーブルのセル内のデータ編集やソート、ページングにも対応しています。スタイルコンポーネントのカスタマイズもし易いように設計...2015.05.25 | 10時42分50秒
ブラウザで動くオープンソースの正規表現テストツール・「RegExr」 RegExr RegExrはオープンソースの正規表現テストツールです。ブラウザ上で書いた正規表現が正しいかどうかを判断してくれる、というシンプルなもの。以前にご紹介したrefiddleと同じようなツールですが、refiddleのライセ...2015.05.24 | 10時57分22秒