![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
フロントエンドエンジニア向け
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webアプリ等に手軽にキーバインドを実装できるスクリプト・「whenipress」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
GitHubアカウントから開発者向けポートフォリオを作成出来る・「Profiled」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
WebサイトやWebアプリのデザインや開発に役立つツールやリソースを探せる・「Webdesign Toolbox」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
生産性や効率の向上に貢献してくれそうなツールやアプリケーションを収集している・「theo.tools」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
匿名で任意のファイルを共有できるOSSなWebアプリ・「beam.cafe」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブラウザで動作するオープンソースのテキストエディタ・「Writty」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
フォルダの構造をビジュアル化してくれるクロスプラットフォームのファイルマネージャ・「cryo」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
デザインが苦手な開発者向けのツール等をまとめている・「Nodesign.dev」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルで扱いやすいHTMLテーブルライブラリ・「Grid.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
軽量さ重視の、markdownで書けるミニマルなオープンソースのブログシステム・「Bear blog」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
SVGのパスデータを可視化するシンプルなWebアプリ・「SVG Path Visualizer」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブWebデザイン対応のWebサイト開発に特化したオープンソースのWebブラウザ・「Responsively」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意のWebページのソースコードをダークモードで表示、コード整形も可能なブラウザ拡張・「Night Viewer」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
会議やイベント等で参加者からのフィードバック収集をサポートするオープンソースのソフトウェア・「Open Feedback」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webページで任意の要素のCSSを調査、スタイルをその場で変更、複数保存、ライブプレビューが可能なブラウザ拡張・「StyleStash」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Webページで音声による操作を可能にするボイスコマンドライブラリ・「Artyom.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
HTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワーク・「Alpine.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
1行のコードで使えるJavaScriptユーティリティのまとめ・「1loc」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意のWebサイトのスクリーンショットを取得するOSS・「Webshot」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
開発者向けの様々なチェックリストを公開している・「Checklist」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)