コーディング不要でWebサイトのテンプレートを作成する為のオープンソースソフトウェア・「GrapesJS」
GrapesJS GrapesJSはコーディングせずに直感でWebサイトのテンプレートを作成出来るエディタです。OSSとしてソースコードが公開されています。JS製でjQueryにのみ依存しています。必要なコンテナやテキスト、画像等をマ...
Resource - フロントエンドエンジニア向け
任意の画像をレスポンシブに対応したHTMLタグや画像を生成するジェネレーター・「Responsive Image Breakpoints Generator」
Responsive Image Breakpoints Generator Responsive Image Breakpoints Generatorは任意の画像をRWD対応にする為のジェネレーターです。srcset属性による画像...
JavaScript製のオープンソースなCMS・「CMS.js」
CMS.js CMS.jsはJavaScript製のCMSです。オープンソースとして公開されています。サーバーサイド・スクリプトの援助なしにクライアントサイドでWebアプリケーションを構築する事が出来る、との事です。jekyllを意識...
自動でアクセシビリティのチェックを行うオープンソースツール・「pa11y」
pa11y pa11yは自動で任意のWebサイトのアクセシビリティチェックを行ってくれるツールです。OSSとして公開されています。監視したいWebサイトを設定すると毎日チェック、スコアを出してレポートを作成してくれます。30日間のレポ...
RubyやPython、Node.js、PHPやGoなど様々なコードスニペットをブラウザで実行テストできる・「BitRun」
BitRun BitRunは様々なプログラミング言語のコードスニペットを実行テスト出来るWebアプリです。対応言語はタイトルで上げたものの他にElixir、bash、Rust、C、Swift、Dart、CoffeeScroptなどなど...
シンプルなスプレッドシート実装の為のスクリプト・「ipgrid」
ipgrid ipgridはシンプルなスプレッドシート実装の為のスクリプトです。jQueryに依存しています。Googleスプレッドシートのように扱えるそうですが、まだ関数はいくつかしかテストしていませんのでクローンと言えるかどうかは...
Codepenで2015年に話題になった投稿TOP100をまとめた・「MOST The HEARTED 2015」
MOST The HEARTED 2015 MOST The HEARTED 2015はCodepenで話題になった投稿TOP100をランキング化したWebページです。最もグッと来た投稿、コードを紹介しています。心に来たコード＝実際に...
シングルページのWebアプリケーションエンジン・「Senna.js」
Senna.js Senna.jsはオープンソースのシングルページなWebアプリケーションエンジンです。軽量で他ライブラリに依存しないフレームワークとなっており、高速ブラウジング可能なWebアプリ構築をサポートしてくれるとの事。ライセ...
Web制作時に役に立つ（かもしれない）ツールを大量に公開している・「Richard’s Toolbox」
Richard's Toolbox Richard's ToolboxはWeb制作時に役に立ちそうなツールを大量に公開しているWebサイトです。Skypeや各SNSでの表示確認ツール、Webサイトのロードテスター、Whoisチェックツ...
Hacker NewsやDesigner News、GitHub等を横断検索出来る・「THE SEARCH」
THE SEARCH THE SEARCHはHacker NewsやDesigner News、GitHub、Product Huntから横断検索してツールやリソース等を探せるツールです。話題になる情報発信のニュースサイトをまとめて検...
任意の画像からよさ気な部分を自動で切り取るスクリプト・「smartcrop.js」
smartcrop.js smartcrop.jsは任意の画像からよさ気な部分を自動で切り取るスクリプト。訳わからんですね。まともな説明が思いつきませんでしたすみません。指定されたサイズの範疇で、画像からさも良さそうに見える構図で自動...
任意のライブラリを読み込んでデベロッパーツールのコンソールからテストできる・「JS Envy」
JS Envy JS Envyは任意のライブラリをロードしてDevToolのコンソールからAPIテストを行えるツールです。上図はjqueryを読み込んだ瞬間のSSです。右側にライブラリが挿入されているのが確認出来るかと思います（わかり...
オープンソースのHTML5製パーティクルエンジン・「Proton」
Proton ProtonはOSSで公開されているHTML5製のパーティクルエンジンです。手軽に様々なタイプのパーティクルを実装、動作シミュレートが可能、とのこと。レンダラはCanvas、DOM、WebGL、Easeljs、pixel...
OS XのFinderライクな階層データ表示の為のスクリプト・「Finder.js」
Finder.js Finder.jsはMac OSのFinderのカラムビューライクな階層データ表示用スクリプトです。上記のようなファイルマネージャのUIを実装する事ができる、というもの。依存関係もなくサイズも軽量との事。ライセンス...
Basecamp製のシンプルなWYSIWYGエディタ・「Trix」
Trix Trixはプロジェクト管理ツールを運営するBasecamp社製のシンプルなインターフェースのWYSIWYGエディタの為のライブラリ。毎日使ってもストレス無く、WYSIWYGエディタでモバイル向けを含むWebブラウザ間にバグが...
オープンソースのSlackクローン・「Mattermost」
Mattermost Mattermostはオープンソースで公開されているSlackクローンです。セルフホスティングでSlackライクなチャットツールを構築する事ができる、との事。GoとReactで書かれているみたいですね。ライセンス...
オープンソースのミニマルなパスワードマネージャ・「Padlock」
Padlock PadlockはミニマルでOSSなパスマネです。iOS、Androidアプリ、Chromeエクステンションとしても提供されている他、GPLライセンスの元、オープンソースとしてもソースコードが公開されています。構築にはP...
HTML5/JavaScript製ゲーム開発フレームワーク・「hitagi.js」
hitagi.js hitagi.jsはHTML5とJavaScriptで作るゲームの為の開発フレームワークです。エンティティコンポーネントシステムを採用しているとの事で、OSSとしてMITライセンスの元でソースコードが公開されていま...
Bootstrapのテーマを配布しているWebサイトをまとめている・「ThemeFinder」
ThemeFinder ThemeFinderはBootstrapのテーマを配布しているWebサイトをひと纏めにしたWebサイトです。各Bootstrapテーマ配布サイトはiframeでその場に表示されますので探すのは楽そうですね。 ...
Dropboxが公開したオープンソースのグループチャット・「Zulip」
Zulip ZulipはDropboxが公開したグループチャット構築ソフトウェアです。Apacheライセンスの元、OSSとして公開されています。2014年に買収したチャットアプリをOSSとして改めて公開した、という感じみたいですね（参...
Markdownで更新する軽量でシンプルなPHP製のCMS・「Sphido」
Sphido Sphidoは軽量でシンプルなOSSのCMS。高速性とシンプル性を重視しているそうです。MarkdownやHTMLなどのフラットファイルでコンテンツを構築していく事が出来ます。セキュアで高速なテンプレートエンジン、Lat...
NASA公式で公開しているオープンソースのコードやデータ、APIを探せる・「openNASA」
openNASA openNASAはNASA（米航空宇宙局）が公開しているOSSやデータ、ツール、APIを探せるNASA公式のWebサイトです。不可能を可能にしてきたNASAの技術を、人類の利益の為に数々の未知を明らかにする目的で一般...