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

xkcdライクな手書き風のチャートライブラリ・「Chart.xkcd」

Chart.xkcd See the Pen chart.xkcd pie by timqian (@timqian) on CodePen. Chart.xkcdは手書き風のチャートを生成できるJavaScriptラ...

Googleスプレッドシートを瞬時にJSON形式にするWebアプリ・「Gson」

Gson GsonはGoogleスプレッドシートのデータをURLの入力だけで瞬時にJSON形式にコンバートされたURLを返してくれるWebアプリです。 使い方は他の同様のツールと同じで、CSV形式を選択して公開設定にしてから使え...

大きなサイズでも高速動作するシンプルなJSONビューア・「Dadroit」

Dadroit Dadroitは大きなサイズのJSONファイルでも高速表示できるJSONビューアデスクトップアプリです。Blockstackと連携させる事も出来るみたいです。 VSCodeやSublimeなど人気のテキス...
Ads

Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」

Vuestic Admin Vuestic AdminはVue.jsベースのオープンソースな管理画面テンプレートです。40以上のUIコンポーネントも同梱されています。 コンポーネントを含むレイアウトは完全なレスポンシブ対...

円型での切り取りも可能な画像クロップライブラリ・「Cropme」

Cropme CropmeはJS製の画像クロップライブラリです。円型での切り取りや回転後の切り取りなどが可能となっています。バニラでもjquery併用でも対応可能です。 従来のクロップツールは画像が固定されていて、切り取る範囲を...

手数料も無料の、Bitcoinによる少額決済も可能なLightning Networkを搭載した画像売買マーケット・「Bitcoin4Photos」

Bitcoin4Photos Bitcoin4PhotosはBTCによる決算が可能なストックフォトマーケットです。誰でも自身の画像を売買可能で手数料も無料だそう。 本マーケットでは1セント以下、1円以下での決済も可能な少額決済を...

Bootstrapに基づいて設計されたミニマルデザインなオープンソース管理画面テンプレート・「Spur」

Spur SpurはBootstrapに基づいて設計されたダッシュボードテンプレートです。ミニマルなスタイルで装飾もほとんどありませんのでフレームワークライクに使う事が出来そうです。チャートを表示したい時はCharts.jsを読み込め...

VSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクト・「RAINGLOW」

RAINGLOW RAINGLOWはVSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクトです。全てDayle Rees氏の開発したオリジナルのカラーテーマだそうです。オリジナ...

Vue.jsベースのECサイト向けUIコンポーネントライブラリ・「Storefront UI」

Storefront UI Storefront UIはECサイトの為に開発されたVue.jsベースのUIコンポーネントライブラリです。デザイナーや開発者向けに設計されており、カスタマイズのしやすさも考慮されているそうで、デス...

マウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプト・「Tornis」

Tornis Tornisはマウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプトです。シンプルで軽量、依存関係もなく、使いやすい設計となっています。 パララックスの為のスクリプトというわけで...

Bootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キット・「Uix Kit」

Uix Kit Uix KitはBootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キットです。CSSフレームワークではないとの事。 これ単体でも開発を始められるし、Bootstrap 4を使い慣れ...

レーダーチャートを作れる非依存のシンプルなスクリプト・「maturity-radar」

maturity-radar See the Pen MdLMKo by kachibito (@kachibito) on CodePen. maturity-radarはレーダーチャートを作成できるスクリプトで...

Webサイトでどのようなテクノロジーが使われているかを調査できるChrome拡張・「WhatRuns」

WhatRuns WhatRunsは任意のWebサイトでどのようなテクノロジーが使われているかを調査できるChrome拡張です。かなり前にご紹介させて頂いたLargerIOと同じ目的ですが、こちらはブラウザ拡張としてその場で利用で...

様々な言語のコードをブラウザで実行テストできるオンラインIDE・「Llama」

Llama Llamaは様々なプログラミング言語のコードをブラウザで実行テストできるオンラインIDEです。対応言語はCやC++、Bush、Elixir、Go、Java、Haskell、Ruby、Pythonなどの他、JavaScrip...

mailtoリンクを使いやすいUIに変換するスクリプト・「MailtoUI」

MailtoUI MailtoUIはmailtoリンクを使いやすいUIに変換してくれるスクリプトです。href="mailto:tony.stark@example.com"といったコードでもOutlook等のメーラーを立ち上げず...

タッチデバイスにも対応可能な、リストのアイテムを並べ替えたりスワイプで削除できるようにするライブラリ・「Slip.js」

Slip.js See the Pen ZZRmaP by kachibito (@kachibito) on CodePen. Slip.jsはリストのアイテムの並べ替えやスワイプによる消去を可能とする非依存のシ...

SVGベースのモダンなカラーピッカーを実装する非依存の軽量JavaScriptライブラリ・「iro.js」

iro.js See the Pen iro.js demo by James Daniel (@rakujira) on CodePen. iro.jsはSVGで作られたモダンなスタイルのサークルタイプカラーピッ...

Blockstackを使ったセキュアなコードスニペット管理ツール・「DECS」

DECS DECSはBlockstackを使ったセキュアなコードスニペット管理ツールです。登録したスニペットは暗号化され、自分自身でデータを保持する形となるのでDECS運営者ですら中身を見る事が出来なくなります。よって、今までのコード...

JavaScript製のオープンソースなガントチャートライブラリ・「Frappe Gantt」

Frappe Gantt Frappe GanttはJS製のOSSなガントチャートライブラリです。サンプルのスケジューラーではタイムスケールはドラッグでチャートの移動や伸縮が可能で、クリックで詳細が表示されるようになっています。UIは...

知識やコーディング不要で誰でも手軽にWebスクレイピングできるChrome拡張・「Spider」

Spider Spiderは知識やコーディング、学習なども不要で、誰でも手軽にWebスクレイピングできるChrome拡張です。任意のWebサイトでエクステンションを起動し、データとして抽出したい箇所を選択してAdd Sectionを押...

GraphQLとReactが使用されている、開発者向けのオープンソースなサーバーレスCMS・「Webiny」

Webiny WebinyはGraphQLとReactで作られた開発者向けのオープンソースなサーバーレスCMSです。大小を問わず、WebサイトやWebアプリケーションを構築できるように設計してあるそう。コンテンツ管理はビルトインされた...

チームで管理できるオープンソースのナレッジ管理システム・「BookStack」

BookStack BookStackはチームで管理できるOSSのナレッジマネジメントシステムです。Wikiを運用、構築する為のソフトウェアですが、基本的に編集にはログイン(GitHub、Google、Slackアカウントでのログイン...
Ads