プログラムメモ
Category
React / Next.js
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
PHPフレームワークCodeIgniter
JavaScript
jQuery
node.js
WEB制作(html, css)
cssスタイルシート
Tailwind CSS
Bootstrap
サーバ構築・管理
Mac / Linux / FreeBSD シェルコマンドメモ
KUSANAGI
Pleskサーバ管理
Amazon AWS クラウド / EC2 , S3, Route53
Mac OSX おすすめフリーソフト
Karabiner-Elements
Auto Hot Key
MySQL
SQL Server(MS-SQL)
React / Next.js
Vue.js
Ionic / Angular フロントエンド
postgreSQL
gulp(タスク自動化ツール)
デザイン関連(Photoshop・Illustrator)
Figma / Adobe XD / Sketch
Mac OSX用 VST AU RTAS プラグイン
フリー素材(写真、アイコン、フォント)
iPhone / iPad
WEBサービス
SQLite
エディタ・WEB開発環境 /VS Code / Sublime Text
Flash / ActionScript
PHP Zend Framework
Windows WEB開発(ASP.NET Core / C#)
Visual Studio for Mac (Xamarin.Mac)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
git
最近のメモ
CSSによるDIV(ブロック)要素の横並び方法4種類
phpでjsonを扱う / json_decode() / json_encode()
Laravelで現在のルート名またはURLを取得する / ルート名でリンクする
LaravelでPHPStanを使用する
Promise の then() / catch() / finally() と async await
docker コマンド
vanilla javascript で DBフォーマットで日付を取得する
Vue.js で emit を await で待つ
PHPからMySQLへの接続が「Can't connect to local MySQL server through socket '/........./mysql.sock'」というエラーになる
Laravel で Collection の Invalid argument supplied for foreach() を回避
Laravel Eloquent でモデル取得後に再取得する
「Vue-Router」でパラメータを直接渡したい場合
React Hook Formでフォームを作成する ( + Yup )
Javascriptでの正規表現
TCPDF での レイアウト調整方法
Laravelのモデル(Eloquent)の結果セット(Collection)に任意のカラムを追加する。またアクセサーで書式を変更する
React hooksの概要 / useState / useEffect / useContext / useReducer / useMemo / useCallback / useRef
Next.js で scss (sass) を使用する(サイト全体css / ページ単位css)
git diff で 特定の 2つのコミットの差分を表示させる
npmパッケージ検索サイト
浮動小数点で誤差が出る計算式
PHPが「ブラウザから起動されたか?」「コマンドラインから起動されたか?」を判別する is_cli()
一度だけイベントを登録する
jQueryで画像やリンクのクリック状態(マウスイベント)やキーボード入力状態を強制的に作り出す
useReducer を理解しやすくする
検索
React / Next.js
トップに戻る
新規投稿
tags
TypeScript
[1]
next.js
[1]
クイックリンク
Next.js で 画面遷移
MUI Autocomplete サンプル
Nextjs , TypeORM , MySQL
Next.js + SQLite
Next.js で import による ReferenceError: window is not defined を回避する
React の if文、for文 in JSX
Next.js アプリの初期化
jest
Next.js で クライアントサイドfetch を サーバーサイドへ移す
Next.js で ホットリロードが聞かない時の変更箇所
Reactで各種lint ( eslint , stylelint , husky + lint-staged )
環境変数を dotenv-cli で変更する
mui
frourio
React Hook Form ( + Yup + schema-to-yup )で バリデーションの設定をjsonで書いてフォームを作成する
Reactで有用なデコレーター
Recoil
Next.jsで作成したサイト に sitemap.xml を追加する
React で スマホ / pc 判別
React で イベント実行関数(メソッド)に引数を渡す。間違えて渡す。
React で DOM オブジェクトを取得する
Next.js で メソッドからページ移動する
React のステート管理「Redux」のミニマルな形
React で Firebase の Google Auth
react で styled-components を使用する
useReducer を理解しやすくする
Next.js で 静的サイトとしてエクスポートする(next export)
React で ページの先頭へスムーススクロール
react swiper を使用する
Next.js で 独自の 404エラーページを作成する
Next.js サイトに読み込みローディングバー(プログレスバー)を表示させる
Next.js で scss (sass) を使用する(サイト全体css / ページ単位css)
Next. js で共通のレイアウトページを作成する
react-datepicker を使用する
JSONからTypeScriptの type を作成する
MUIを使用する
React のグリッド、データテーブル
React Bootstrap を TypeScript で使用する
Next.js での SEO施策
react-router のミニマルな形 (TypeScript)
Reactの関数コンポーネントで親コンポーネントから子コンポーネントの関数を実行する
Next.js の ビルド先ディレクトリ「.next」を変更する / ビルド先ディレクトリをシェルから変更する
Next.js の 環境設定ファイル(.env)と サーバーサイド・クライアントサイドの判別
Next.js を nginx にデプロイする
Next.js で 任意のdivの高さを 100% にする ( height:100% )
Next.js で GraphQL クライアント Apolloクライアントを使用する
ReactのJSX内で string の style を扱う
Next.js で YAMLファイルを使用する
VS Code の「F5」キーで Next.js のデバッグを行う
Next.js で import の相対パスのルートディレクトリを変更(固定)してルートからの絶対パスで記述する
React Hook Formでフォームを作成する ( + Yup )
React で登場する ... (3点リーダー)(ドット3つ)の使い方
Next.js のコンポーネントが 「サーバー」/「クライアント」どちらで動いているかを調べる
Next.jsで改行コードを改行タグに変換(nl2br)する
Next.js で日付をフォーマットする
Next.js で font awesomeなどのアイコンフォントを使用する
Next.js で Axios , fetcher の非同期通信を便利にする SWR を使用する
React に Tailwind CSS を導入する
React hooksの概要 / useState / useEffect / useContext / useReducer / useMemo / useCallback / useRef
Next.js + Firebase で Googleログインのテスト
プロセスマネージャー pm2で next.js を動作させる
React で スマホ / pc 判別
● React で スマホ / pc 判別
npm install react-device-detect
{isMobile ? ( <h1>スマホ</h1> ) : ( <p>pc</p> )}
No.2138
01/14 16:12
edit
edit
delete