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

Blockstackアカウントのプロフィールを表示できるOSS・「lander」

lander landerはBlockstackで設定している自身のプロフィールを表示できるシンプルなOSSです。Blockstack Browserで設定している写真やSNS、自己紹介やBitcoinアドレス等のID情報をそのまま表...

PSやSketchファイルも用意されたBootstrap 4ベースのオープンソースUIキット・「Material Kit」

Material Kit Material KitはBootstrap 4ベースのUIキットです。その内容は極めて豪華なものとなっており、PhotoshopやSketchファイルも用意、HTMLだけでなく、WordPressテーマも用...

JavaScriptで配列のメソッドを対話式に調べられる・「JavaScript Array Explorer」

JavaScript Array Explorer JavaScript Array ExplorerはJavaScriptにおける配列のメソッドを対話式に調べられるOSSです。以前ご紹介したGit ExplorerのJavaScri...
Ads

オープンソースで公開されている、大量のコンポーネントを含んだBootstrapベースの管理画面テンプレート・「STISLA」

STISLA STISLAはオープンソースのBootstrapベースの管理画面テンプレートです。大量のコンポーネントを含んでおり、ほとんどの需要に応えられるようになっています。また、インタラクティブなチャートやデータテーブルなどの為の...

Githubリポジトリの任意のフォルダを指定してダウンロードできる・「DownGit」

DownGit DownGitはGithubリポジトリの任意のフォルダを指定してダウンロードできるシンプルなサービスです。特定のフォルダやファイルだけが欲しい、という時でも、全てダウンロードせずに欲しい部分だけダウンロードできる、とい...

Internet ArchiveやArchive.todayのような魚拓ツールのOSS・「ArchiveBox」

ArchiveBox ArchiveBoxはInternet ArchiveやArchive.todayのような魚拓ツールを構築する為のソフトウェアです。オープンソースとしてソースコードが公開されています。保存したいURLを受け取ると...

豊富なコンポーネントを含んだBootstrap 4向けのフリーUIキット・「Fire」

Fire Fireは豊富なコンポーネントを含んだBootstrap 4向けのフリーUIキットです。これからも増えるようでさらに期待できそうです。クリーンで見やすく、必要なUIも揃えられており、すべての要素が100%レスポンシブWebデ...

OSSのJavaScript製スプレッドシート・「x-spreadsheet」

x-spreadsheet x-spreadsheetはOSSのJS製スプレッドシートWebアプリです。canvasが用いられているのにはDOMレンダリングよりもパフォーマンスが期待できるのとコードを書くのが簡単だからだそうです(HN...

Vue.jsベースのinstagramクローン・「Vuestagram」

Vuestagram VuestagramはVue.jsをベースにして作られたinstagramクローンです。クローンと言っても完全再現ではありませんが、写真にフィルター、アップロード、Like等、instagramの中心的な機能は備...

スマフォ等の傾きに応じてコンテンツに反射効果を付与するスクリプト・「Shiny」

Shiny Shinyはスマフォ等の傾きに応じてコンテンツに反射効果を付与するスクリプトです。モバイルデバイスで加速度センサーの値を取得し、コンテンツにリフレクションエフェクトを付与する、というもの。上gifはデスクトップブラウザのシ...

オープンソースのコラボレーションメモツール・「wolkenkit-boards」

wolkenkit-boards wolkenkit-boardsはオープンソースのコラボレーションメモツールです。複数ユーザー間で付箋ライクなメモコンテンツを共同管理できる、というもの。UIは少し異なりますがTrelloライクな使い...

three.jsよりも軽量なJavaScript 3Dライブラリ・「Shree.js」

Shree.js Shree.jsは3D描画ライブラリの代表ともいえるthree.jsよりも軽量な3Dライブラリです。豊かな機能性の代償にサイズが大きくなりがちですが、もう少し機能を抑えても良いので軽くしてほしい、というニーズは少なく...

ミニマルを意識しつつ、出来る限り使いやすいCSSフレームワークを目指した・「boba」

boba bobaはミニマル設計を意識しつつも、必要最低限ではなく、出来る限り使いやすさを追求した、バランスの取れたCSSフレームワークです。有名なCSSフレームワークは肥大化しすぎ、敬遠したフレームワークはミニマルすぎる等、世にある...

コードスニペットをシンプルに管理できるOSSのデスクトップアプリ・「Forge」

Forge Forgeはコードスニペットをシンプルに管理できるデスクトップアプリです。各OSに対応しており、OSSとしてソースコードも公開されています。特に大きな特徴も画期的な機能等はなく、コードスニペットを記録、コピーしやすいように...

CSSやHTMLのコードサンプルを収集している・「FREE FRONTEND」

FREE FRONTEND FREE FRONTENDはCSSやHTMLを使ったUIコンポーネントやエフェクトなどのコードサンプルをまとめ記事にして収集しているWebサイトです。モダンなスタイルのフォームやホバーエフェクトのサンプル、...

スニペットを管理できるOSSのシンプルなスニペットマネージャ・「Snibox」

Snibox Sniboxは自身の管理するサーバーでスニペットを管理できるシンプルなスニペットマネージャです。OSSとして公開されています。左ペインではラベルから探せます。右ペインではスニペットの表示や追加が可能なエリアで画面遷移も少...

超シンプルなブログシステムを作るためのオープンソースなフレームワーク・「Phost」

Phost Phostはオープンソースで公開されているブログフレームワークです。非常にシンプルで、カスタマイズしやすく設計されているようです。必要最低限の機能を備えているので1から作る手間を省くのが目的のようです。動作環境はPHP 5...

Markdownで書けるシンプルなナレッジベース構築の為のソフトウェア・「Raneto」

Raneto RanetoはMarkdownで書けるシンプルなナレッジベースです。軽量で高速、DB不要で動作します。レイアウトはBootstrapベースでRWDにも対応、Highlight.jsによるハイライト、Lunrで全文検索に対...

モバイルフレンドリーで軽量、高速なコンテンツスライダーを実装できるスクリプト・「Glider.js」

Glider.js Glider.jsはモバイルフレンドリーなコンテンツスライダーを実装できる軽量で高速なスクリプトです。使い方も簡単で動作も軽量(圧縮版で2.5kbほど)、マークアップもシンプルな状態を保てますので使い勝手も良い印象...

軽量で使いやすい非依存のオートコンプリートライブラリ・「autoComplete.js」

autoComplete.js autoComplete.jsはinput要素で自動補完を実装するためのシンプルなスクリプトです。非依存で軽量、高速なのが特徴みたいです。自動補完用のリストも簡単に作れますので個人的にも扱いやすそうとい...

MediumやDropbox Paperなどのようなリッチテキストエディタを実装する為のフレームワーク・「Slate」

Slate Slateはリッチテキストエディタを作るためのフレームワークです。MediumやDropbox PaperやGoogle Docsといった、性質の異なる様々なリッチテキストエディタの構築をサポートしてくれます。Draft....

オープンソースのMediumクローン・「Stories」

Stories Storiesはオープンソースで公開されているMediumのクローンです。Ruby on RailsとReact.jsの勉強として始めたプロジェクトだそうで、Googleの日本人ソフトウェアエンジニア、Ken Hibi...
Ads