![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Tools & Resources
![](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サイトのスクリーンショットを撮れるAPI・「ApiFlash」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブラウザで動作するピボットテーブルを実装するスクリプト・「WebDataRocks」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
再編集できるチェックリストを複数作成できるオープンソースのチェックリスト管理ツール・「loop list」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
左右にフリックするだけのモバイルフレンドリーなYES/NO式のSurveyサービス・「MetaSurvey」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
チェックボックスや画像を含んだリスト表を作れるカンバンライクなWebアプリ・「columns」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
コントラストをベースに作れるOSSのカラージェネレーター・「Leonardo」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
SVGをPDFに変換するJavaScriptライブラリ・「svg2pdf.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
学習や実験を目的に作られたタイムライン機能付きのオンラインコーディングツール・「looop.dev」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
各ブラウザのCSSのデフォルトスタイルを検索できる・「Browser Default Styles」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
アニメーションする背景をCSSで簡単に作れる・「Animated CSS Background Generator」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
オープンなエデュケーションプラットフォームを構築できるOSS・「Openki」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
よく使用されている汎用的なレイアウトとUIパターンのCSSコードをコレクションしている・「CSS Layout」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意のWebサイトで採用しているCMSや使用言語を500ものCMSのデータを元に調査できる・「What CMS?」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルなテキスト言語でダイアグラムを書いてダウンロードできるWebアプリ・「Diagram.codes」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
LEGO®ライクなグラフィックを描ける軽量なJavaScriptライブラリ・「Legra」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
モックアップ等でダミーテキストを表現する為のSVGを作成出来る・「Wireframer」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
開発者向けのシンプルな1ページポートフォリオテンプレート・「simplefolio」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルで扱いやすい、簡易的な選択式チャットボットフレームワーク・「Peekobot」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブラウザでフローチャートを作れるシンプルなスクリプト・「Flowy」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
マウスポインタに合わせて画像を変えられるスクリプト・「Creepyface」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)