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

StackoverflowやGithub等のコードスニペットをコピーしやすくするChromeエクステンション・「CodeCopy」

CodeCopy CodeCopyはStackoverflowやGithub等のコードスニペットをコピーしやすくするChrome拡張です。preタグ等で書かれたスニペットにマウスホバーすると、コードをクリップボードにコピーするボタンを...

オープンソースのメール配信プラットフォーム・「postal」

postal postalはオープンソースで公開されているメール配信プラットフォームです。開発者向けのメール配信プラットフォーム、AppMailがOSSとして公開したものだそう。綺麗で見やすいです。気にはなるものの、まだ触れていま...

REACTのコード実行テストをブラウザ上で試せてEmbedも出来る・「CODESANDBOX」

CODESANDBOX CODESANDBOXはReactのPlaygroundツールです。ブラウザ上で実行テスト、上のようにEmbedも出来ます。また、Githubアカウントでのログインやフォーク機能など、この手のツールに備わってい...
Ads

HTML5やjQuery、React など様々な言語やライブラリのboilerplateをキュレーションしている・「BOILRPLATE」

BOILRPLATE BOILRPLATEは様々な言語やライブラリのboilerplateを収集しているキュレーションページです。様々といっても底まで多くなく、HTML5、Go、React、node.js、AndroidやElectr...

チームのためのオープンソースなナレッジベースアプリケーション・「Opus」

Opus Opusはチーム向けに開発されたナレッジベースアプリを構築出来るソフトウェアです。企業は成長するにつれ、異なる部門が作られますが、その部門間で知識を管理し、伝達するのが難しくなりがちです。その問題を解決するのがナレッジベース...

プログラマー向けのオープンソースな国産メモアプリ・「Boostnote」

Boostnote Boostnoteはプログラマー向けに開発されたOSSのメモアプリです。日本の企業によって開発された国産アプリになります。Markdown記法で書けてコードスニペットも管理できる、というもの。Electronベース...

AngularJSとPHPで出来たシングルページ向けのオープンソースCMS・「Cosmo CMS」

Cosmo CMS Cosmo CMSはシングルページ向けのCMSです。AngularJS x PHPで出来ておりOSSでとして公開されています。モバイルファーストでRWD対応、SEO/ソーシャルフレンドリーな設計だそう。WYSIWY...

軽量シンプルなツールチップライブラリ・「Tippy.js」

Tippy.js Tippy.jsは軽量シンプルなツールチップライブラリです。他ライブラリを必要としない非依存型となっています。Popper.jsがベースみたいですね。オプションもいろいろ。使い方も簡単そうですね。ライセンスはMIT。...

jsfiddleやJSBinのようにコードテストが出来るオープンソースソフトウェア・「CodeWich」

CodeWich CodeWichは jsfiddleやJSBinのようにJS/HTML/CSSの実行テストが出来るOSSです。embedは出来ないみたい。Googleにお勤めの方が作成されたようですが、Google公式のものではない...

YoutubeのURLを指定すると、その場でブラウザいっぱいに広げて再生してくれる・「BigTube」

BigTube BigTubeはYoutubeの動画をブラウザいっぱいに広げて再生してくれるツールです。URLを指定して再生する、という非常にシンプルなもの。最初、どんな需要があるのか気になってみたのですが、Youtubeにあるコード...

UberやLyftのような、配車サービスアプリを作成する為のOSS・「LibreTaxi」

LibreTaxi LibreTaxiはUberやLyftのような配車サービスアプリの為のOSSです。バッテリーにも優しい設計で多言語化にも対応しているようです。なにかと話題の両アプリですが、法律も関わってくる業種を扱うサービスになり...

Pinterest風でレスポンシブWebデザイン対応のレイアウトを作れてドラッグで位置移動やソートも出来るスクリプト・「MUURI」

MUURI MUURIはPinterestライクなレイアウトを構築出来るスクリプトです。MUURIという名はフィンランドの言葉で壁を意味するそう。レスポンシブWebデザインにも対応しており、任意のキーワードでソートも可能。Hammer...

地図と連動して任意のテキストや画像をスライド表示するスクリプト・「StoryMapJS」

StoryMapJS StoryMapJSは地図と連動して任意のテキストや画像をスライド式に表示できるスクリプトです。地図はOpenStreetMapが使われ、ストーリー形式でスライドを作成する事ができる、というもの。地図にはアイコン...

レスポンシブWebデザイン対応の棒グラフ、折れ線グラフ、円グラフを作れる・「Pizza Amore!」

Pizza Amore! Pizza Amore!は様々なデバイスで折れ線グラフや円グラフ、棒グラフ等を表示出来るスクリプトです。Foundationを提供するZURBが開発、公開しています。マークアップは簡単なリストにカスタムデータ...

公開されている便利そうな大量のWeb APIをまとめている・「Public-APIs」

Public-APIs Public-APIsは企業やWebサービス等が公開しているWeb APIで便利そうなのをGithubでまとめたもの。アナリティクスやビッグデータ分析、バーコード、キャプチャ、辞書、顔認識、Google、地図、...

ブラウザでJSONをフィルタリング、操作出来るOSS・「json.browse」

json.browse json.browseはブラウザでJSONを操作出来るオープンソースのソフトウェアです。指定したりコピペでコードを貼り付け、フィルタリングした後に、JSON或いはJavaScriptで出力してくれます。目的も使...

ブラウザでアニメーションや簡単なゲーム等を作成出来るOSS・「Wick」

Wick Wickはブラウザでアニメーションや簡単なゲーム等を作成出来るエディタです。マルチメディアエディタというものだそう。デモがあるので詳細は本プロジェクトページにて。今日は大晦日ゆえ、簡単ですがこれで本年の更新は終わらせて頂きま...

任意のWebサイトや要素に設定されたCSSを解析するChromeエクステンション・「CSS Peeper」

CSS Peeper CSS Peeperは任意のWebページやそのページの各コンテナに設定されたCSSを解析するChromeエクステンションです。解析したいページでエクステンションを起動すると、Webページのfont-familyや...

モジュール形式のWordPressテーマ開発向けフレームワーク・「Cherry Framework」

Cherry Framework Cherry FrameworkはWordPressテーマ開発フレームワークです。GPLライセンスの元、OSSとして公開されています。専用のプラグイン(高度検索化、不動産ツールなど)も複数開発されてお...

ブラウザで使える、Framer.jsを使ったプロトタイプのインタラクションテストツール・「Prototyp」

Prototyp PrototypはFramer.jsを使ったプロトタイプのインタラクションテストを行えるテストツールです。誰でも無料で利用する事が出来ます。作成したプロトタイプはURLを発行、モバイルデバイスで動作確認も可能です。そ...

シンプルで非依存、軽量なカルーセルスクリプト・「Siema」

Siema See the Pen Siema - nested carousels by kachibito (@kachibito) on CodePen. Siemaはシンプルで軽量、非依存型のカルーセルを実装するスクリプトで...

使いやすさを意識したReactのWeb用UIコンポーネントのコレクション・「Blueprint」

Blueprint BlueprintはReactのWeb用UIコンポーネントをコレクションにして提供してくれるUIツールキットです。使いやすさを特に意識して構築したそう。汎用的なUIは一通り揃っている印象です。ドキュメントページに動...
Ads