プログラミング学習くん

複雑なプログラミング情報を整理する場です。

プログラミング学習くん

複雑なプログラミング情報を整理する場です。

最近の記事

Laravel CRUD処理 

CRUD処理とは Create / Read / Upload / Delete の処理のことである。 Web開発には必要な要素たちである。 今回はこれらをLaravelというフレームワークを利用してphpで記述していく。 Create投稿ボタンを設置 投稿ボタンを入れたいファイルに<a>タグを挿入する。 そしてclassを設定してCSSで整える。 <a class='btn-style2 btn-style2--blue box-center' href="{{

    • Laravel 開発手順2 データベース編

      Laravelのコンテナでデータベースが稼働しているか確認 .envファイルを開く。 DB_CONNECTION=mysqlDB_HOST=mysqlDB_PORT=3306DB_DATABASE=webappDB_USERNAME=sailDB_PASSWORD=password これはmysqlでwebappというデータベースが生成されていることを示す。 実際に、コマンドで確認していく。 ./vendor/bin/sail mysql webappmysql>

      • Laravel開発手順 基本機能編 Docker利用

        Dockerを起動しておく Larabelをインストールする //現在指定しているパスを初期化cd//デスクトップを指定する(どこでもいい)cd Desktop//ターミナルにてcurl -s "https://Larabel.build/〇〇"  | bash 〇〇には好きなフォルダ名を入力 拡張機能をダウンロード Laravel Blade Snippets は以下のリンクから導入できます。 https://marketplace.visualstudio.c

        • Laravelのコードがブラウザに反映されないエラーの原因・解決方法

          突然、今まで表示されていた画面が消えて 「components.layout」という表示だけになってしまいました。 ここまで、10時間ほどかけて作ったものが消えてしまったかも と思うと、恐ろしかったのを今でも覚えています。 この掲示板サイトが突然なくなってしまったのです。 原因は『キャッシュが残っていた』ことでした。 Laravelはキャッシュが残りやすいライブラリらしいです。 なので、それが原因で上手く更新できていなかったっぽいです。 解決方法としては ターミナル

          MySQL分かりやすい図解

          SQLとはデータ型

          MySQL分かりやすい図解

          PHP分かりやすい図解

          CookieとSessionの違い GETとPostの違いCSRF(Cross Site Request Forgery )アプリ開発のCRUDローカル・PHP・MySQLの関係図非同期処理

          PHP分かりやすい図解

          Kindleスクショ自動化(コード)

          -- ページ数 set pages to 320 -- 対象アプリ set target to "Kindle" -- 保存フォルダ set savepath to "~/Pictures/フォルダの名前/" -- 開始ファイル番号 set spage to 1 -- めくり方向(1=左 2=右) set pagedir to 1 -- ページめくりウエイト(秒) set pausetime to 2.0 -- 切り抜きサイズ(画面中心から) set cropx to 0 s

          Kindleスクショ自動化(コード)

          個人的に超分かりやすかったReactの解説記事

          個人的に超分かりやすかったReactの解説記事

          【誰でもできる】Webライティングのコツ

          こちらの本を読んでみたので、5分で読めるようにまとめていきたいと思います。 第1章 Webライティングとは特になし。 第2章 「見出し」で心を惹きつけるポイント①利益になる情報か? ∟この文章を読むと、どう得するのか?  →ペイン(ー→0)orゲイン(0→+) ②新しい情報か? ∟人の関心は新しいものに向く。 →「新しい」or「変わった」などのワード ③好奇心を刺激しているか? ∟「え、なにそれ?」を引き出す。 →「利益×新しい情報×好奇心」◎ ④誰でも簡単にできる

          【誰でもできる】Webライティングのコツ

          VScodeで見やすい 配色テーマ20選

          配色テーマの変更方法「設定→配色テーマ」で簡単に変更できちゃいます。 必要な拡張機能-2つGitHub Theme Material Theme ダークテーマAbyss Community Material Theme  Community Material Theme Darker Community Material Theme High Contrast Community Material Theme Ocean Community Mat

          VScodeで見やすい 配色テーマ20選

          【2022年】VScodeのおすすめ拡張機能ベスト10

          ①PrettierVSCodeを使っている時、こう思うことありませんか? 「空白とか改行とかいちいち調整するの面倒...」 そんな悩みを解決するのがPrettierです。 設定すると上記のようにコードを整理してくれます。 ただしPrettierを使うには、設定を行う必要があります。 設定する項目は以下の2つです。 Format On Saveを有効にする Default FormatterをPrettierに設定する ①Format On Saveを有効にする 画

          【2022年】VScodeのおすすめ拡張機能ベスト10

          余分な空白や改行を調整してくれるVScode拡張機能「Prettier」

          PrettierVSCodeを使っている時、こう思うことありませんか? 「空白とか改行とかいちいち調整するの面倒...」 そんな悩みを解決するのがPrettierです。 設定するとこうなる インストール これで、Prettierのインストールは完了です。 でも、Prettierはインストールしただけでは動いてくれません。 Prettierを使うには、設定を行う必要があります。 Prettierが使えるように設定する設定する項目は以下の2つです。 Format On

          余分な空白や改行を調整してくれるVScode拡張機能「Prettier」