Laravel Laravelのライフサイクルを調べてまとめてみた
1. アプリケーションとサービスコンテナのインスタンスを生成 リクエストが public/index.php に入り、以下のことが行われる。 Composerが生成したオートローダーの定義をロードbootstrap/app.php を読み込...
開発
Laravel 
Dart/Flutter 【Dart】基本的な命名規則
何に対してどの規則を適用すればいいかの備忘録です。 UpperCamelCaseを使用するもの 大文字から始まり、単語の区切りを大文字にして表現する。例：NamingConvention クラス名列挙型typedef型パラメータ lower...
Dart/Flutter 【Dart】Null Safetyとは。使用時のTips含む。
Dart勉強中に「Null Safetyって何だっけ」と思って調べたのでメモ。 Null Safetyとは 一言で言うと、型にnullを受け付けないようにする設定で、全ての型がnull非許容型になる。 Null Safetyでない場合は、変...
Git/Github 【Git/GitHub】コミット時のユーザー名・メールアドレスを変更する＋アイコンを正しく表示させる
現在の設定内容を確認 これで現在設定されているGitユーザーを確認できます。 $ git config -l 一項目だけ確認したいとき ユーザー名だけ確認するとき：$ git config user.nameメールアドレスだけ確認するとき：...
基礎知識 文字コードとは？ASCII, UTF-8, UTF-16って？
文字コードについて調べたので備忘録。 文字コードとは コンピューター上で文字を利用するうえで、各文字に割り当てられたバイト数との対応関係のこと。 つまり、コンピュータは「a, あ, 日」などの文字をそのまま認識・処理することができないので、...
基礎知識 Linuxコマンド一覧
Linuxの勉強をしていたので、コマンドをまとめてみました。 カレントディレクトリの移動 パスを指定して移動 $cd [相対パス or 絶対パス] 一つ上のディレクトリに移動 $cd .. ホームディレクトリに移動 $cd ~ カレントディ...
HTML/CSS/Sass モーダル内のみスクロールする方法
モーダルを表示した時、モーダル内のみスクロール可能にしたくて調べた記録です。 やり方 CSSでできます🙆♀️スクロールさせたい要素の親要素に、以下のCSSプロパティを付与します。 overflow: scroll; 縦方向のスクロールだけ...
基礎知識 オブジェクト指向とは？OOPが生まれた背景とその仕組み
オブジェクト指向とは ソフトウェアの保守性や再利用性の向上を目的とした技術。 １つ１つの部品の独立性を高めて、それらを組み合わせて開発していく考え方に基づいている。 OOP（オブジェクト指向プログラミング）が生まれた背景 OOPは、それ以前...
基礎知識 【vim】基本のコマンド一覧
ファイルを開く ファイルを開く（ファイルが無ければ新規作成） $vi [ファイル名] モードの切り替え 入力モードに切り替え i ：カーソルの左に文字を入力 a ：カーソルの右に文字を入力 o ：カーソルの1つ下に行を追加して文字を入力 入...
Next.js 【Next.js×TypeScript】_app.tsx内のMyAppの型定義でエラーが出る
eslintを使用しているのですが、Next.jsの_app.tsx内でMyappのエラーが出ていました。その解消方法を記録します。 元のコード ({ Component, pageProps }: AppProps) =>に波線が引かれ、...
Python 【Django REST framework/エラー】’BasePermissionMetaclass’ object is not iterable
問題 Django REST frameworkを使用していて、作成したAPIにアクセスした際に、下記のエラーが発生していました。 'BasePermissionMetaclass' object is not iterable 解決方法 ...
Python 【Django REST framework/エラー】Django administrationのダッシュボードでAPIが表示されない
困ったこと Django administrationのダッシュボードで、黄色枠で囲んだ部分が表示されなくて困ったので、解決方法を記録します。 ※使用しているのは、Django REST Frameworkです。 解決策 apiディレクトリ...
JavaScript 【JavaScript】変数を定義する時の{}波カッコって何？意味は？
以下のようなコードを見たときに、解読が出来なかったので備忘録です。 const { data: itemList } = getData(id) {}の正体は？ ズバリ、分割代入です。 例えば、以下のようなコードがあるとします。 const...
Python 【Python/flask】TypeError: ‘**’ object has no attribute ‘is_active’
flask-login使用時に、このエラーに悩まされたので解決方法を記載します。 エラー内容 AttributeError: '***' object has no attribute 'is_active'...
JavaScript 【JavaScriptライブラリ/React Particles-js】簡単にParticleアニメーションを作る
しゃぼん玉のような丸がふわふわ飛ぶアニメーションを作りたくて、実際に使用したJSライブラリを紹介します。上のGIFは実際に私が作ったものです。 どんなアニメーションが作れるのか こちらにデモが載っているので、ぜひ見てみてください。 インスト...
Python 【Python/flask】ModuleNotFoundError: No module named ‘marshmallow.compat’
エラー内容 flaskで制作している際に、以下のエラーに遭遇しました。解決方法を記録しておきます。 ModuleNotFoundError: No module named 'marshmallow.compat' 解決方法...
Python 【Python】__init__, self, インスタンス変数とは？
Pythonを学習するなかで、気になったのでまとめました。 クラスを定義するときの注意事項 慣習としては、クラス名は常に大文字で始める。複数単語をつなげるときも「_（アンダーバー）」は使用せず、大文字にして区別する1つ目の引数に必ず「sel...
Next.js 【Next.js】データ取得時の、getStaticProps, getServerSideProps, SWRの使い分け
Next.jsを勉強しており、使いどころをはっきりさせたかったため、まとめてみました。 getStaticProps 特徴 ビルド時に、サーバーサイドで実行されるいわゆるSSG（静的生成） 使いどころ リクエストごとにコンテンツが変わったり...
HTML/CSS/Sass Next.jsにTailwind.cssを導入する方法
Tailwind.cssをインストール Next.jsのバージョンが10以上の場合 # npm の場合 npm install -D tailwindcss@latest postcss@latest autoprefixer@latest...
HTML/CSS/Sass 【Gulp】Sass/Scssをコンパイルする方法（推奨版）
Gulpを使ってSass/Scssをコンパイルしていたのですが、非推奨の形で記載してしまっていたので、推奨版の書き方で記載したコードを備忘録として残しておきます。 元々書いていたやり方 こんな形で書いてました。しかし、公式HP見たり調べてみ...