BOOKMARK
フリー素材サイト
写真・映像
pixabay(写真・映像)
豊富で高品質な写真が集まっている。動画・音・イラストの素材もある。
pixabay(写真・映像)
Unsplash(写真)
フォトジェニック的な写真が多い。縦向き写真が豊富。
PAKUTASO(写真)
日本人写真があるのが特徴だが、少し使いづらいものが多い。
photoAC(写真)
日本最大級の写真素材サイト。無料プランだと制限が多いが有用である。人物写真が魅力的。
BURST(写真)
豊富で高品質な写真が集まっている。
Pexels(写真・映像)
高品質な映像素材があるのが特徴。
NHKクリエイティブ・ライブラリー(映像)
高品質な映像素材があるのが特徴。
アイコン
イラスト
フリーラ
Linustock
SHiGURENi
ちょうどいいイラスト
ソコスト
Loose Drawing
ハンコでアソブ
イラストレイン
ダ鳥獣ギ画
storyset
unDraw
マンガ文字素材dddFont
漫画調文字イラスト
フキダシデザイン
ふきだし画像
Subtle Patterns
背景パターン
音(BGM・効果音など)
ブラウザツール
作図・作画
draw.io
ダイヤグラム、フローチャート、ネットワーク図など、様々なテンプレートをもとに作図ができる。初期言語は英語だが、右上の歯車マークから日本語が選択できる。
Mindmeister
マインドマップのオンライン作成ツール。
Wix ロゴメーカー
ロゴ自動生成ツール。いくつかの質問に答えるだけで、自身の作りたいロゴを自動生成してくれる。
白地図ぬりぬり
日本地図作成ツール。都道府県別に、ユーザーが指定する色で白地図に色塗りができる。
Icograms Designer
アイソメトリックマップ作成ツール。
pixiv Sketch
イラスト描画ツール。
PIXLR
画像加工ツール
Lucidchart & Lucidspark
Lucidchartは作図ツール。Lucidsparkはチーム作図ツール。
Infogram
インフォグラフィック作成ツール。
primalDraw
ベジェ曲線作画ツール。
miro
オンラインホワイトボードツール。
Text Chat Animator
チャット風の映像が作れる。
配色
Adobe Color
配色検討ツール。配色パターンを自動で生成してくれる。
Happy Hues
配色検討ツール。様々な配色テンプレートが用意されている。
NIPPON COLORS
配色検討ツール。
Web制作
CODEPEN
リアルタイムWeb表示確認ツール。
Responsinator
レスポンシブデザイン確認ツール。URLを入力するだけで、複数端末(iPhoneやiPadなど)における表示が一覧で確認できる。
Can I use...
CSSプロパティのブラウザ対応確認ツール。プロパティの名前を入力するだけで、各ブラウザにおけるCSSの表示対応状況が分かる。
CSS STRIPE GENERATOR
ストライプ生成ツール。かなり細かく条件を調整しながらストライプを生成でき、そのコードをコピーできる。
CSS Stock
CSSコピペサイト
プロトタイピング
文章作成系
wordmark.it
フォント比較ツール。任意のテキストを入力すると、自身のコンピュータ内に存在するすべてのフォントで、そのテキストを表示してくれる。
Google, Cloud Text-to-Speech
テキスト読み上げツール。入力したテキストを、自動生成された音声で読み上げてくれる。多数の言語の使用が可能で、生成される音声の質が極めて高い。
日本語 音声読み上げソフト|音読さん
音声合成ソフト。
VOICEVOX
音声合成ソフト。
NFD→NFC変換ツール
濁点が別の文字として表示されてしまう文章(例:おはようこ゛さ゛います)を直してくれる。
Copy Content Detector
コピペチェックツール。無料プランで一度に4000文字まで処理できる。
User Local, AIテキストマイニング
テキストマイニングツール。簡単にテキストマイニングができ、様々な分析結果が一覧で確認できる。
difff《デュフフ》
テキスト比較ツール。2つの文章を比較し、異なる箇所を検出する。
OttoBib
書籍のISBN情報を入力するだけで、APA形式をはじめとする様々な形式の書籍情報を出力してくれる。
Dynalist
アウトラインツール