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

ブラウザでアニメーションや簡単なゲーム等を作成出来る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として公開されています。専用のプラグイン(高度検索化、不動産ツールなど)も複数開発されてお...
Ads

ブラウザで使える、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は一通り揃っている印象です。ドキュメントページに動...

画像をアップロードする前にロード、プレビューするjQueryスクリプト・「LoadImg」

LoadImg See the Pen QGENKq by kachibito (@kachibito) on CodePen. LoadImgは画像をアップロードする前にプレビューするスクリプトです。jQueryに依存します。上デ...

jQueryとBootstrapで作るシンプルなスケジューラー・「pit-scheduler」

pit-scheduler pit-schedulerはjQueryとBootstrapで作るスケジューラーです。横長のカレンダーに蛍光ペンで引くようにスケジュールを設定、管理出来る、というもの。現状の仕様ではタスクの設定はちょっぴり...

Webアプリの開発スピードをサポートするレスポンシブな軽量HTML/CSSフレームワーク・「Base」

Base BaseはWebアプリの為のレスポンシブな軽量フレームワークです。盤石な基盤をつくることでWebアプリの開発スピードに貢献する事が目的のよう。IE8などのオールドブラウザを含むクロスブラウザ対応で、必要に応じて追加可能なモジ...

Web上で読める開発者向けの技術本を収集している・「DevFreeBooks」

DevFreeBooks DevFreeBooksはWeb上で読める開発者向けのebookをまとめているWebサイトです。フレームワークやプログラミング言語別に分けられており、ページ数や出版年も表示されています。姉妹サイトに同じように...

ブラウザで動作するオープンソースのパスワードマネージャ・「LessPass」

LessPass LessPassはブラウザで動作するパスワードマネージャです。OSSとしてソースコードが公開されています。Webアプリケーションである為、外出先等でも様々なデバイスでも利用可能で、ブラウザの拡張機能も利用する事が出来...

オープンソースのオンラインドキュメント管理システム・「PaperNIC」

PaperNIC PaperNICはオンラインでドキュメントを管理出来るオープンソースソフトウェアです。マルチユーザー対応で複数人が管理可能であらゆるドキュメントファイルに対応、互換性を気にせずアップロード出来る、との事です。動作デモ...

NAVER製のオープンソースなUIインタラクションライブラリ・「egjs」

egjs egjsはLINEでおなじみのNAVERが公開しているUIインタラクションセットライブラリです。Webアプリ構築の際に開発スピードに貢献する事が目的のようで、OSSとして提供してくれています。jQueryを使って更に機能を拡...

ZendeskライクなWebベースのヘルプデスクシステムを構築できるオープンソースソフトウェア・「Zammad」

Zammad ZammadはZendeskのようなWebベースのヘルプデスク/カスタマーサポートシステム構築の為のOSSです。一般的なヘルプデスクサービスとして提供されていますが、Githubでもオープンソースとして公開されています。...

WordPressプラグイン不要で出来るコードを紹介する・「You Might Not Need That WordPress Plugin」

You Might Not Need That WordPress Plugin You Might Not Need That WordPress PluginはWordPressプラグインをわざわざ使わずとも少ないコードで実装出来...

オープンソースのシンプルなCSVエディタ・「Comma Chameleon」

Comma Chameleon Comma Chameleonはオープンソースのデスクトップ用CSVエディタです。electronで作られているようで、各プラットフォームで動作するようです。また、CSVlintが導入されていて、データ...

複雑なアニメーションにも対応できる、パフォーマンス重視のJavaScriptアニメーションエンジン・「KUTE.js」

KUTE.js KUTE.jsは高度なカスタムアニメーションにも対応できるパフォーマンス重視のJavaScript製アニメーションエンジンです。本サイトTOPにもあるような複雑なアニメーションコンテンツの実装をサポートしてくれます。コ...

ビジネスプロセスやサービス等の注文状況を管理するOSS・「Hydra OMS」

Hydra OMS Hydra OMSはビジネスプロセスや注文を管理するOMS(Order Management System)です。フローの自動化、ビジネスプロセスの強化・構築などが主な特徴とのことです。例えばピザ屋さんで配達のオー...

オープンソースとしても公開されているスマフォやタブレットにも対応のパスワードマネージャ・「bitwarden」

bitwarden bitwardenは様々なデバイスで使えるフリーのパスワードマネージャです。OSSとしてもソースコードが公開されています。ユーザーが登録したパスワードはAES256やPBKDF2によって暗号化されており、例えbit...

TweetDeckライクにGithubリポジトリを表示する国産マルチタイムラインビューア・「Deck」

Deck DeckはGithubのリポジトリをTweetDeckのようにマルチタイムラインで表示してくれるビューアです。日本の方の開発されたアプリケーションで、Backlogにも対応してくれています。使い方も日本語で解説されていますの...

手軽にダミー画像を作成出来る軽量スクリプト・「placeholder.js」

placeholder.js placeholder.jsはクライアントサイドでダミー画像を生成する軽量スクリプトです。jquery等の他ライブラリへの依存もなく、2kb以下と軽量なのも良いですね。表示される画像はBase64ですが生...

任意のWebページのスクリーンキャストを撮って共有出来るChrome拡張・「Opentest」

Opentest Opentestは任意のWebページを自分の顔と一緒にスクリーンキャストを撮って共有出来るChromeエクステンションです。上図は試しに撮影したもの。カメラは起動させませんでしたがこのようにEmbedも可能です(無...
Ads