よく閲覧するサイトをまとめていきます！
メディア
色
画像
- Free Icons, Clipart Illustrations, Photos, and Music
- Noun Project: Free Icons & Stock Photos for Everything
- FontAwesome: アイコンをダウンロードできます。
- 写真素材なら「写真AC」無料（フリー）ダウンロードOK
- デザイン枠専門サイトFRAME Design – 1000以上の飾り枠のある素材サイト
音楽
サイト(Blog・ツール・サービス等)
記載されたポータルサイト
ブログ
- 儲け学 : SEOトレーニングとウェブマーケティング戦略
- Ubersuggest
- ブログに集客できる画像デザインつくりの部屋
- SEOの疑問を実験で解明しブログ配信｜SEOラボ
- 検索セントラル | Google Developers
- web.dev: Webサイトの分析・改善・SEO対策など
- Zenn エンジニアのための情報共有コミュニティ
- mercari engineering メルカリのエンジニア情報ポータルサイト: メルカリの技術ブログ・イベント情報が
サービス
ツール
- Emblemmatic — MarkMaker: テキストから自動ロゴ作成
- OGP確認：facebook、twitter、LINE、はてなのシェア時の画像・文章を表示 | ラッコツールズ🔧
- Practice Yona
サイト運営
SE0
Web
- SPA の First View 表示速度を改善する
- 次世代画像フォーマット | WEBSAS
- WebP画像フォーマットの整理＆PHPでJPEG->WebP変換したら1/8のサイズになった - Qiita
JavaScript
Node.js
- MUI: The React component library you always wanted
- date-fns 使い方あれこれ
- GitHub - sparksuite/simplemde-markdown-editor: A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
- GitHub - feross/clipboard-copy: Lightweight copy to clipboard for the web
React
- React
- Reactでクラスコンポーネントより関数コンポーネントを使うべき理由5選
- Reactでコンポーネントをメモ化する方法
- 【React Hooks】useMemoでパフォーマンスを最適化しよう
- React今昔物語
- Reactのパフォーマンスチューニングの歴史をまとめてみた
- 【React】React.lazy + React.Suspense + React Routerを使ったローディング画面実装とコード分割
- react-md-editor
- GitHub - remarkjs/react-markdown at 15b4757082cf3f32a25eba0b8ea30baf751a8b40
- 【react-csv】CSVLink と CSVDownload の仕様違いで詰まった話（CSVDownloadでファイル名を指定したい）
- GitHub - react-csv/react-csv: React components to build CSV files on the fly basing on Array/literal object of data
- react-lazy-load-image-component - npm
- GitHub - RIP21/react-simplemde-editor: React wrapper for simplemde (easymde) markdown editor
- Reactでマークダウンエディタ作成とマークダウンからHTMLに変換（ハイライト付き） - Qiita
Next.js
- Next.js
- Next.jsにおけるSSG/SSR/ISR/CSRの違いと使い分け
- Next.jsのISRで動的コンテンツをキャッシュするときの戦略
- Next.jsにおけるSSG（静的サイト生成）とISRについて（自分の）限界まで丁寧に説明する
- Next.jsでリダイレクト(Nuxtでいうところのmiddleware)を実装するには
- Next.jsでページ共通の処理をする（useEffectを使う例）
- Next.jsのnext/imageコンポーネントの使い方と注意点
- Next.jsに「できるだけ」依存しないReactアプリケーションの構成
- Next.js でメタ情報を出し分ける方法（SG/SSR/CSR） - to-R Media
- Next.jsとCSS - Qiita
- navigator is not defined · Discussion #11027 · vercel/next.js · GitHub
SWR
- SWR
- 【React】useSWRはAPIからデータ取得をする快適なReact Hooksだと伝えたい
- そうです。わたしがReactをシンプルにするSWRです。
- How to make useSWR mutations with a given initial value?
- React+SWR - the2g
Redux
lodash
- Lodash: オブジェクトとリストを扱うためのUtilライブラリ
PHP
- PHP
- PHPでJSONデータの取得の仕方 - Qiita
- Notice: Undefined index: HTTP_REFERER のエラー解決法 - Qiita
- 完全網羅！Intervention Image（PHP）で画像を編集する全実例 – console dot log
- graph/README.md at v0.9.x · graphp/graph · GitHub
- Intervention Image - Encode
- guzzle で Http通信する - Qiita
Laravel
- Laravelでupsertする方法
- 【Laravel】transactionメソッド - Qiita
- Laravelを使ったテーブル設計 - Qiita
- リリースノート 5.7 Laravel
- Eloquentのソート（並び替え） - Qiita
- 永久保存版！Laravel・Cacheの使い方大全 – console dot log
- サイトを軽量化！Laravelでwebp形式の画像をつくる＆使う – console dot log
- 【Laravel & Guzzle】APIの呼び出し方法をわかりやすく解説
- Laravel 5.5 で導入された Optional クラスについて - Qiita
- Laravel5.4でさまざまな条件での絞り込み方法 | Will Style Inc.｜神戸にあるウェブ制作会社
- Laravel クエリビルダを用いてNULLを判定する - Qiita
composer
- composer install と composer updateの違い - Qiita
- composer requireで"Allowed memory size of 1610612736 bytes exhausted"エラーが出た場合の対処法 - Qiita
- symfony - Composer require runs out of memory. PHP Fatal error: Allowed memory size of 1610612736 bytes exhausted - Stack Overflow
SNS
Youtube
- YouTube Data API (v3) コード サンプル
- GET Channel ID using Youtube API v3 with Service Account
- YouTube Data API PHPライブラリ
- google-api-php-client
- PHPでYoutubeのAPIを利用したい
- LaravelでYoutubeAPIを使って特定チャンネルのタイトル一覧抽出
- PHPでYouTube APIを並列実行する - UUUM攻殻機動隊(エンジニアブログ)
- インスタグラムで非公開アカウント（鍵アカ）にするとどうなる？ フォローやDMなどへの影響を解説 | アプリオ
- インスタのビジネスアカウントとは？切り替え方法やメリットをご紹介！
- どう使う？Instagramに新しく追加されたクリエイターアカウント｜SNS運用のヒントが見つかるメディア We Love Social
- Tatsuya Tanaka 田中達也(@tanaka_tatsuya) • Instagram写真と動画
- How to Get Verified on Instagram in 6 Simple Steps
- インスタグラムの認証バッジとは？取得方法や効果をお伝えします
- Instagramのブランドコンテンツ広告とは？ | inglow：愛知名古屋のマーケティングオートメーション・Webプロモーション
Google Chrome 拡張
ツール
- 1Password
- Postman
- DeepL