![](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)
Youtubeで公開されているソフトウェア開発のチュートリアル動画を学びやすくまとめている・「Tutorialist」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
複数の会話を並行して行う事を想定したビデオ会議プラットフォーム・「Rally」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
WebサイトやWebアプリ開発に関わる業務の方向けのツールを大量に収集している・「appydev」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
顔や服、髪型、色や表情など様々なパーツをランダムに組み合わせた人物イラストを生成し、Webサイトやアプリ等に使用できるOSS・「Big Heads」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ベースカラーを入力するだけで良い感じのカラーパレットを複数提案してくれる・「ColorSpace」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
レスポンシブ対応の動的なダミー画像を提供する・「TwicPics Placeholders」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
応答性、読みやすさ、モジュール性を重視して設計されたミニマルなCSSフレームワーク・「mono/color」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
モジュール形式のCSSボタンシステム・「knopf.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
オープンソースのプロジェクトを探したり比較できる・「Openbase」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Githubで公開されているコードの任意の行をブックマークできるChromeエクステンション・「Github Bookmarks」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
FlexboxやCSS Gridでよく用いられるレイアウトのコードを提供する・「1-Line Layouts*」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
テキストや背景のグラデーションカラーを手軽に設定できるCSSライブラリ・「grxdients.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML/CSS/JavaScriptで作られた汎用的なCC0のコンポーネントを動作確認したりコードをコピーしたり選んでまとめてダウンロードできる・「html.systems」
![](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)
フォルダ等のツリー構造をASCIIで作れるOSSなWebアプリ・「tree.nathanfriend.io」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
シンプルなUIで使いやすいオープンソースのMarkdownノートアプリ・「Zettlr」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
サクサク使えるシンプルなカラーパレット生成ツール・「Color Palette Generator」
![](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)
Googleスプレッドシートでチケット販売も可能なイベントページを作成出来る・「Slick.events」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
任意のキーワードでブランドと、そのロゴやテーマカラーを調べられる検索エンジン・「Brandfetch」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)