WEB開発初心者必見！無料で使える便利ツール＆サービス総まとめ【随時更新】

# 更新履歴
* 2023/03/12 : サイト追加
[phind](https://www.phind.com/) , [ツイートAI分析](https://sns-tool.tokyo/twitter/ai/) , [SlidesGPT](https://slidesgpt.com/) , [TechFinder](https://techfinder.dev/)
* 2023/03/05 : 記事タイトル変更 / サイト追加
[kukukeke](https://kuku-keke.com/) , [kukukekeイラストメーカー](https://kuku-keke.com/maker/color_jp.html) , [ColorMagic](https://colormagic.app/) , [Penpot](https://penpot.app/) , [Microsoft Designer](https://designer.microsoft.com/)

<details><summary>2023年02月</summary>

* 2023/02/19 : AIカテゴリ追加 / サイト追加
[PixAi.Art](https://pixai.art/) , [waifu2x](https://waifu2x.udp.jp/)
* 2023/02/13 : サイト追加
[デザインAC](https://www.design-ac.net/) , [イラストAC](https://www.ac-illust.com/) , [写真AC](https://www.photo-ac.com/) , [シルエットAC](https://www.silhouette-ac.com/) , [ビデオAC](https://video-ac.com/) , [フリービーAC](https://www.freebie-ac.jp/) , [年賀状AC](https://www.new-year.bz/)
</details>

<details><summary>2022年12月以前</summary>

* 2022/10/18 : サイト追加
[asana](https://www.connectedpapers.com/)
* 2022/10/09 : サイト追加
[Fauna](https://fauna.com/)
* 2022/09/22 : サイト追加
[Questant](https://questant.jp/) , [調整さん](https://chouseisan.com/) , [TimeRex](https://timerex.net/)
* 2022/07/12 : サイト追加
[Evernote](https://evernote.com/intl/jp) , [Notion](https://www.notion.so/ja-jp)
* 2022/07/09 : サイト追加
[Microsoft Office ( WEB版 )](https://www.office.com/) , [Connected Papers](https://www.connectedpapers.com/)
* 2022/06/17 : サイト追加
[Lucidchart](https://www.lucidchart.com/pages/ja) , [Miro](https://miro.com/ja/)
* 2022/06/14 : サイト追加
[顔アイコンジェネレーターZ](https://icon-z.com/)
* 2022/06/13 : サイト追加 / 記事の体裁修正
[SlideShare](https://www.slideshare.net/) , [ドクセル](https://www.docswell.com/)
* 2022/06/09 : サイト追加
[QR のススメ](https://qr.quel.jp/) , [placehold.jp](http://placehold.jp/) , [human pictogram 2.0](https://pictogram2.com/)
* 2022/05/21 : サイト追加
[PlanetScale](https://planetscale.com/)
* 2022/05/15 : サイト追加
[Linked Data API Navi](https://uedayou.net/ldapinavi) , [Flowchart Maker & Online Diagram Software](https://app.diagrams.net) , [Figma](https://www.figma.com) , [Canva](https://www.canva.com)
* 2022/05/14 : 公開開始
</details>

# はじめに

情報収集している中で「これは便利！」と思った WEB サービスを纏めています。素敵なサービスを無料で公開してくれる多くの方々に感謝です！

# WEB サービス

## プログラミング

**snylAdvisor**
オープンソースパッケージの「人気度」「メンテナンス状況」「安全性」などを可視化してくれる凄い奴。2022/05/14 時点ではベータ版ですが、既に npm / PyPI / Go / Docker に対応しています。

https://snyk.io/advisor

**paiza.IO**
ブラウザ上で動くプログラム実行環境。外部 API の呼び出しもできてしまう優れもの。

https://paiza.io/ja

**VS Code for the Web**
みんな大好き VSCode の WEB 版。まだまだインストール版の機能には及ばないものの、個人的には今後の展開に期待しているサービス。

https://vscode.dev

## データベース

**PlanetScale**
MySQL と互換性のあるサーバーレスデータベースプラットフォーム。無料で使える Hobby プランがあります！

https://planetscale.com/

**Fauna**

NoSQL システムの柔軟性と SQL データベースのリレーショナルクエリおよびトランザクション機能を兼ね備えたサーバーレスデータベースサービス。無料で使える Free プランが用意されています。
API としては GraphQL と FQL ( Fauna Query Language ) をサポート。FQL ドライバは C# / Go / Python / Java / Javascript / Scala 用が提供されています。
超個人的な感想ですが [Dashboard](https://docs.fauna.com/fauna/current/learn/quick_start/quick_start) がイケてます！

https://fauna.com/

## API

**Linked Data API Navi**
[オープンデータ活用支援プラットフォーム](http://linkdata.org) で公開されるオープンデータを定期的に収集し、そのデータを WEB API として公開してくれている素敵なサービス。サイト上で検索もできるので、サービス開発に必要なオープンデータの検索にも大活躍。

https://uedayou.net/ldapinavi

**Kroki**
プレーンテキストのダイアグラムを画像に変換してくれる API サービス。PlantUML, GraphViz, Mermaid など、多くのダイアグラムライブラリに対応しています。

https://kroki.io

## ダイアグラム

**Miro**
オンラインでのリアルタイムコラボレーションを実現するホワイトボードアプリ。2022年06月13日から日本語ユーザーインターフェイスが正式に公開され、無料版ユーザーを含め、全てのユーザーが日本語環境で利用できるようになった。
ローカルコミュニティの人たちが作成したテンプレートを共有するプラットフォーム [Miroverse](https://miro.com/miroverse/) / [Miroverse Japan](https://miro.com/miroverse/japanese/) も一見の価値ありです！ 

https://miro.com/ja/

**Lucidchart**
フローチャート・ガントチャート・マインドマップ・UML・ERD など、多種多様な作図が可能な便利サービス。特に「データから作図できる」ところがポイント高い！SQL/CSV/TSV をインポートして ERD を生成とか超便利。

https://www.lucidchart.com/pages/ja

**Flowchart Maker & Online Diagram Software**
フローチャートや ER 図など、様々な作図が可能なオンラインツール。

https://app.diagrams.net

## デザイン

**デザインAC**
豊富なテンプレートからオリジナルのデザインを作成できる、PC・スマートフォンに対応した無料デザインツールです。2023/02/13 現在はベータ版のため不安定な部分があるのは否めませんが、デザイン初心者に配慮された UI は一見の価値ありです。

https://www.design-ac.net/

**Figma**
WEB ベースのベクターグラフィックエディタ。プロトタイピングツールとしても優秀な凄い奴。無料テンプレートも豊富！

https://www.figma.com/

**Penpot**
モダンな UI を備えたオープンソースデザイン＆プロトタイピングプラットフォーム。まだ日本語には対応していませんが、[Figma](https://www.figma.com/) の牙城を崩す勢いでユーザー数を伸ばしているサービスみたいです。日本語対応が待ち望まれます。

https://penpot.app/

**Canva**
グラフィックデザインのプラットフォームツール。ソーシャルメディアグラフィック、プレゼンテーション、ポスター、ドキュメント、その他のビジュアルコンテンツを作成することができます。

https://www.canva.com

**Microsoft Designer**
SNS や招待状、手紙などのデザインを簡単に行える WEB アプリ。文章を元に画像を生成するAIを搭載しているので、テンプレートを探すことなく様々なデザインを瞬時に生成できる優れもの。2023/03/05 時点ではプレビュー版のため、早期アクセスのサインアップを受付中。

https://designer.microsoft.com/

## SNS

**ツイートAI分析**
指定された Twitter アカウントのツイート内容を AI が分析。そのアカウントの人物像を簡潔に教えてくれるサービスです。バックグラウンドには [ChatGPT](https://chat.openai.com/chat) が利用されています。利用者が多い時間帯はサーバーが応答しないことがある様なので、エラーが表示される場合はアクセスする時間帯を変えて試してください。

https://sns-tool.tokyo/twitter/ai/

**SocialDog**
Twitter 使ってるなら必須と言っても過言ではないレベルのサービス。めっちゃ便利です。
※フリープランで利用できる機能には制限あり

https://web.social-dog.net

**Shadowban Test**
Twitter のシャドウバン状態を簡単にチェックできるサービス。

https://hisubway.online/shadowban

## ドキュメント

**SlidesGPT**
タイトルやキーワードを入力すると、AI が関連するテキストや画像を自動的に生成してスライド化してくれるサービス。様々なトピックや目的に合わせたスライドを作成することができます。生成された内容に関しての正確さは保証されませんが、スライド作成の労力削減には貢献してくれます。

https://slidesgpt.com/

**Evernote**

https://evernote.com/intl/jp/

**Notion**

https://www.notion.so/ja-jp/

**Microsoft Office ( WEB版 )**
当たり前のように使ってたんだけど、意外と知らない人が多かったので紹介。
仕事の納品物や設計書に MS Office 縛りがある場合は別として、プライベートユースなら無料で使える WEB 版で十分だと思います。
Excel / Word / PowerPoint / Outlook / Teams / OneNote などがブラウザで動作します。

https://www.office.com/

**DeepL 翻訳ツール**
英語ドキュメントに苦戦する私には必須のサービス。翻訳と言えば [Google 翻訳](https://translate.google.co.jp/?hl=ja) が有名ですが、より自然な翻訳ができます。( あくまで個人的な見解です！ )

https://www.deepl.com/translator

**SlideShare**
スライドショー形式で資料を公開・共有できるサービス。公開した資料は WEB サイトやブログへ埋め込むこともできます。

https://www.slideshare.net/

**ドクセル**
日本語で PowerPoint、PDF、Word ファイルを共有できるサービス。英語まみれの [SlideShare](https://www.slideshare.net/) が苦手な人の救世主！

https://www.docswell.com/

**Connected Papers**
公式サイトによると「研究者や応用科学者が自分の研究分野に関連する論文を見つけ探索するためのユニークで視覚的なツール」だそうです。
論文の関連性や引用元などを可視化してくれるみたいで、研究者の間では有名なサービスらしい。論文とか縁が無さ過ぎて、私には「らしい」としか言えない。

https://www.connectedpapers.com/

## プロジェクト管理

**asana**
Teams、Slack、Outlook、Gmail など、200以上のサービスと連携が可能なワークマネジメントツール。単なるタスク管理にとどまらず、ワークフロー自動化や進捗のリアルタイム表示など、多彩な機能を持っています。全体的に「視覚的に把握できる」ことを重視したデザインなのも高評価。小規模チームであれば無料プランでも十分に活躍してくれるはず。

https://asana.com/

## ジェネレーター

**kukukeke イラストメーカー**
[kukukeke](https://kuku-keke.com/) のサブコンテンツ。頭・表情・体の３つを自由に組み合わせてオリジナルの人物イラストを作成することができます。

https://kuku-keke.com/maker/color_jp.html

**QR のススメ**
商用利用可・ユーザー登録不要の QR コード生成サービス。
iOS / Android 用の QR コードを１つの QR コードで実現できる「振り分け機能付き QR コード」や、後からでも遷移先を変更できる「可変 QR コード」など、様々な機能を持った QR コードを生成することができます。

https://qr.quel.jp/

**placehold.jp**
サクッとダミー画像を生成できるサービス。デザインカンプ ( モックアップ ) 作成時に重宝してます。

http://placehold.jp/

**顔アイコンジェネレーターZ**
パーツの組み合わせパターンは驚異の 200 京超え！
面倒な人向けにランダムボタンがあります。色も自由に変更できます。背景も透過です。素敵！

https://icon-z.com/

## AI

**phind**
開発者がより効率的に情報を収集できるように設計されている対話型検索エンジン。無料かつメンバー登録不要で使えます。UI は英語ですが、日本語での対話も可能です。[Bing](https://www.bing.com/search) や [ChatGPT](https://chat.openai.com/chat) と比較しても見劣りしてないですし、むしろレスポンスが速い気がします。

https://www.phind.com/

**文章要約AI「ELYZA DIGEST」**
どんな文章でも AI が 3 行に要約してくれる画期的なサービス。人工知能・機械学習の研究で有名な [東京大学松尾研究室](https://weblab.t.u-tokyo.ac.jp/) が開発。とにかく使ってみてほしい！マジで凄いから。

https://www.digest.elyza.ai

**Shodo（ショドー）**
AI 文章校正ツール。レポートやドキュメント作成時に大活躍してくれます。

https://shodo.ink

**ChatGPT**
いろいろな意味で話題になっている対話型 AI サービス。Google アカウントでサインアップできるので、誰でも簡単に試すことができます。サイト自体は英語ですが、AI との会話は日本語でもOK！
最新のトレンドには疎い AI ですが、普通に会話が成立します。試しに「円周率を求めるプログラムをC言語で書いてください」ってお願いしてみましょう。素晴らしさが理解できると思います。

https://chat.openai.com/chat

**PixAi.Art**
AI が高精細なイラストを生成してくれるサービス。思い通りのイラストを生成するには慣れが必要ですが、イラストとテキスト ( 呪文 ) をセットで公開してくれている人が多いので、それを参考にすれば誰でも簡単に生成できます。毎日ログインすれば、１日に 10,000 クレジットが付与されて、それを消費することでイラストを生成することがきます。
とにかくサービス自体の進化が速いサイトで、新しい AI モデルもどんどん追加されてます。

https://pixai.art/

**ツイートAI分析**
指定された Twitter アカウントのツイート内容を AI が分析。そのアカウントの人物像を簡潔に教えてくれるサービスです。バックグラウンドには [ChatGPT](https://chat.openai.com/chat) が利用されています。利用者が多い時間帯はサーバーが応答しないことがある様なので、エラーが表示される場合はアクセスする時間帯を変えて試してください。

https://sns-tool.tokyo/twitter/ai/

**waifu2x**
深層畳み込みニューラルネットワークによって、二次元画像の解像度を保ったまま画像サイズを２倍に拡大してくれるサービス。画像サイズはそのままに解像度だけアップさせることも可能。ガラケー時代に撮った解像度の低い写真などで試してみると便利さが解ると思います。
このサービスは個人で運営されているようで、[Fantia](https://fantia.jp/waifu2x) で運営者をサポートすることができます。頻繁に使用する場合は 120/月 のファンになりましょう！

https://waifu2x.udp.jp/

**ColorMagic**
テキストを元にAIがオリジナルのカラーパレットを提案・生成してくれるサービス。「若者に人気のカフェ」といったテキストを入力して生成ボタンをクリックするだけ！
※無料メンバーは 10回/日 までという制限あり

https://colormagic.app/

**Microsoft Designer**
SNS や招待状、手紙などのデザインを簡単に行える WEB アプリ。文章を元に画像を生成するAIを搭載しているので、テンプレートを探すことなく様々なデザインを瞬時に生成できる優れもの。2023/03/05 時点ではプレビュー版のため、早期アクセスのサインアップを受付中。

https://designer.microsoft.com/

**SlidesGPT**
タイトルやキーワードを入力すると、AI が関連するテキストや画像を自動的に生成してスライド化してくれるサービス。様々なトピックや目的に合わせたスライドを作成することができます。生成された内容に関しての正確さは保証されませんが、スライド作成の労力削減には貢献してくれます。

https://slidesgpt.com/

## その他

**TechFinder**
個人開発のための技術記事データベースサービス。自分に合った技術情報を簡単に検索し、ブックマークして保存することができます。キーワードによる検索だけでも便利ですが、カテゴリを選択していくだけで関連記事が絞り込まれるのも素敵。

https://techfinder.dev/

**年賀状AC**
無料で年賀状のテンプレートや素材・パーツ・写真フレーム・イラスト素材などがダウンロードできます。年賀状だけでなく喪中・寒中見舞いのテンプレートもあるので、一年を通して活躍してくれるサイトです。
更に、年賀状ACでダウンロードした素材を [デザインAC](https://www.design-ac.net/) で使うことも可能！

https://www.new-year.bz/

**Questant（クエスタント）**
かんたん＆直感的に Web アンケートを作成することができるサービス。無料プランでも作成可能なアンケート数は無制限！

https://questant.jp/

**調整さん**
URL をメンバーに送るだけでイベントの出欠確認や日程調整ができる WEB サービス。メンバー登録なしでも利用できるので、ちょっとしたスケジュール調整に重宝します。

https://chouseisan.com/

**TimeRex（タイムレックス）**
日程候補のリストアップから予定登録まで、面倒な日程調整タスクを自動化できる WEB サービス。無料プランでも Zoom / Microsoft Teams / Google Meet / Slack / Chatwork / Zapier と連携できるほか、100人までチーム＆メンバー管理が可能という太っ腹サービス。リスケ機能が地味に便利です。

https://timerex.net/

# 商用利用可能素材

## フォト

**写真AC**
無料で写真素材をダウンロードできます。おしゃれな写真やクオリティの高い人物写真の素材が豊富。もちろん商用利用や加工もOK！モデルの許可済み人物写真素材なので、自作のポスターやプレゼンテーションを見栄え良く仕上げることができます。素敵！

https://www.photo-ac.com/

**フリービーAC**
イラスト・写真・アイコン・テクスチャー・パターン・テンプレート・パワーポイントなどのフリー素材をダウンロードできる素敵なサイト。
自作のサイトにちょっとした "映えポイント" を追加するのに重宝しますよ！

https://www.freebie-ac.jp/

## ビデオ

**ビデオAC**
高品質な動画が無料でダウンロードできます。もちろん加工や商用利用もOK！画質は nHD から 4K まで５サイズを提供しており、クレジット表示も不要という太っ腹！

https://video-ac.com/

## ピクトグラム

**EXPERIENCE JAPAN PICTOGRAMS**
日本をテーマにしたピクトグラムやアイコンを提供。動くピクトグラムなんかもあるので、見るだけでも面白い。日本に関する情報を世界に向けて発信するサイトで活躍してくれそう。
![2022-06-09_212816.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65765/79ae5a0b-0b92-c9c1-cc5f-062108b1a9d5.png)

https://experience-japan.info

**human pictogram 2.0**
非常口の「あの人」を拡張？した楽しいピクトグラム。とにかく種類が豊富！ベクター / 透過 PNG / JPG 形式でのダウンロードに対応しています。
![2022-06-09_212515.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/65765/234f9410-84bd-c083-c71c-e052559a51c6.png)

https://pictogram2.com/

## アイコン

**フリービーAC**
イラスト・写真・アイコン・テクスチャー・パターン・テンプレート・パワーポイントなどのフリー素材をダウンロードできる素敵なサイト。
自作のサイトにちょっとした "映えポイント" を追加するのに重宝しますよ！

https://www.freebie-ac.jp/

**Icon-rainbow**
アイコンごとに「サイズ」「画像形式」「色」「透過有無」などを自由に選択できて超便利！

https://icon-rainbow.com

**FLAT ICON DESIGN**

http://flat-icon-design.com

**ICOOON MONO**

https://icooon-mono.com

**iconmonstr**

https://iconmonstr.com

**IconScout**

https://iconscout.com/icons

## イラスト

**kukukeke**
他とはちょっと雰囲気の異なるイラストを 10,000 点以上も公開されているビビッドなサイト。細かくカテゴライズされているので欲しいイラストが探しやすい点も素敵。

https://kuku-keke.com/

**イラストAC**
無料でイラスト素材をダウンロードできます。可愛いイラストやおしゃれなイラスト素材が豊富。もちろん商用利用や加工もOK！チラシやグリーティングカードのワンポイントとして使用するのもオススメ。

https://www.ac-illust.com/

**シルエットAC**
無料でシルエット素材をダウンロードできます。アイコンやピクトグラムの素材が豊富。商用利用もOKなので、チラシやポスター、WEBサイトなどの広告、ポストカードや年賀状などにも利用可能。クレジット表記や許可も必要なし！

https://www.silhouette-ac.com/

**フリービーAC**
イラスト・写真・アイコン・テクスチャー・パターン・テンプレート・パワーポイントなどのフリー素材をダウンロードできる素敵なサイト。
自作のサイトにちょっとした "映えポイント" を追加するのに重宝しますよ！

https://www.freebie-ac.jp/

**ISOMETRIC**

https://isometric.online

**unDraw**

https://undraw.co/illustrations

**storyset**

https://storyset.com

**IconScout**

https://iconscout.com/illustrations