好きではないJS ReactQuillコンポーネント 【Tips】Laravel+React-Quillで独自スタイルを適用する方法 React-Quill を使用している際にスタイルを少しだけ変更したいといった場面があると思います〜 スタイルを当てる事に焦点を置いているので、UIのダサさは気にしないでください。 そんなときのちょっ...
インフラ 脱3流プログラマー設計 ステートフルとステートレスについてざっくり理解しよう! みなさん、こんにちは! 今日はちょっとマニアックな話、ステートフルとステートレスについてお話ししたいと思います。 これ、聞いたことあるけどよくわからないって人、多いんじゃないかな? でも大丈夫、ここで...
PHP PHP脱3流プログラマー個人開発開発 【vscode】Docker環境にてPHPが参照できない問題を解消 VisualStudioCode にてPHPのエラー ある日、突然 vscode が動かなくなるという恐ろしい症状に出くわしました。(業務では PHPStorm を使用しているので、vscode の勝...
絶対に必要なIT基礎知識 実務本当にあった話 macbookのDesktopでGit管理していたらコードが死んだ話 ある日の出来事 チームに所属するインターン生から1つの相談がありました。 「やんやんさん、プログラムが動きません。。。」 最初は「実行エラーだろう、エラー文言に何が書いてあるのか読めよ」と思っていた...
インフラ LAMPセキュリティ設計 【セキュリティ】ufw と waf について サーバー構築を任されたとき、ufwとwaf の違いがいまいちピンとこなかったので、ちょっと勉強してみました。 両者の違いをわからないままノリで進めていくと大恥かくので先に学んでおく事をおすすめします。...
IT資格 「実務未経験が5日」でAWSクラウドプロテクショナーを合格しました どうも!未経験からIT業界に転職したチャッピーです! 今回の記事は記事タイトルからもわかるように資格に関する話です。 実務経験のない僕でも資格を取得することが出来たので、おそらく大多数の方の参考にな...
PHP PHP PHP8より導入されたmatchってswitchより便利じゃん match式が便利すぎた match式とは PHP8より導入された条件式。 switchやifなどの条件式と並ぶような立ち位置。 $r = match($x) { 0 => "おはよう"; 1 ...
好きではないJS LaravelReact個人開発 【Laravelプロジェクト】react-image-galleryを導入 技術構成 Laravel Laravel Framework 10.15.0 React react-dom@18.2.0 DaisyUi daisyui@3.5.0 tailwind @tailwi...
絶対に必要なIT基礎知識 セキュリティ 「このメールアドレスは使用されています」が危険な理由【セキュリティ】 セキュリティを担保したつもりが危険な事態を起こしちゃってたら恐ろしいですよね。僕実装した内容がその事象を引き起こしてしまいそうだったので共有させてください...
好きではないJS 脱3流プログラマーReactJS [React] useStateとuseEffectってすごく便利じゃん 今までjQueryで戦ってきたのですが、とうとう見切りをつけて次のステップに進もうとしているコテツです… Reactの考え方 React では、DOM 要素を直接操作する代わりに、React の状態管...
PHP LaravelReactDocker Docker+Laravel+React+Viteで環境構築し、npm run dev で画面真っ白 画面真っ白に 表題の通り、Docker+Laravel+React+Viteで環境構築後にnpm run dev で画面が真っ白になってしまった。 バージョン Docker docker --vers...
絶対に必要なIT基礎知識 ssh-keygenでed25519を指定して名前付きファイルを作成する 用途 鍵認証の時に使われますー。 守りたいものがある場合はPW認証だと不安なので、基本的に鍵認証にします。 (ブラック企業で働いていた時はクラウドサーバーのssh接続をPW認証にしていたのを思い出して...
目指せ上流 実務脱3流プログラマー設計 【クリーンアキテクチャ】SOLID原則の依存性反転の原則を学ぶ SOLID原則を学んでいます 「Software Design (ソフトウェアデザイン) 2023年6月号 」という雑誌に出会ったので、SOLID原則を学習中です。これを機に3流プログラマーに慣れたら...
目指せ上流 設計 【クリーンアキテクチャ】SOLID原則の単一責任の原則を学ぶ 先輩から雑誌を渡された これから設計に関する知識も増やしていきたいな〜と思っていた矢先、「Software Design (ソフトウェアデザイン) 2023年6月号 」という書籍に出会いました。中々嬉...
好きではないJS [TS/JS]MapとSetについて MapとSetについて Map と Set は、JavaScriptやTypeScriptにおけるデータ構造の異なるオブジェクトです。 Map 連想配列のようなKeyとValueを持つ構造 Set 重...
PHP 実務 [PHP]俺だけの為のポケットリファレンス これだけは使える様になっておきたいarray系構文 スプレッド構文 array_merge()の代わりにスプレッド構文を使用しましょうね。という話。 「===」で比較する PHPにおける厳格な比較演...
SQL OracleMySQL SQLのcase式を理解してしまった case式について case式とはSQLで条件分岐するための関数です。 JavaやPHPなどで条件分岐する時に使用しているcaseと何ら違いはなく、「〇〇の時はAの処理!」「〇〇はBの処理!」というよ...
Oracle Oracle OracleのNVARCHAR2ってVARCHAR2より便利だね NVARCHAR2とは NVARCHAR2とは、各国の国語文字を格納できるデータ型のことです。 「国語文字?なんじゃそれ??」と感じる方もいるかも知れませんが、国語文字とは日本なら日本語、中国なら中国...
SQL OracleMySQL NULLが嫌いと感じる理由をまとめてみた NULLの特徴 NULLとは0でも空文字でもない値のことを指します。(イメージ的には存在しない値を分かりやすくするためにNULLというシールを貼っている状態のこと。) 例えば、財布の中身はいくら?とい...