Generated by All in One SEO v4.9.9, this is an llms.txt file, used by LLMs to index the site. # Vueは友達 Vue.jsを愛する人間のブログ ## Sitemaps - [XML Sitemap](https://newsite-make.com/sitemap.xml): Contains all public & indexable URLs for this website. ## 投稿 - [Laravelでお問合せフォームの実装②お問合せ返信メールの送信](https://newsite-make.com/laravel-contact-form2/) - Laravelでお問合せフォームを作って自動返信メールが来るのをMailableで実装する方法。今回の解説はMailableで自動返信メールが来る方法の解説 - [Laravelでお問合せフォームの実装①テーブルに情報を登録](https://newsite-make.com/laravel-contact-form1/) - Laravelでお問合せフォームの実装を開設する記事。今回の解説はお問い合わせフォームがあるページを表示してフォームに書いた内容をデータベースのテーブルに保存する所まで - [laravelにrecaptchaのv2を開発環境と本番環境に導入](https://newsite-make.com/laravel-recaptcha/) - 開発環境と本番環境にrecaptchaを導入する方法を解説した記事 - [Composer・composer.json・composer.lockを調べたまとめ](https://newsite-make.com/laravel-composerjson-composerlock/) - Composerとcomposer.jsonとcomposer.lockが何かについて調べてその内容をまとめた記事 - [初心者向け。CSSのFlexboxで最低限できないといけない内容](https://newsite-make.com/flex-box/) - 実務でよく使うFlexboxの使い方を解説 - [LaravelアプリをXSERVERで公開①プロジェクトの配置まで](https://newsite-make.com/xserver-subdomain-release1/) - LaravelアプリをXSERVERのサブドメインで公開する方法の解説。今回はドメイン直下にプロジェクトを置く所までの解説 - [LaravelアプリをXSERVERで公開②シンボリックリンクを貼って公開](https://newsite-make.com/xserver-subdomain-release2/) - LaravelのプロジェクトをXSERVERのサブドメインで表示する方法。今回の解説はLaravelプロジェクトのデータベースを作成してシンボリックリンクを貼ってプロジェクトの内容を表示する - [表示数を増やす「もっと見る」ボタンをJavaScriptで実装する方法](https://newsite-make.com/javascript-read-more/) - [JavaScriptのpopについて簡単なサンプルコードで解説](https://newsite-make.com/javascript-pop/) - [JavaScriptのevery()について簡単なサンプルコードで解説](https://newsite-make.com/javascript-every/) - [JavaScriptのencodeURIComponentについて簡単なサンプルコードで解説](https://newsite-make.com/javascript-encodeuricomponent/) - [vue.js3超初心者向け。v-ifとv-showの違いを簡単なコードで解説](https://newsite-make.com/vif-vshow-difference/) - [JavaScriptの分割代入について簡単なサンプルコードで解説](https://newsite-make.com/javascript-separate/) - [予備校講師になってはダメ、大手の講師でも年収が激減する](https://newsite-make.com/yobikoukoushi/) - 予備校講師の仕事は末期的になくなっているから絶対にしてはいけない - [JavaScriptのmapとfilterについて簡単なサンプルコードで解説](https://newsite-make.com/javascript-map-filter/) - [JavaScriptのfindとfindIndexについて簡単なサンプルコードで解説](https://newsite-make.com/javascript-findindex/) - [JavaScriptの「.setHours(0, 0, 0, 0)」について簡単なサンプルコードで解説](https://newsite-make.com/javascript-sethours/) - [PHPのinstanceofが何かと簡単なサンプルコードで解説](https://newsite-make.com/php-instanceof/) - [JavaScriptの「Number.isFinite()」について簡単なサンプルコードで解説](https://newsite-make.com/javascript-number-isfinite/) - [JavaScriptの「Array.from」について簡単なサンプルコードで解説](https://newsite-make.com/javascript-array-from/) - [vue.js3のについて簡単なサンプルコードで解説](https://newsite-make.com/vuejs3-teleport/) - [JavaScriptの「.localeCompare()」について簡単なサンプルコードで解説](https://newsite-make.com/javascript-localecompare/) - [Vue.js3でSPAの実装方法と画面の再読み込み時に今のページを表示する方法](https://newsite-make.com/vuejs3-spa/) - [Laravelのpackage.lockとpackage.jsonの役割とintegrity](https://newsite-make.com/laravel-packagelock-packagejson/) - [JavaScriptの「.reduce()」について簡単なサンプルコードで解説](https://newsite-make.com/javascript-reduce/) - [async-awaitを使った時のPromise.allの挙動](https://newsite-make.com/promise-all/) - [JavaScriptのtypeofについて簡単なサンプルコードで解説](https://newsite-make.com/javascript-typeof/) - [JavaScriptのスプレッド構文について簡単なサンプルコードで解説](https://newsite-make.com/javascript-spread-syntax/) - [JavaScriptのnew Set()について簡単なサンプルコードで解説](https://newsite-make.com/javascript-new-set/) - [JavaScriptの.replace()について簡単なサンプルコードで解説](https://newsite-make.com/javascript-replace/) - [vue.jsの@mousedown.preventについて簡単なサンプルコードで解説](https://newsite-make.com/vuejs-mousedown-prevent/) - [git fetch origin developとgit merge origin/developが何をしているかを解説](https://newsite-make.com/git-fetch-origin-develop-merge-origin-develop/) - [vue.jsのについて簡単なサンプルコードで解説](https://newsite-make.com/vuejs-transition/) - [JavaScriptのObject.assignについて簡単なサンプルコードで解説](https://newsite-make.com/javascript-object-assign/) - [Laravelのcomposer.lock・composer.jsonの役割とcontent-hash](https://newsite-make.com/laravel-composerlock-composerjson/) - [JavaScriptで「new Map();」とオブジェクトの違いを簡単なサンプルコードで解説](https://newsite-make.com/javascript-map-object/) - [JavaScriptの「.map(Number)」が何かを簡単なサンプルコードで解説](https://newsite-make.com/javascript-map-number/) - [Laravelでタスクスケジュール設定に関するメモ](https://newsite-make.com/laravel-task-schedule/) - [vue.jsの@beforeinputについて簡単なサンプルコードで解説](https://newsite-make.com/vuejs-beforeinput/) - [vue.jsの@compositionstart・@compositionendが何かを簡単なサンプルコードで解説](https://newsite-make.com/compositionstart-compositionend/) - [JavaScriptの「new TextEncoder();」について簡単なサンプルコードで解説](https://newsite-make.com/javascript-new-textencoder/) - [JavaScriptのnew URLSearchParams()について簡単なサンプルコードで解説](https://newsite-make.com/javascript-new-urlsearchparams/) - [JavaScriptの.join()について簡単なサンプルコードで解説](https://newsite-make.com/javascript-join/) - [JavaScriptのObject.entriesについて簡単なサンプルコードで解説](https://newsite-make.com/javascript-object-entries/) - [Laravelのpartitionメソッドが何かと簡単なサンプルコードで解説](https://newsite-make.com/laravel-partition/) - [Laravelのコレクションとは何か?いつ使うかと使用例](https://newsite-make.com/laravel-collection/) - 「Laravelのコレクションは配列のラッパー」の意味が分からなかったので調べたらコレクションはエロクアントで取得したデータを配列で使う場合に使いにくいのを補う為の物だという事が分かった - [TypeScriptで基本的と思われる新しく知った知識](https://newsite-make.com/typescript-new-knowledge/) - [PHPの三項演算子について簡単なサンプルコードで解説](https://newsite-make.com/ternary-operator/) - [vue.js3超初心者向け。watchの意味と簡単なサンプルコードを通しての使い方の解説](https://newsite-make.com/vuejs3-watch/) - [JavaScriptの「.sort()」について簡単なサンプルコードで解説](https://newsite-make.com/javascript-sort/) - [Laravelでクエリビルダの使い方に関するメモ](https://newsite-make.com/laravel-query-builder/) - [教授から聞いた地方国立大学の数学の採点方法と解答の書き方](https://newsite-make.com/scoring-writing/) - 私が大学で教授から聞いた地方国立大学の入試問題の採点のやり方。不条理すぎる採点方法だが大学に受かる為にも知っておいた方が - [シュプリームとノースフェイスのコラボ物は安っぽいのに高くて偽物多すぎ](https://newsite-make.com/supreme-northface/) - シュプリーム× ノースフェイスの服は安っぽくて偽物が多すぎる - [元デブの私が本気で考えたダイエットで80kgから49kgになった](https://newsite-make.com/diet-experience/) - 誰でも真似ができる無理がないダイエットのやり方。サプリやダイエット食品を一切使わなく食べ方を変える事でダイエットをする方法を解説している。 - [理学部と教育学部の数学科の違いを知らずに入学すると後悔する](https://newsite-make.com/kyoikugakubu-rigakubu-math/) - 中々知る事ができない理学部数学科と教育学部数学科の違い - [JavaScriptの「.charCodeAt()」とUnicodeについて簡単なサンプルコードで解説](https://newsite-make.com/javascript-charcodeat-unicode/) - [JavaScriptの「.indexOf」が何かを簡単なサンプルコードで解説](https://newsite-make.com/javascript-indexof/) - [vue.js3超初心者向け。リアクティブとref・reactiveの違い](https://newsite-make.com/vuejs3-ref-reactive/) - [Laravelをこれから勉強する人の為の無料学習サイトを作りました](https://newsite-make.com/laravel-yarubai/) - [画面遷移時にnavigator.sendBeaconを使い非同期でサーバーに送信する方法](https://newsite-make.com/navigator-sendbeacon/) - [Laravelでweb.phpの動的なルート情報をカスタムする方法](https://newsite-make.com/laravel-webphp-where/) - [Laravelでカラムに対する指定したデータのレコードを最初に取得する方法](https://newsite-make.com/laravel-columndata-first/) - [Laravel12+Vue.js3でaxiosを使った時の更新機能の実装方法](https://newsite-make.com/laravel12-vuejs3-axios-update/) - [JavaScriptのpadEndについて簡単なサンプルコードで解説](https://newsite-make.com/javascript-padend/) - [vue.js3超初心者向け。バリデーションエラー時のフォームの値を入力直前に戻す方法](https://newsite-make.com/vuejs3-form-value/) - [Vue.js3超初心者向け。静的cssと動的cssを共存させる簡単なサンプルコードで解説](https://newsite-make.com/vuejs3-css/) - [Vue.js3超初心者向け。v-htmlが何かと危険性を簡単なサンプルコードで解説 ](https://newsite-make.com/vuejs3-vhtml/) - [Vue.js3超初心者向け。onUnmountedが何かと簡単なサンプルコードで解説](https://newsite-make.com/vuejs3-onunmounted/) - [Vue.js3超初心者向け。onMountedが何かと簡単なサンプルコードで解説](https://newsite-make.com/onmounted-hook/) - [Laravelのカスタムリクエストが何かと使い方](https://newsite-make.com/laravel-custom-request/) - [jQueryでタグを選択したりテキスト・配列の要素を切り取るsliceメソッド](https://newsite-make.com/jquery-slice/) - [HTML・配列・オブジェクトの要素に処理をして配列を返すjQueryのmapメソッド](https://newsite-make.com/jquery-map/) - [PHPのbasenameメソッドの使い方](https://newsite-make.com/php-basename/) - [PHPのcal_days_in_monthメソッドの使い方](https://newsite-make.com/php-caldaysinmonth/) - [PHPのarray_fillメソッドの使い方](https://newsite-make.com/php-arrayfill/) - [CakePHPでレコードの一括削除ができるdeleteAllメソッドの使い方](https://newsite-make.com/cakephpでレコードの一括削除ができるdeleteallメソッドの使/) - [CakePHPのexistsメソッドの使い方](https://newsite-make.com/cakephp-exists/) - [JavaScriptでfor〜inとfor〜ofの使い方と違い](https://newsite-make.com/javascript-forin-forof/) - [PHPのurlencodeメソッドの使い方](https://newsite-make.com/php-urlencode/) - [Laravelで検索機能にも対応した無限スクロールを自作する方法](https://newsite-make.com/laravel-infinity-scroll/) - [git cloneした時にローカルでリモートのブランチを使う方法](https://newsite-make.com/git-clone-branch/) - [Laravel-mixにTailwind CSSを導入する方法](https://newsite-make.com/laravelmix-tailwindcss/) - [Laravelでメンテナンスモードを導入する方法](https://newsite-make.com/maintenance/) - [PHPのglobalが何かと使い方](https://newsite-make.com/global/) - [MAMPで一時的にONLY_FULL_GROUP_BYを無効にする方法](https://newsite-make.com/mamp-onlyfullgroupby/) - [macでHomebrewでインストールしたPHPのバージョンを変更する方法](https://newsite-make.com/php-version-change/) - [「Target class [Fruitcake\Cors\HandleCors] does not exist.」の対処法](https://newsite-make.com/version-error/) - [PHP8.0から使えるunion型についてのメモ](https://newsite-make.com/php-union-type/) - [JavaScriptのオプショナルチェーンについてのメモ](https://newsite-make.com/javascript-optional-chain/) - [Laravelでweb.phpのルートのまとめ方](https://newsite-make.com/laravel-webphp/) - [PHPでheader関数を使ってリダイレクト先で変数を使う方法](https://newsite-make.com/header-redirect-parameter/) - [Laravel11でVue3を読み込めなかった時の対処法](https://newsite-make.com/laravel11-vue3/) - [vue.js3超初心者向け。簡単なサンプルコードを使ったnextTickの使い方](https://newsite-make.com/vuejs3-nexttick/) - [Laravelでマイグレーションファイルについてのあれこれのメモ](https://newsite-make.com/laravel-migrationfile-many/) - [Laravel + vite初心者向け。npm run dev解除時の画面崩れを防ぐ方法](https://newsite-make.com/laravel-vite-beginner/) - [vue.js3超初心者向け。簡単なサンプルコードを使った.selfの使い方](https://newsite-make.com/vue-js3-self/) - [vue.js3超初心者向け。refを使って直接上書きして表示が変更しない時の対処法](https://newsite-make.com/vuejs3-ref-note/) - [vue.js3超初心者向け。computedの意味と簡単なサンプルコードを通しての使い方の解説](https://newsite-make.com/vuejs3-computed/) - [git push origin branchAとgit push --set-upstream origin branchAの違い](https://newsite-make.com/push-origin/) - [JavaScript超初心者向け。asyncとawaitの使い方を簡単なサンプルコードで解説](https://newsite-make.com/async-await/) - [Git操作超初心者向け。git branch -Dの意味と役割](https://newsite-make.com/git-branch-d/) - [Dockerでnetwork xxx declared as external, but could not be foundの対処法](https://newsite-make.com/docker-network-error/) - [vue.js3超初心者向け。onBeforeUnmountについて簡単なサンプルコードで解説](https://newsite-make.com/vuejs3-onbeforeunmount/) - [vue.js3超初心者向け。親コンポーネントで子コンポーネントを動作させる方法](https://newsite-make.com/vuejs3-parentchild-component/) - [vue.js3超初心者向け。@click.stopについて簡単なサンプルコードで解説](https://newsite-make.com/vuejs3-clickstop/) - [Laravelで複合主キーがある時の更新処理のやり方](https://newsite-make.com/laravel-composite-primary-key/) - [vue.js3で親コンポーネントから子コンポーネント・孫コンポーネントを管理する方法](https://newsite-make.com/vuejs3-handle-component/) - [Vue.js3のComposition APIについてのメモ](https://newsite-make.com/composition-api/) - [コーダーの私が0から始めた誰でも真似できるVue.jsの勉強方法](https://newsite-make.com/vue-study/) - Vue.jsの勉強は本を使わなくても独学でできる - [Vue.js3超初心者向け。仮想DOMとは何かを通常のDOMとの違いで解説](https://newsite-make.com/vue-virtual-dom/) - Vue.jsのDOMは知っていたがどういう物なのかが分からなかったので調べてまとめた記事 - [vue.js3超初心者向け。v-modelについてv-on・v-bindとの違いと使い方](https://newsite-make.com/v-model/) - v-onとv-bindを説明してそこからv-modelが何なのかを説明している - [Vue.js devtoolsで「Vue.js is detected on this page.」が表示された時の対処法](https://newsite-make.com/vuejs-devtools/) - Vue.js devtoolsを使って「Vue.js is detected on this page.」と表示された時にchromeの拡張機能の設定でファイルのアクセスを許可しても解決できない場合の対処法 - [CakePHPでget・findの使い方とアソシエーションがある場合の使い方](https://newsite-make.com/cakephp-get-find/) - [初心者向け。Vue.jsでTodoリストのアプリの作り方の解説](https://newsite-make.com/vue-todo/) - [Laravelでstorageの下の階層にある画像をページから管理する方法](https://newsite-make.com/laravel-storage-images-manage/) - [Laravelでテーブル作成後にカラムのデータ型を変更する方法](https://newsite-make.com/laravel-column-type-change/) - [Laravelでバリデーションエラーを表示する方法](https://newsite-make.com/laravel-validation-error/) - Laravelでバリデーションエラーにひっかかった時に全てのエラー内容を表示する方法 - [Laravel8でtitleタグを簡単に動的にする(ページごとに変える)方法](https://newsite-make.com/title-dynamic/) - Laravelでtitleタグを動的にするにはtitleタグの中に例えば{{$title}}と記述してコントローラーの中で$titleを直接指定するかview()->shareを使うと実現できるがどっちでやっても問題はないと思う。 - [Laravelでモデルにデフォルト値を設定する方法と条件で値を変える方法](https://newsite-make.com/laravel-default-value/) - Laravelでテーブルに登録するデフォルト値はマイグレーションファイルでもできるがデフォルト値を変更したい時に気軽に変えることができないのでやめた方がいい。モデルの「$attributes」の項目でデフォルト値を設定した方が扱いが楽だし値を動的にすることもできる。 - [LaravelでIPアドレスを使ったアクセスカウンターの実装方法](https://newsite-make.com/laravel-ip-accesscounter/) - [Laravelで存在しないURLにアクセスした時にリダイレクトする方法](https://newsite-make.com/not-exist-redirect/) - Laravelで存在しないURLにアクセスした時に他のページにリダイレクトする方法 - [超初心者向け。Laravelの教科書の初級編と上級編を勉強した感想](https://newsite-make.com/laravel-textbook-thoughts/) - じゅんこさんが書いたLaravelの教科書の初級編と上級編で勉強した感想 - [初心者向け。Laravel8系・10系でページネーションをカスタムする方法](https://newsite-make.com/laravel-pagination-custom/) - Laravelのページネーションをカスタムする方法を解説 - [Laravelでライブラリなしでマークダウンを使う方法](https://newsite-make.com/not-library-markdown/) - [Laravelでサービスクラスの用途と使い方](https://newsite-make.com/laravel-serviceclass/) - [初心者向け。LaravelでクエリビルダとEloquentの違い](https://newsite-make.com/laravel-eloquent-querybuilder/) - [Laravelでアクション実行時にパラメーター付きリダイレクトをする方法](https://newsite-make.com/laravel-parameter-redirect/) - [Laravelでプレビュー画面を簡易に実装する方法とガッチリ実装する方法](https://newsite-make.com/laravel-preview-page/) - [LaravelでFullCalendarを使ってDBの情報を表示する方法](https://newsite-make.com/laravel-fullcalendar/) - [初心者向け。Laravelでテーブルのカラムを削除する方法](https://newsite-make.com/laravel-drop-column/) - Laravelでデータベースのテーブルのカラムを削除する方法を解説 - [Laravelのみでクイズアプリを作る方法①クイズの作成と解答](https://newsite-make.com/laravel-quiz1/) - Laravelだけでクイズアプリを作る解説の記事。今回の解説はクイズを作って解答できる様にする。 - [初心者向け。Laravel Breezeでログインの作り方とカスタム](https://newsite-make.com/laravel-breeze/) - Laravelにログイン機能のBreezeを導入する方法とログインして最初に移動するページのURLの変更とログアウトして最初に移動するページのURLの変更の方法を解説 - [LaravelとMAMPで開発環境を作る方法(初心者向け)](https://newsite-make.com/laravel-mamp/) - Laravel超初心者の私がMAMPでLaravelのアプリを動かすことができるようにするための解説 - [CakePHP3でopenssl_encryptメソッドを使って暗号化・複合化をする方法](https://newsite-make.com/cakephp3-encrypt-decrypt/) - [CakePHP3で複数のテーブルを1つのアクションで同時に登録する方法](https://newsite-make.com/cakephp3-manytable-store/) - [LaravelのEloquentモデルでユーザー登録時に他のテーブルのレコードを作成する方法](https://newsite-make.com/laravel-eloquent-event/) - [PHPのarray_mapメソッドの使い方とサンプルコード](https://newsite-make.com/php-arraymap/) - [PHPのarray_uniqueメソッドの使い方とサンプルコード](https://newsite-make.com/php-arrayunique/) - [jQueryの:contains()の使い方とサンプルコード](https://newsite-make.com/jquery-contains/) - [JavaScriptでクリックしたボタンの色を変える方法](https://newsite-make.com/javascript-buttonclick-background/) - [CakePHP3でチェックボックスにチェックを入れてない時に0を送る方法](https://newsite-make.com/cakephp3-checkbox-zero/) - [特定の要素を取得するjQueryの.eqメソッドの使い方](https://newsite-make.com/jquery-eq/) - [CakePHP3のkeyFieldとvalueFieldでカラムを登録したら他のカラムを自動登録する](https://newsite-make.com/cakephp3-keyfield-valuefield-autoregister/) - [LaravelでsummernoteにPrism.jsを導入してシンタックスハイライトを付ける方法](https://newsite-make.com/laravel-summernote-prismjs/) - [自社開発や受託開発の会社に入る為にLaravelを0から無駄なく勉強する方法](https://newsite-make.com/laravel-study-method/) - Laravelを0から勉強するための方法はひとまずLaravelに集中して勉強してじゅんこさんが運営しているLaravelの教科書で勉強して慣れたら自作のアプリを作ったプログラムに慣れた方がいい。 - [CakePHP3でgetErrors()を使うとバリデーションエラーを調べることができる](https://newsite-make.com/cakephp3-geterrors/) - [CakePHP3でテキスト入力とメニュー選択ができるフォームを作成する方法](https://newsite-make.com/cakephp3-textinput-selecttext/) - [CakePHP3・4初心者向け。ネットでは見つからないちょっとした実装集](https://newsite-make.com/cakephp-petit-systems/) - CakePHPのネットでは見つけることができない実装集。条件を満たした時に削除ボタンを表示する方法・テーブルの1つの値を登録すると同じレコードの他のカラムの値も登録する方法。 - [CakePHP3のkeyFieldとvalueFieldを使ってカラムに対応するカラムの値を取得する方法](https://newsite-make.com/cakephp3-keyfield-valuefield/) - [PHPのarray_key_first()とarray_key_last()の使い方](https://newsite-make.com/php-arraykeyfirst-arraykeylast/) - [Laravel初心者向けの検索機能を実装する方法](https://newsite-make.com/laravel-search-function/) - 初心者向けのLaravelで検索機能を実装する方法 - [Laravelでリレーション先のテーブルを条件に絞り込むwhereHasの使い方](https://newsite-make.com/laravel-wherehas/) - [jQueryでセレクトボックス選択時にページ遷移する方法](https://newsite-make.com/jquery-selectbox-page-transition/) - [CakePHP3でcontainに検索条件を追加して絞り込む方法](https://newsite-make.com/cakephp3-contain-filter/) - [CakePHP3で正規表現を使ったカスタムバリデーションをする方法](https://newsite-make.com/cakephp3-customvalidation/) - [jQueryのfilterメソッドの使い方とサンプルコード](https://newsite-make.com/jquery-filter/) - [PHPのarray_mergeメソッドの使い方とサンプルコード](https://newsite-make.com/php-arraymerge/) - [PHPのarray_searchメソッドの使い方とサンプルコード](https://newsite-make.com/php-searcharray/) - [PHPのarray_diffメソッドの使い方とサンプルコード](https://newsite-make.com/php-arraydiff/) - [PHPのimplodeメソッドの使い方とサンプルコード](https://newsite-make.com/php-implode/) - [LaravelでコントローラーからJSに変数を渡す@jsonと改良版とJS::from()](https://newsite-make.com/laravel-controllertojs-send/) - [CakePHP4初心者向けの最低限できないといけないbakeコマンドまとめ](https://newsite-make.com/cakephp-bake-command/) - CakePHPをやるにあたって知っておかないとまずいコマンド一覧。これができれば最低限は大丈夫。 - [Gitでブランチの切り替えを忘れて作業した時の対処法](https://newsite-make.com/git-branch-trouble/) - [jQueryでデジタル時計を作る方法](https://newsite-make.com/jquery-degital-clock/) - [jQueryの.trimの使い方とサンプルコード](https://newsite-make.com/jquery-trim/) - [CakePHP3でコントローラーからjQueryにcompact関数の変数を渡す方法](https://newsite-make.com/cakephp3-compact-jquery/) - [jQueryでラジオボタンの切り替え時にフォームの値を空にする方法](https://newsite-make.com/jquery-radiobutton-change/) - [CakePHP3でFormHelperを使って連動した値を登録する方法](https://newsite-make.com/cakephp3-formhelper-interlockingvalue-register/) - [CakePHP3のFormHelperでhidden属性を設定する方法](https://newsite-make.com/cakephp3-formhelper-hidden/) - [LaravelでページごとにCSSやjsの反映を切り替える方法](https://newsite-make.com/laravel-css-js-change/) - [Laravelでユーザー登録・ログイン後のリダイレクト先を変更する方法](https://newsite-make.com/laravel-login-redirect-page/) - Laravelでログイン後にリダイレクト先を静的にするならRouteServiceProvider.phpを修正して動的にするならAuthenticatedSessionController.phpを修正する。ログイン状態で再びログインした時にリダイレクトするにはRedirectIfAuthenticated.phpを修正する。 - [jQueryの.off('click')イベントの使い方](https://newsite-make.com/jquery-offclick/) - [jQueryでイベントデリゲーションを使った時と直接要素を指定した時の挙動の違い](https://newsite-make.com/jquery-event-delegation/) - [JavaScriptでアロー関数を使うのはthisの扱いが楽だからだろう](https://newsite-make.com/javascript-arrow-function/) - JavaScriptで場所によって参照する内容が変わるthisをアロー関数で使った場合の参照する場所の解説 - [JavaScriptでマウスストーカーを実装する方法](https://newsite-make.com/javascript-mouse-stalker/) - JavaScriptを使って少ない記述でマウスストーカーを実装する方法 - [初心者向け。コピペでできるjQueryのローディングの実装方法](https://newsite-make.com/jquery-loading/) - 実務未経験者でも大丈夫。コピペで実装できるjQueryを使ったローディングの実装方法 - [初心者向け。jQueryでサムネをクリックしてメイン画像を切り替える方法](https://newsite-make.com/thumbnail-click-main/) - サムネイル画像をクリックした時にメインの画像が切り替わるのはjQueryでコピペできる - [初心者向け。jQueryを使ったコピペでできるマウスストーカー](https://newsite-make.com/jquery-mouse-stalker/) - コピペでもできるjQueryを使ったマウスストーカー - [初心者向け。jQueryを使ったコピペでもできる自作切り替えタブの作り方](https://newsite-make.com/jquery-menu-tab/) - jQueryを使ったコピペでもできる切り替えのタブの作り方 - [CakePHP3で$this->viewBuilder()->setLayout()の使い方](https://newsite-make.com/cakephp3-setlayout/) - [CakePHP3でPOST・GETの場合にjQueryでAjaxをしてうまくいく方法](https://newsite-make.com/cakephp3-ajax-good-method/) - [CakePHPでFormHelperのdivタグを削除する方法](https://newsite-make.com/cakephp-formhelper-div-delete/) - [Laravelでクエリパラメーターの使い方とページ遷移の方法](https://newsite-make.com/laravel-queryparameter/) - [CakePHP3でAjaxを使った時にデータがjsonにならなくて困った時の対処法](https://newsite-make.com/cakephp3-ajax-json-trouble/) - [could not find an available, non-overlapping IPv4 addressエラーの対処法](https://newsite-make.com/laravel-sail-network-error/) - [Laravelでコレクションを整形するメソッド](https://newsite-make.com/laravel-collection-method/) - [Laravelで検索ではみつからないちょっとした実装集](https://newsite-make.com/laravel-small-implementation/) - [LaravelでSeederを使って初期データを投入する方法](https://newsite-make.com/laravel-seeder/) - [LaravelでVite manifest not found atの対処法](https://newsite-make.com/laravel-vite-error/) - [Laravelのアクセサとミューテターが何かとコードの書き方といつ使うか](https://newsite-make.com/laravel-accessor-mutator/) - [CakePHP3の新規作成・編集時のバリデーションについて](https://newsite-make.com/cakephp3-validation/) - [初心者用CakePHP4でブログサイト①環境構築をしてページを表示する](https://newsite-make.com/cakephp-blog2/) - [初心者用CakePHPでブログサイト③ログインユーザーと記事を紐づける](https://newsite-make.com/cakephp-blog5/) - [CakePHPでmatchingが何かと基本の使い方とサンプルコード](https://newsite-make.com/cakephp-matching/) - [CakePHP3で数値検索をする方法](https://newsite-make.com/cakephp3-number-search/) - [Cakephp3でCollectionクラスのfilterメソッドの使う場面と使い方](https://newsite-make.com/cakephp3-collection-filter/) - [CakePHP3でjQueryのajaxを使って表示の切り替えをする方法](https://newsite-make.com/cakephp3-jquery-ajax/) - [CakePHP3でログイン中のユーザー情報を取得する方法](https://newsite-make.com/cakephp3-login-user-information/) - [CakePHP3でAjaxの使用時にコントローラーの値をデバッグする方法](https://newsite-make.com/cakephp3-ajax-debug/) - [CakePHP3でbindingKeyを使ってモデルを紐づける方法](https://newsite-make.com/cakephp3-bindingkey-association/) - [モーダルを閉じた時にフォームの入力内容を消せない場合のjQueryでの対処法](https://newsite-make.com/jquery-form-reset/) - [jQueryでBootstrapのモーダルを閉じた時にフォームをリセットする方法](https://newsite-make.com/jquery-modal-form-reset/) - [XSERVERでSSH接続をした時のPHPのバージョン変更](https://newsite-make.com/xserver-ssh-php-versionchange/) - [コピペOK。jQueryでハンバーガーメニューを簡単に作る方法](https://newsite-make.com/jquery-hamburger-menu/) - jQueryを使ったコピペでもできるハンバーガーメニューの作り方 - [jQueryでスクロール時に背景色が左右から伸びる方法](https://newsite-make.com/jquery-background-expand/) - 画面をスクロールした時に背景色が右から左に現れるのをjQueryを使って実装する方法。理解した方がカスタムが効くが最悪コピペでも実装できる。 - [jQueryでマウスオーバー時に画像の切り替えをする方法。デモ付き](https://newsite-make.com/jquery-mouseover-imagechange/) - 画像をマウスオーバーした時に別の画像に切り替えるのをjQueryで実装する方法 - [jQueryで画面をスクロールした時にヘッダーをフワッと表示する方法](https://newsite-make.com/scroll-header-fadein/) - 画面をスクロールした時にjQueryでヘッダーをフワッと表示する方法 - [jQueryでスクロールしたら文章や画像を左右からフェードインする方法](https://newsite-make.com/jquery-fade-in/) - jQueryで左右からフェードインするのはコピペでできるので実装できないといけない - [CakePHP3でjQuery UIのdatetimepickerを使って値を保存する方法](https://newsite-make.com/cakephp3-jqueryui-datetimepicker/) - [PHP初心者向け。reset関数とend関数とは何か・使い方](https://newsite-make.com/php-reset-end/) - [初心者用CakePHPでブログサイト②テーブルの情報をビューに表示して詳細に入る](https://newsite-make.com/cakephp-blog3/) - [PHP初心者向け。結合代入演算子が何かと使い方](https://newsite-make.com/php-connect-assignment/) - PHPの「.」が前後の値をつなげるのに対して「.=」は元々の値に別の値をつなげて変数に代入している - [PHPのトレイトについて簡単な内容のまとめ](https://newsite-make.com/php-trait/) - [Git初心者向け。Git stashが何かと使う目的と使い方](https://newsite-make.com/git-stash/) - [初心者向け。LaravelのEagerロードとリレーションの違い・コードの書き方](https://newsite-make.com/laravel-eagerload/) - LaravelでEagerロードを使うとテーブルの読み込みを抑えるのでサーバーへの負荷を減らすことができる。モデル名::with('リレーションのメソッド名');で使うことができる - [大学受験の数学Cの複素数平面で知っていると得する解法集](https://newsite-make.com/complex-solution/) - 大学受験の複素数平面で使える解き方のテクニック集 - [PHPで配列の要素を並び替える方法](https://newsite-make.com/php-array-sort/) - [PHPのwhile文とdo〜while文の違い](https://newsite-make.com/php-while-dowhile/) - [Laravel初心者向けチュートリアルのTODOアプリ③タスクの編集と削除](https://newsite-make.com/laravel-todo3/) - Laravel超初心者の私がTODOアプリの作り方を勉強したのをアウトプットする記事。今回はタスクの編集と削除の実装方法の解説 - [Laravel初心者向けチュートリアルのTODOアプリ②タスクの詳細の表示と追加](https://newsite-make.com/laravel-todo2/) - Laravel超初心者の私がTODOアプリの作り方を勉強したのをアウトプットする記事。今回はフォームに追加したタスクの内容を表示する。 - [Laravel初心者向けチュートリアルのTODOアプリ①タスクの表示](https://newsite-make.com/laravel-todo1/) - Laravel超初心者の私がTODOアプリの作り方を勉強したのをアウトプットする記事。 今回の解説はシーダーファイルに登録した内容を表示する所まで。ネットにあるLaravelのTODOアプリの作り方の解説では情報量が一番多いはず。 - [Laravel初心者向けの無料チュートリアル④つぶやきの編集と削除](https://newsite-make.com/laravel-tweet-app4/) - Laravelのチュートリアルの4回目の解説。今回はつぶやきの編集と削除の解説 - [Laravel初心者向けの無料チュートリアル③つぶやきの作成と保存と表示](https://newsite-make.com/laravel-tweet-app3/) - Laravelの無料チュートリアル。3回目はつぶやきを作成してそれを保存して保存した内容の一覧を表示する方法の解説 - [Laravel初心者向けの無料チュートリアル②ページを表示するまでの流れ](https://newsite-make.com/laravel-tweet-app2/) - Laravelの無料チュートリアルの2回目の解説。今回はルーター・モデル・ビュー・コントローラーが何かとページを表示するまでのコードを書く流れの解説 - [Laravel初心者向けの無料チュートリアル①アプリの初期設定](https://newsite-make.com/laravel-tweet-app1/) - Laravelの完全無料のチュートリアル。作るアプリは自分で呟いた内容が表示されるアプリ。 - [初心者向け。Vue.jsで自作でモーダルの作り方の詳しい解説](https://newsite-make.com/vue-modal/) - [初心者向け。vue.jsで自作のタブの作り方の詳しい解説](https://newsite-make.com/vue-tab/) - [初心者向け。Vue.jsで画像をマウスオーバーした時の切り替えのやり方](https://newsite-make.com/vue-img-change/) - [初心者向け。Vue.jsでトップに戻るボタン(スムーススクロール)の実装方法](https://newsite-make.com/vue-top/) - [初心者向け。Vue.jsで画面をスクロールするとフェードインする方法](https://newsite-make.com/vue-underfade/) - [初心者向け。Vue.jsで作る自作のカルーセルスライダーの解説](https://newsite-make.com/vue-slider/) - [初心者向け。Vue.jsでじゃんけんのミニアプリの作り方の解説](https://newsite-make.com/vue-janken/) - [初心者向け。Vue.jsでおみくじミニアプリの作り方の解説](https://newsite-make.com/vue-omikuji/) - [初心者向け。Vue.jsで数当てミニアプリの作り方を詳しく解説](https://newsite-make.com/vue-point/) - [初心者向け。Vue.jsでタイピングアプリの作り方を詳しく解説](https://newsite-make.com/vue-typing/) - [初心者向け。Vue.jsでクイズアプリの作り方を詳しく解説](https://newsite-make.com/vue-quiz/) - [Vue.jsでキーボードを押して上下左右に動かす(キー入力の)方法](https://newsite-make.com/vue-move/) - [初心者向け。Vue.jsのデジタル時計アプリの作り方を詳しく解説](https://newsite-make.com/vue-clock/) - [超初心者用向け。Vue.jsの反射神経アプリの作り方を詳しく解説](https://newsite-make.com/vue-reflect/) - [初心者用向け。Vue.jsで電卓ミニアプリの作り方](https://newsite-make.com/vue-dentaku/) - [Vue.jsのcomputedとは?methodsの違いと使う場面](https://newsite-make.com/computed-methods/) - vue.jsのmethodsとcomputedの違いとcomputedの使う場面 - [Vue.jsでcomputedではなくwatchを使わないといけない場合](https://newsite-make.com/vue-watch/) - [初心者向け。解説が丁寧なVue.jsのスネークゲーム](https://newsite-make.com/vue-snake/) - [初心者向け。v-bindディレクティブのクラスに対する使い方](https://newsite-make.com/v-bind/) - v-bindディレクティブのクラスに対する使い方 - [Vue.jsを使ったテーブル(表)の作り方](https://newsite-make.com/vue-table/) - [初心者向け。解説が詳しいVue.jsのマルバツゲーム(三目並べ)](https://newsite-make.com/vue-code/) - Vue.jsのマルバツゲームの作り方を詳しく解説 - [初心者向け。Vue.jsで作るコンポーネントを使ったカレンダーアプリ](https://newsite-make.com/vue-calendar/) - Vue.jsで作るカレンダーアプリ - [Vue.jsでサムネ画像をマウスオーバーするとメイン画像が切り替わる](https://newsite-make.com/thumbnail-main/) - サムネ画像をマウスオーバーするとメイン画像が切り替わるのをVue.jsで実装する方法を解説 - [Vue.jsで画像をクリックするとプレビュー画像になる](https://newsite-make.com/vue-preview/) - 画像をクリックするとプレビュー画像になるのをVue.jsで実装する方法を解説 - [Vue.jsの親→子・子→親のコンポーネントにデータを渡す仕組み](https://newsite-make.com/vue-component/) - Vue.jsの親コンポーネントと子コンポーネントの間でデータを渡す仕組み - [Vue.jsでマウスオーバーした時の表示の切り替え](https://newsite-make.com/vue-mouseover/) - Vue.jsでマウスオーバーした時に要素が表示されるコードの解説 - [初心者向け。Vue.jsで作る超簡単なスロットマシンアプリ](https://newsite-make.com/vue-slotmachine/) - Vue.js製の簡単なスロットマシンの作り方を解説。Vue.js初心者が勉強するのに向いている記事 - [Vue.jsのv-bindでボタンをクリックすると他を押せなくする方法](https://newsite-make.com/button-not-click/) - [簡単にできる。Vue.jsでローディングを自作する方法](https://newsite-make.com/vuejs-loading/) - vue.jsで作るローディングは簡単にできるからプラグインではなく記述で作った方がいい - [Vue.jsでクリックするとトップに戻るボタンを自作する方法](https://newsite-make.com/vuejs-top-button/) - vue.jsで最初は非表示になっていてスクロールすると表示されてクリックする事でトップに戻るボタンを自作する方法 - [vue.jsのvue/multi-word-component-namesエラーの対処法](https://newsite-make.com/multi-word-component-names/) - vue.jsでvue/multi-word-component-namesが表示された時の対処法 - [LaravelでInertiaとBreezeを使ってVue3を導入・連携する方法](https://newsite-make.com/laravel-inertia-vue3/) - LaravelでVue3を導入する方法とLaravelから保存したデータベースの情報をVueに渡す方法 - [LaravelとVue3を連携してコントローラーから変数を渡す方法](https://newsite-make.com/laravel-vue3-alignment/) - LaravelとVue.jsのバージョン3を連携する方法とLaravelのコントローラーからvueに変数を渡して画面で表示する方法。解説のやり方なら割と簡単にできるからオススメ。 - [CakePHP3でFormHelperとHTMLHelperの違いと使い方](https://newsite-make.com/cakephp3-formhelper-htmlhelper/) - [CakePHP3でミューテーターを使ってパスワードをハッシュ化する方法](https://newsite-make.com/cakephp3-password-hash/) - [Gitでブランチを切ってプルリクエストしてマージをする流れ](https://newsite-make.com/git-pullrequest-merge/) - [LaravelのBreezeを使った時にパスワードをリセットする方法](https://newsite-make.com/laravel-breeze-password-reset/) - LaravelでBreezeを使ってログイン機能を実装してパスワードのリセットをするには.envファイルでメールの設定をしてphp artisan make:notification ResetPasswordNotificationでnotificationクラスを作成してUserモデルに記述してNotificationクラスを編集すればいい - [Laravelでテーブルに値を登録時にNotificationで通知メールを送る方法](https://newsite-make.com/laravel-notification/) - Laravelでテーブルに値を保存した時に内容を通知メールで送るにはNotificationを使えばいい。php artisan make:notification TaskPublishedで通知機能を使えるようにしてテーブル保存の処理をする際にテーブルの情報を$user->notify(new TaskPublished($taskContent))の引き数に渡せばいい - [MySQL5.7.3から8.1.0にバージョンアップする方法](https://newsite-make.com/mysql-version-up/) - MAMPのMySQLのバージョンを8.1.0にバージョンアップするにはMySQLの8.1.0をインストールしてrootユーザーのパスワードをrootにしてMySQLサーバーを起動してconfig.inc.phpの$cfg['Servers'][$i]['host'] = '127.0.0.1'; を設定すればいい。MySQLのサーバーを起動しないとphpMyAdminにアクセスできないので注意。 - [Laravelの環境変数とは何か?読み込み方・新しく設定する方法](https://newsite-make.com/laravel-environment-variable/) - 環境変数はプロジェクト直下にある.envに記載されていて読み込む時はconifgフォルダの直下にあるファイルから読み込むがわざわざこのファイルから読み込むのはphp artisan config:cacheを叩くと.envが直接読み込まれなくなるから - [最初プログラミングが難しくて辛いのはみんな同じ](https://newsite-make.com/programing-hard/) - プログラミングを始めたての時は分からない事の連続でエラーが出たら解決するのに数時間かかっても普通なので諦めずに勉強してほしい - [Laravelでフォームリクエストを使ってコントローラーにバリデーションをする](https://newsite-make.com/laravel-formrequest-validation/) - [CakePHP4で複数のテーブル情報を使って認証(ログイン)を実装する方法](https://newsite-make.com/cakephp4-many-login/) - [PHPのstr_replace関数の使い方と使用例](https://newsite-make.com/php-strreplace/) - [PHPのstrlen・mb_strlen関数の使い方と使用例](https://newsite-make.com/php-strlen-mbstrlen/) - [CakePHPで1つの語句や複数の語句で検索機能を実装する方法](https://newsite-make.com/cakephp-search-function/) - [PHPのsubstr・mb_substr関数の使い方と使用例](https://newsite-make.com/php-substr-mbsubstr/) - [DockerでPDOをすると「could not find driver」になって大変だった](https://newsite-make.com/docker-pdo/) - [DockerでPHPのアプリを立ち上げてDB(MySQL)に接続する方法](https://newsite-make.com/docker-php-launch/) - [PHPで型宣言(タイプヒンティング)にクラスを使った時の挙動](https://newsite-make.com/php-class-typehinting/) - [CakePHP4でメールを使う方法](https://newsite-make.com/cakephp4-mail/) - [PHP8.0以上で使えるstr_contains関数の使い方と使用例](https://newsite-make.com/php-strcontains/) - [CakePHP3で複数認証(ログイン)を実装する方法](https://newsite-make.com/cakephp3-many-auth/) - [過去の失敗談。プログラミングはスクールに行かなくても大丈夫](https://newsite-make.com/tech-camp-failure/) - テックキャンプはカリキュラムの内容が相当酷いし質問に答えるメンターの中にはカリキュラムの内容を分かってない人もいて質問に答える事ができない人がいる。人間的に変なメンターもいてクレームを出してもその人は相変わらず在籍している。こんな所で勉強してもエンジニアになるのはまず無理だから独学でやった方がエンジニアになれる。 - [Laravel8でのコードレビューのメモ](https://newsite-make.com/laravel-code-review/) - [ローカルでLaravelのコマンドスケジューラを使い定時処理(Cron)をする](https://newsite-make.com/laravel-batch/) - [LaravelのBootメソッドで日付のデフォルト値を登録する方法](https://newsite-make.com/laravel-boot-default-value/) - [PHPのexplode関数の使い方と使用例](https://newsite-make.com/php-explode/) - [サイトのアクセス数が分かるアクセスカウンターをLaravelで実装](https://newsite-make.com/site-accesscounter/) - Laravelでアクセスカウンターを実装してサイトの訪問者の数を表示する方法 - [PHPのマジック定数のFILE・DIR・LINE・FUNCTIONなどの使い方](https://newsite-make.com/php-file-dir/) - 対象フォルダや対象ファイルまでの絶対パスや関数名・クラス名を教えてくれる物をマジック定数という - [Laravelのネットで情報を探しにくいピンポイント実装集](https://newsite-make.com/laravel-point-function/) - ネットで中々見つけることができないLaravelの実装集。ユーザーの編集フォームのチェックボックスのつけ外しで論理削除をする方法。 - [CakePHPで画像をプロジェクト内にアップロード機能を実装する方法](https://newsite-make.com/cakephp-image-upload/) - CakePHP4で画像をアップロードするときは画像をビューから取得してコントローラーに渡してgetClientFilenameメソッドで画像名を取得して画像を配置するパスを指定してmoveToメソッドを使えば実現できる - [Laravelのビューでrouteを使ってリンクを作る時にパラメーターを渡す方法](https://newsite-make.com/laravel-route-parameter/) - [フォーム(input type='file')でファイルを選択した時の画像プレビュー機能](https://newsite-make.com/form-image-preview/) - [CakePHPで作成日と更新日の日付を自動的に入力する方法](https://newsite-make.com/cakephp-auto-date/) - [CakePHPで電話番号を登録するための正規表現を使った雛形コード](https://newsite-make.com/cakephp-tel-register/) - CakePHPを使ってフォームに入力した電話番号をテーブルに登録するにはモデルに->add('tel', 'custom', [ 'rule' => function ($value, $context) { $pattern = '/^0\d{1,3}-\d{3,4}-\d{3,4}$/'; return (bool)preg_match($pattern, $value); }, 'message' => '正しい電話番号形式ではありません。' ]);と記述すればいい - [CakePHP4で特定のコントローラーやアクションでCSRFを無効にする方法](https://newsite-make.com/cakephp4-csrf-invalid/) - CakePHP4で特定のコントローラーやアクションに対してのCSRFを無効にしたいならApplication.phpでskipCheckCallbackメソッドを使ってその中でCSRFを無効にするコントローラーとアクションの指定をすればいい - [CakePHPにCKEditorを導入して記述で画像をアップロードする方法](https://newsite-make.com/cakephp4-ckeditor-upload/) - [CakePHP4にCKEditorをCDNで導入する方法](https://newsite-make.com/cakephp4-ckeditor/) - CakePHP4にCDNを使ってCKEditorを導入するには導入したいページにCKEditorを使う為の設定をすれば簡単に使うことができる - [Linuxでファイルやフォルダの権限(パーミッション)の調べ方と変更方法](https://newsite-make.com/file-directory-privilege/) - ターミナルで「chmod 777 hoge.txt」の777は権限を意味していてそれを文字で表記すると「-rw-r--r--」になる。rは読み・wは書き込み・xは実行を意味する。 - [CSSのbackground-imageで表示する背景画像を簡単に透かす方法](https://newsite-make.com/background-image-opacity/) - CSSでbackground-imageで表示する画像の薄さを変える時にopacityではうまくいかない。「background-image:url("画像のパス"); background-color:rgba(255,255,255,0.7);background-blend-mode:lighten;」と記述するとうまくいく。 - [CakePHPのチュートリアルでMAMPを使ってデータベース接続する時のメモ](https://newsite-make.com/cakephp-tutorial-database/) - CakePHPのチュートリアル(cook book)でMySQLにアクセスできない時はMAMPの場合はデフォルトのユーザー名がrootでパスワードがrootなのでapp_local.phpかapp.phpにそれを設定しないといけない - [MAMPでPHPにパスを通す際につまずいた時の対処法](https://newsite-make.com/mamp-php-pass/) - MAMPでPHPのパスを通すときにうまくいかなかったら.zshrcに記載しているPHPのバージョンの数値の記載が間違っている可能性がある - [CakePHP4で「bin/cake migrations migrate」がエラーになった時の対処法](https://newsite-make.com/cakephp4-migration-error/) - CakePHP4で「bin/cake migrations migrate」がエラーになったらシンボリックリンクが原因かもしれない - [CakePHP4でプロジェクトの中にエラーログを出力する方法](https://newsite-make.com/cakephp4-error-log/) - CakePHP4でgetErrorsを使えば「CakePHPのプロジェクト > logs」の下の階層にエラーログの出力ができる - [CakePHP4系でbakeコマンドを使ってビューファイルを作成できない時の対処法](https://newsite-make.com/cakephp4-cant-make-view/) - CakePHP4でbakeコマンドを使ってエラーが出たらソケットファイルがどこにあるかを指定していないのが原因の可能性がある - [PHPでnullを判定する関数isset・empty・is_nullの違いと使い方](https://newsite-make.com/isset-empty-isnull/) - issetは空っぽも値が入っているとtrueと判定されてNULLの時がfalseになりemptyは0・false・空文字・NULLの時にtrueになりis_nullは変数が宣言されてなかったりNULLの時にtrueになる。 - [Laravel8でチェックボックスの値をテーブルに保存する方法](https://newsite-make.com/laravel-checkbox/) - Laravelでチェックボックスの値をテーブルに保存するポイントはname属性の値をhiddenとしたときにコントローラーかモデルのメソッドに「$request->has('hidden') ? 1 : 0;」と記述すること、このコードの意味はチェックボックスにチェックがついていたらhiddenカラムの値が1になりそうでない場合は0になるという意味。 - [Laravelのトランザクションが何かと2通りの使い方](https://newsite-make.com/laravel-transaction/) - トランザクションはテーブルを経由した処理が失敗した時に処理をしなかったことにする機能。Laravelではtry〜catchかtransactionメソッドがあるがtransactionメソッドは記述量が少なくスッキリしているのでおすすめ。 - [LaravelにJavaScriptでAjaxをしてテーブルに値を保存する方法](https://newsite-make.com/laravel-avascript-ajax/) - laravelでajaxを使ってビューからコントローラーにデータを渡してそれをテーブルに保存するにはJavaScriptでルートの設定・HTTPリクエストの設定・Tokenの設定・コントローラーに渡すデータの設定をしてコントローラーでデータをテーブルに保存する記述をすれば実現できる。 - [初心者向け。Progateの次にやるPHPで簡単なクイズアプリの作り方](https://newsite-make.com/php-quiz/) - ProgateでPHPを勉強した後に丁度いいクイズアプリを勉強してからのアウトプットの内容 - [PHPで$_GETや$_POSTを使った時のWarning: Undefined array keyの解決方法](https://newsite-make.com/php-get-post-error/) - PHPで$_GETや$_POSTを使った時のWarning: Undefined array keyの解決方法。 PHPのバージョンが8以上になると「$_POST['name'];」みたいに「$_POST」を使うとエラーになる。 - [初心者向け。PHPのPOSTとGET($_POSTと$_GET)の違いと使い分け](https://newsite-make.com/php-postget/) - PHPで登場するGETは「URLにパラメーターが付属する」・「文字数に制限がある」・「保存・共有・編集に便利」 でPOSTは「パラメータが見えにくい」・「文字数制限がない」・「セキュリティ的にGETよりは安心できる」。getは情報を取得する時に使ってpostは情報を登録する時に使えばよく状況に応じて使い分ける - [LaravelでGate・Policyを使い認可の設定をして表示や操作の制限をする方法](https://newsite-make.com/laravel-gate-policy/) - LaravelでGateやPolicyを使って認可(その人に権限があるか)を設定する方法。GateはURLから直接入ることができるがPolicyはURLからも入ることができなくなる。 - [CakePHPとVue-cli2でSPA③SPAを実装する](https://newsite-make.com/cakephp-vue-spa3/) - [PHPで配列の要素を追加・削除する方法とサンプルコード](https://newsite-make.com/php-array/) - PHPで配列の要素を追加したり削除するメソッドの解説をしている。削除はarray_splice・unset・array_shift・array_popが使えて追加はarray_push・array_unshift・array_mergeのメソッドが使えれば大丈夫 - [CakePHPでコントローラーから他のテーブルの情報を使う方法](https://newsite-make.com/cakephp-loadmodel/) - CakePHP3で他のテーブルの情報を使うには「$this->loadModel('モデル名')」と記述すればいい。CakePHPのバージョンが3.6以降では「public $モデル名 = null;」の記述もしないと警告が表示される。 - [gitで「error: Your local changes to the following files would be overwritten by merge:」の対処法](https://newsite-make.com/git-merge-error/) - 本番環境で初めて「git pull origin master」をして「error: Your local changes to the following files would be overwritten by merge:」のエラーが出た時にgit statusをしたら本番とローカルの差分が出て原因が分かるかもしれない - [CakePHP3でSeedを使ったらMySQLで文字化けした時の対処法](https://newsite-make.com/mysql-garbled-characters/) - CakePHPでSeedを使ってデータをテーブルに挿入した時に文字化けしてCakePHP内のファイルを編集してもうまくいかない場合はそもそもPHPMyadminでの言語の設定が違う可能性があるので構造(Structure)の項目で言語の設定がutf8_general_ciかを確認した方がいい。 - [CakePHP3・4でFormHelperのlinkメソッドの基本的な使い方](https://newsite-make.com/cakephp-formhelper-link/) - CakePHPのバージョン3と4でこれができればとりあえず大丈夫なFormHelperのlinkメソッドの使い方を説明。アソシエーションや他のテーブル情報をパラメーターにしたリンクの作成方法の解説もしている。 - [CakePHP3で部分的な共通テンプレートを作成する方法](https://newsite-make.com/cakephp3-part-template/) - CakePHP3で部分的な共通テンプレートを作成する場合は Elementの下の階層に〜.ctpを作成してビューファイルでと記述すれば〜.ctpを使うことができる。〜.ctpに変数を使う場合はビューファイルに変数を使う場合と同じでコントローラーから変数を渡せばいい。 - [CakePHP3・4で論理削除(ソフトデリート)を自作する方法](https://newsite-make.com/cakephp-soft-delete/) - CakePHPで論理削除をするには論理削除用のフラグのカラムを用意してデフォルト値をfalse(0)に設定する。Actionsの項目のDeleteボタンを押した時に論理削除のフラグのカラムの値を0から1に変えれば実装できる - [CakePHP3と4でログイン後のリダイレクトを実装する方法](https://newsite-make.com/cakephp-login-redirect/) - CakePHP3と4でログイン後のリダイレクト先を変えるにはUsersコントローラーのloginアクションか全てのコントローラーの大元のAppコントローラーに記述すればいい。リダイレクトを動的にする時にどっちのコントローラーでもできるがloginアクションに記述した方が自然な感じがする。 - [Laravel8でリレーションがうまくいかない・機能しない時に確認すべきこと](https://newsite-make.com/relation-important-point/) - Laravel8でリレーションが機能しない時に確認したほうがいいのは子テーブルのカラムに「親テーブル名_id」があるかと「親テーブル名_id」カラムのデータ型がunsignedBigIntegerになってるかとbelongsTo・hasMany・メソッド名は正しい書き方をしているか。 - [初心者向け。CakePHPにSCSSを導入する方法を詳しく解説](https://newsite-make.com/cakephp-scss-compile/) - CakePHPにSCSSを導入するにはLaravel-mixをインストールしてwebpack.mix.jsにSCSSをCSSに変換する為の記述をしてターミナルでCakePHPのプロジェクトに移動してnpm run watchを叩けばSCSSを書くたびに自動的にCSSに変換できる - [CakePHP初心者向け。バージョン3と4でいいねボタンの実装方法](https://newsite-make.com/like-button/) - CakePHP3と4でいいねボタンを実装する時にライブラリで実装するのを見かけるが記述でも簡単にできるので記述がいい。テーブルにいいね用のフラグのカラムをboolean型で用意してデフォルト値を0に設定していいねボタンを押すことで値を0から1に変えれば実装できる。 - [CakePHP3と4で1つのテーブルに2つのアソシエーションを作る方法](https://newsite-make.com/two-table-association/) - CakePHP3と4で1つのテーブルにアソシエーションを2つ使うには2つアソシエーションをするテーブルに外部キーを2つと架空のモデルを2つ設定する。親テーブル名_idカラムは必要ない。コントローラーに「'contain' => ['親モデル', '架空のモデル1', '架空のモデル2']」と記述すると実装できる。 - [初心者向け。PHPでのreturn(戻り値)の使い方](https://newsite-make.com/php-return/) - PHPでのreturnの使い方と呼び出し元に値を返すの意味を解説 - [ターミナル(Linux)のコマンド一覧メモ](https://newsite-make.com/linux-command/) - [CakePHPとVue-cli2でSPA①CakePHPにVue.jsを導入](https://newsite-make.com/cakephp-vue-spa1/) - [CakePHPとVue-cli2でSPA②コントローラーからVueに変数を渡す](https://newsite-make.com/cakephp-vue-spa2/) - [CakePHPでチェックボックスで選択した画像の名前をテーブルに保存](https://newsite-make.com/cakephp-image-checkbox/) - [CakePHPで「Controller does not implement an isAuthorized() method.」の対処法](https://newsite-make.com/cakephp-access-error/) - [CakePHPで「SQLSTATE[HY000]: General error: 1364 Field 'xxx' doesn't have a default value」の対処法](https://newsite-make.com/cakephp-database-error/) - CakePHPで「SQLSTATE[HY000]: General error: 1364 Field 'xxx' doesn't have a default value」のエラーが出たらモデルの「$_accessible」の項目にカラム名を入れてない可能性がある - [初心者向け。PHPのクラスについて書き方のアウトプットの記事](https://newsite-make.com/php-class/) - [PHP初心者向けのTODOアプリの作り方⑤パスワードのハッシュ化と検索機能](https://newsite-make.com/php-todo4/) - MAMPのMySQLを使ったPHP初心者向けののTODOアプリの作り方。パスワードのハッシュ化はパスワードを文字列に変えて自分以外はわからなくする方法でpassword_hash( )とpassword_verify( )を使う。簡単な検索機能はSQLでSELECT文にLIKE句を使えば実装できる - [PHP初心者向けのTODOアプリの作り方④新規todoの作成](https://newsite-make.com/php-todo-new/) - MAMPのMySQLを使ったPHP初心者向けののTODOアプリの作り方。今回の解説は新規のtodoの作り方でlogin.phpの実装方法とほとんど同じだが今回のSQL文は「"INSERT INTO posts (title, content) VALUES (:title, :content)";」になる。 - [PHP初心者向けのTODOアプリの作り方③todoの削除機能と編集機能](https://newsite-make.com/php-todo3/) - MAMPのMySQLを使ったPHP初心者向けののTODOアプリの作り方。削除機能は選択したidをpostsテーブルから探して該当するレコードを削除する。編集機能も選択したidをpostsテーブルから探して編集ページに該当するレコードのカラムの情報を渡して編集した内容をtodo一覧のページに反映させる。 - [PHP初心者向けのTODOアプリの作り方②ログインページとtodoを表示するページの作成](https://newsite-make.com/php-todo2/) - MAMPのMySQLを使ったPHP初心者向けのTODOアプリの作り方の記事。今回はログインページを作り前回の解説で作成した「db_connect();」を使って設定した名前・パスワードとフォームに入力した名前・パスワードが同じならログインしてそれから表示するページを作成してテーブルの内容を表示できるようにするまで。 - [PHP初心者向けのTODOアプリの作り方①MySQLに接続する設定](https://newsite-make.com/php-todo1/) - MAMPのMySQLを使ったPHPのTODOアプリの作り方の内容を忘れないために後で見た時に思い出せるようにするための自分へのメモの記事。今回はMySQLに接続する所まで。 - [MAMPでMySQLに接続してERROR 1045 (28000)が出た時の対処法](https://newsite-make.com/mamp-mysql-loginerror/) - MAMPでMySQLに接続する時にエラーになって「ERROR 1045 (28000)」が表示される場合は「mysql -u user -p」の前に「./」をつけ忘れてないかを確認した方いい。 - [PHPで「SQLSTATE[HY000] [2019] Unknown character set」が出た時の対処法](https://newsite-make.com/php-pdo-error/) - PHPでログイン画面を作ってログインしようとした時に「SQLSTATE[HY000] [2019] Unknown character set」のエラーになったらエラー内容の「character set」からPDOを使っている所のcharsetの値が間違っている可能性があるので疑った方がいい - [LaravelのBreezeのログイン機能で作ったユーザー情報の編集機能](https://newsite-make.com/laravel-profile-edit/) - [初心者向け。当月だけを表示するカレンダーアプリをPHPで作る方法](https://newsite-make.com/php-calendar/) - [初心者向け。セキュリティ対策を含んだPHPのお問い合わせフォーム](https://newsite-make.com/php-contact/) - PHPで作るセキュリティ対策を含んだお問い合わせフォームの作り方 - [ProgateのPHPコースのメニュー表の作り方](https://newsite-make.com/progate-php-menu/) - ProgateでPHPコースを勉強している際のメニュー表の作り方のアウトプットの記事 - [PHPのprint_r()とvar_dumpの違いをまとめた](https://newsite-make.com/php-printr-vardump/) - PHPのprint_r()とvar_dump()の違いを解説。var_dump()の方が情報が詳しくなるので使いやすいと思う - [PHPでcsvファイルを配列に変換して表示する方法](https://newsite-make.com/php-csv/) - phpでcsvファイルの中身を表示する方法を詳しく解説 - [CakePHPのルーティング(routes.php)のルート設定についてのメモ](https://newsite-make.com/cakephp-routes/) - [「Deprecated: Use of `BaseErrorHandler` and subclasses are deprecated. 」の対処法](https://newsite-make.com/cakephp-toppage-error/) - CakePHPのトップページに「Deprecated: Use of `BaseErrorHandler` and subclasses are deprecated. 」が表示されたら「config/bootstrap.php」を修正しないといけない - [Laravelのみでクイズアプリを作る方法④クイズ問題を編集・削除する方法](https://newsite-make.com/laravel-quiz4/) - [Laravelのみでクイズアプリを作る方法②管理人が問題を作成する](https://newsite-make.com/laravel-quiz2/) - Laravelのみでクイズアプリを作る方法の解説の記事。今回の解説は管理者のみに管理者用のページのリンクを表示する方法。 - [Laravelのみでクイズアプリを作る方法③同じユーザーの結果を違うデータとしてテーブルに保存](https://newsite-make.com/laravel-quiz3/) - Laravelのクイズアプリでユーザーがクイズの回答を全て終わるたびに正解数をテーブルに保存するのをSessionを使って実装する方法 - [Laravelで二重送信時の419ページを自作する方法とSESSIONを無効にする方法](https://newsite-make.com/laravel-419page-original/) - [Laravelでカラムの値が配列のデータをビューに表示する方法](https://newsite-make.com/columnarray-view-display/) - [SQLiteを終了できなくなった時の対処法](https://newsite-make.com/sqlite-quit/) - [Laravelで特定のカラムの値を大きい順に取得する方法](https://newsite-make.com/laravel-order/) - Laravelで大きい順にデータを並べるには「モデル名::orderBy('並び順を考えるカラム名', 'DESC')->get();」とする、小さい順位並べるならDESCをASCにすればいい。データが数値型の場合はこれでうまくいくが数値型ではない場合は「CAST」でデータ型の変換をしないといけない。 - [Laravelで「Call to a member function format() on string」の対処法](https://newsite-make.com/laravel-format-error/) - [Laravelでテーブルの内容をcsvにてダウンロード(エクスポート)する方法](https://newsite-make.com/laravel-csv-download/) - [初心者向け。ターミナルからMAMPのMySQLに簡単に接続する方法](https://newsite-make.com/terminal-mysql/) - MacのバソコンでターミナルからMAMPのMySQLに接続するにはMAMPを起動してターミナルで「cd /Applications/MAMP/Library/bin/」のコマンドを入力して「./mysql -u root -p」を入力するとパスワードを聞かれるので「root」と入力するとMySQLに接続した状態になる。 - [Add [] to fillable property to allow mass assignment onの対処法](https://newsite-make.com/laravel-model-error/) - Laravelで「Add [〜] to fillable property to allow mass assignment on モデル」が表示されたらモデルでfillableの設定をしていない可能性がある - [Laravelで投稿記事を削除した時にアイキャッチ画像を削除する方法](https://newsite-make.com/laravel-eyecatch-delete/) - Laravelでブログサイトを作った時に記事を削除する際にアイキャッチ画像も削除した方がサーバーを圧迫しないので削除できるようにする。今回の解説はコントローラーのメソッドの引数にモデルを使わない場合の解説 - [初心者向け。Laravel×Vue3にVue Router4を導入する方法](https://newsite-make.com/laravel-vue-router/) - Laravel×Vue3にVue Router4を導入する方法。使うコンポーネントの中身を簡単にしているのと複雑な説明をしてないので導入しやすいと思う。 - [Laravelでデータベースを使わずBasic認証する方法](https://newsite-make.com/laravel-basic-certification/) - Laravelでデータベースを使わずBasic認証をするのは簡単にできるが一度認証に通るとずっと認証が通ったままになるから重要なページでは使わない方がいい。 - [Laravel/uiでログインバリデーションを実装する方法](https://newsite-make.com/laravel-ui-validation/) - Laravel/uiでログイン機能を実装した場合はAuthenticatesUsers.phpに追記すればいい。 - [Laravelでレート制限を使って大量アクセスを防ぐ方法](https://newsite-make.com/laravel-rate-limit/) - Laravelで1分間にアクセスする回数を設定をするレート制限は簡単に実装できる。 - [Laravelでデータベースの情報をchart.jsに反映させる方法](https://newsite-make.com/laravel-chartjs-database/) - Laravelのデータベースの情報をchart.jsに反映させてビューに表示する方法 - [Laravelのスケジュール付きカレンダーアプリ①カレンダーの作成](https://newsite-make.com/laravel-schedule-calendar1/) - スケジュールの機能があるカレンダーをLaravelで作る方法。今回の解説はカレンダーの作成 - [Laravelのメソッドインジェクションについて調べた](https://newsite-make.com/laravel-method-injection/) - Laravelのメソッドインジェクションについて調べて知った内容をアウトプットした記事 - [Laravelで「Replace {{ $xxx }} with {{ $xxx ?? '' }}」が何を調べた](https://newsite-make.com/laravel-null-union-operation/) - Laravelで「??」はnull合体演算子 - [LaravelでSQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES)が出た時の対処法](https://newsite-make.com/php-artisan-migrate/) - SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES)が出た時はキャッシュが残っているのが原因かもしれない - [秘密鍵を使ったSSH接続で「WARNING: UNPROTECTED PRIVATE KEY FILE!」と表示された時の対処法](https://newsite-make.com/secret-key-ssh-connection/) - xserverで秘密鍵をダウンロードしてssh接続をした時にWARNING:UNPROTECTED PRIVATE KEY FILE!と表示された時の対処法 - [Laravelでnpm run devをしたらnpm ERR! code ELIFECYCLEになった時の対処法](https://newsite-make.com/laravel-npm-trouble-resolve/) - [Laravelでajaxを使っている時の500 (Internal Server Error)の対処法](https://newsite-make.com/laravel-ajax-500-error/) - Laravelでajaxのエラーが出て500になった時のエラーの解決方法 - [LaravelでURLのslugの値をidカラム以外のカラムの値にする方法](https://newsite-make.com/laravel-url-custom/) - LaravelでURLの末尾の値はidカラムの値が使われているがそれを他のカラムの値にする方法 - [Laravel-Mixを使っている時のbackground-imageの書き方](https://newsite-make.com/laravel-mix-background-image/) - Laravel-Mixを使っている時にbackground-imageを使うとscssのパスとcssのパスが異なるので画像が表示されなくなる - [初心者向け。LaravelでCRUDにおける削除機能の作り方](https://newsite-make.com/laravel-delete-function/) - LaravelでCRUDの削除機能をdeleteでやる方法の解説 - [Laravelで非同期通信を使ってチャットアプリを作る方法](https://newsite-make.com/laravel-ajax-chat/) - Laravelで画面の読み込みをせずにチャットができるアプリをjQueryでajaxを使って実装する方法 - [Larave8で無料のリッチテキストエディタのsummernoteを導入する方法](https://newsite-make.com/laravel-summernote/) - Laravelでリッチテキストエディタのsummernoteを導入する方法を解説している。とりあえず今回の解説のやり方をすればsummernoteが導入できるはず。 - [Laravelのバージョン指定したSailの導入とコマンドの省略とphpMyAdminの作成](https://newsite-make.com/laravel-sail/) - Laravelのバージョンを指定してLaravel Sailを導入する方法とコマンドをショートカットする方法 - [composer require laravel/uiでエラーが出た時の対処法](https://newsite-make.com/laravel-ui-error/) - Laravel8でcomposer require laravel/uiのエラーが出たのでエラー内容を読んでネット通りのやり方で上手くいかなかったのでさらにやり方を調べた - [LaravelでBreezeを使った時にログイン画面が崩れるのを直す](https://newsite-make.com/breeze-screen-crash/) - LaravelでBreezeをインストールした時にログイン画面とアカウント登録画面が崩れるのを元に戻す方法 - [初心者向け。Dockerを使ってLaravelの環境構築をする方法](https://newsite-make.com/docker-laravel/) - DockerでLaravelの環境構築をする方法を詳しく解説 - [docker-compose up -dでERROR: for xx Cannot create container for service xx: Conflictと表示された時の対処法](https://newsite-make.com/docker-error/) - docker-compose up -dでERROR: for db Cannot create container for service xx: Conflictの対処法 - [Laravelでユーザー登録の際にアバターも一緒に登録する方法](https://newsite-make.com/laravel-register-avatar/) - Laravelでユーザー登録の画面でアバターを登録する方法を詳しく解説した記事 - [LaravelでWARNINGS in child compilationsが出た時の対処法](https://newsite-make.com/laravel-warnings-handle/) - LaravelでWARNINGS in child compilationsが出た時の対処法 - [Laravel8でログインURLとアカウント登録URLを変える方法](https://newsite-make.com/laravel8-login-register-change/) - Laravelでログイン機能をBreezeで実装した時にログインURLとアカウント登録URLを変更する方法 - [Laravelで1対多リレーションを使ったいいね機能の作り方](https://newsite-make.com/laravel-good-function/) - [LaravelのEloquentリレーションとは?1対1についてのまとめ](https://newsite-make.com/laravel-relation/) - Laravelのリレーションが何かと1対1の記述のやり方の解説 - [JavaScriptで自動スライダーを自作する方法](https://newsite-make.com/javascript-auto-slider/) - JavaScriptでスライダーを自作する方法を解説しているが難しいコードの書き方をしてないので初心者でも理解できると思う - [初心者向けのLaravelでECサイト制作③カートの商品を購入と発展内容](https://newsite-make.com/laravel-tutorial-ecsite3/) - LaravelでECサイトを作るチュートリアル。今回解説している内容はマイカートの商品を購入するのと発展系の内容 - [SQLSTATE[HY000]: General error: 1364 Field xxxxxxx doesn't have a default valueの対処法](https://newsite-make.com/laravel-column-error/) - Laravelで「 SQLSTATE[HY000]: General error: 1364 Field xxxxxxx doesn't have a default value・・・」のエラーが出た時の対処法 - [Laravel SailやDockerで画像をデータベースに保存できない時の対処法](https://newsite-make.com/laravel-sail-image-store/) - Laravel SailやDockerでシンボリックリンクを作成する位置が違うと画像を表示できなかったりほぞんできないs - [Laravelでリレーションを使ったコメント機能とコメント数の表示](https://newsite-make.com/relation-comment-function/) - [Laravelで投稿順ではなく期限順にリストを並べる方法](https://newsite-make.com/laravel-list-deadline/) - Laravelでリストを期限順に並べるならLaravel Collectiveを使うと実現できる。 - [Laravelで多対多リレーションを使い権限を付与・外す機能](https://newsite-make.com/relation-admin-management/) - 多対多リレーションの説明と中間テーブルを利用してattachメソッドとdetachメソッドによる権限の付与・外す方法の解説 - [LaravelでStorageの下の階層にある画像を削除する方法](https://newsite-make.com/storage-floor-image-delete/) - [初心者向け。最低限やるコーディングでの保守性が強いCSS設計](https://newsite-make.com/css-design/) - 実務未経験者が知っておくと実務を始めた時にcssで大変な思いをしなくて済むサイトの保守性が上がるcssの書き方 - [Laravelでユーザー登録時に確認メールを送る方法](https://newsite-make.com/laravel-confirmation-mail/) - Laravelでユーザー登録をした時に確認画面と確認メールを実装する方法と確認画面と確認メールの内容をカスタムする方法 - [Laravelのアクションのカッコの中の「Request $request」を調べた](https://newsite-make.com/laravel-action-request/) - Laravelのコントローラーのアクションのカッコの中にRequest $requestがあるが何か分からないので調べてまとめたきじ - [composer require laravel/uiが何かとBootStrapの導入方法](https://newsite-make.com/composer-require-laravel-ui/) - composer require laravel/uiが何かとこれを使ってBootStrapを導入する方法を解説 - [ターミナルを使ってGitでJavaScriptのアプリを公開する方法](https://newsite-make.com/git-javascript/) - Gitで初めてプッシュする人がとにかくこうすればプッシュができる方法を解説 - [multipart/form-dataが何なのかを調べた](https://newsite-make.com/multipart-form-data/) - [プログラミングを始めたての人が挫折しない為の勉強や行動](https://newsite-make.com/programing-frustration/) - プログラミングを始めたての人が挫折しない為にした方がいい勉強方法・やめた方がいい行動を解説している - [初心者向けのLaravelでECサイト制作②マイカートに商品の追加と削除](https://newsite-make.com/laravel-tutorial-ecsite2/) - Laravel初心者向けのECサイトを作るチュートリアル。今回の解説は商品一覧ページの商品をマイカートに追加するのとマイカートの商品を削除する所まで。 - [初心者向けのLaravelでECサイト制作①初期設定と登録商品の表示](https://newsite-make.com/laravel-tutorial-ecsite1/) - Laravelで簡単なECサイトを作る為のチュートリアル。1回目の解説はサイトを作る為の初期設定と商品をデータベースに登録してそれを商品一覧ページに表示するまで - [JavaScriptでzozotwonみたいな画像拡大機能の作り方](https://newsite-make.com/image-zoom/) - [Laravelの1対多リレーションとは何かと記述方法のまとめ](https://newsite-make.com/one-to-many-relation/) - Laravelの1対多リレーションの考え方とコードの書き方のまとめ - [LaravelでwhereやorWhereを使ってテーブルデータの絞り込み](https://newsite-make.com/laravel-where-orwhere/) - Laravelでwhereを複数回使ったりwhereとorWhereを使ってデータベースの情報を絞り込んで取得する方法 - [スクロール時にcssで固定するposition:stickyの使い方と効かなくなる場合](https://newsite-make.com/css-position-sticky/) - 画面を縦にスクロールした時にposition:stickyで要素を固定する方法と効かない場合の対処法を解説 - [Laravel-Mixでscssを使えるようにする方法](https://newsite-make.com/laravel-mix/) - Laravelでscssをcssに変換してくれるLaravel Mixの使い方 - [Laravelのregister.blade.phpの「__('Name')」が何かを調べた](https://newsite-make.com/laravel-underbar-name/) - LaravelのBreezeを調べている時にregister.blade.phpの「__('Name')」 が気になったので調べた記事 - [LaravelでCSRFを利用した多重送信対策とブラウザリロード対策](https://newsite-make.com/csrf-multiplex-send-measures/) - Laravelでトークンを利用してブラウザバックでの再送信をできなくする方法と画面をリロードした時にエラーにする方法 - [Laravelでデバッグをするlaravel-debugbarを導入する方法](https://newsite-make.com/laravel-debugbar/) - [LaradockのMySQLの日本語の文字化けを解消する方法](https://newsite-make.com/laradock-mysql-language/) - LaradockのMySQLのテーブルの日本語の文字が「?」になるのを日本語で表示する方法 - [実務で使えるtableタグとcssを合わせて使う小技](https://newsite-make.com/table-technique/) - tableタグで表を作った時にレイアウトをカスタムする方法。画面を狭くした時に横にスクロールして表を画面内に収める方法も解説。 - [CSSがsafariで反映されないバグが出た時の対処法](https://newsite-make.com/css-safari/) - chromeや他のツールではちゃんと表示されるのにsafariではcssが反映されない際の対処方法 - [Laravelのミドルウェアが何か分からなくてまとめた](https://newsite-make.com/laravel-middleware/) - LaravelのBreezeをインストールした時にミドルウェアがあって何かが分からなくて調べた内容をまとめた記事 - [Laravel8で3項演算子を使ってCSSを切り替える方法](https://newsite-make.com/laravel-css-change/) - LaravelでBladeのある部分に対してページによって付けるCSSを切り替える方法 - [JavaScriptで実装するスムーススクロールの実装方法を完璧に解説](https://newsite-make.com/javascript-smoothscroll/) - JavaScriptでスムーススクロールを実装するのは難しくない。ヘッダーを固定する場合と固定しない場合でやり方が若干変わるのでちゃんと理解した方がいい - [初心者向け。Laravelの@yield・@extends・@sectionについて解説](https://newsite-make.com/yield-extends-section/) - Laravelの@yieldと@extendsと@sectionの関係を例えを使って分かりやすく解説 - [画面スクロールでのフェードインをJavaScriptで実装する方法](https://newsite-make.com/javascript-fadein/) - 画面をスクロールするとフェードインするのをピュアJavaScriptで実装する方法の解説。今回は下からフェードインする方法を解説するが理解できれば上下左右からのフェードインを実装する事ができる。 - [Laravelのバージョン8でvue.jsを連携してコンポーネントで使う方法](https://newsite-make.com/laravel8-vuejs/) - Laravelにvue.jsを連携してvue.jsのコンポーネントを使う方法を解説 - [Breezeをインストールした時の「x-app-layou」と「x-slot」](https://newsite-make.com/xapplauout-xslot/) - [Breezeでログイン認証とエラーメッセージを日本語にする方法](https://newsite-make.com/laravel-breeze-japanese/) - LaravelBreezeで日本語化されていない文字を日本語にする方法 - [マリオ風のアクションゲームの作り方① ブロックの上をジャンプして進む](https://newsite-make.com/javascript-mario1/) - [webpackが何なのかを自分なりに調べてまとめた](https://newsite-make.com/webpack/) - webpackを知らずに使うのはよくないと思って何が行われているかを調べた記事 - [よく見かけるNode.js・npm・npx・yarnが何かをまとめた](https://newsite-make.com/node-npx-npx-yarn/) - Node.js・npm・npx・yarnはプログラミングを始めた時は何をしているか分からずとりあえず使っていたがちゃんと理解した方がいいと思ってまとめた記事 - [Macでzsh: command not found: nodeと表示された時の対処法](https://newsite-make.com/node-not-found/) - nodeは入れているのに 「zsh: command not found: node」と表示される時の対処法 - [macでエンジニアがパスを通すって何?zsh・bashって何?](https://newsite-make.com/mac-zsh-bash/) - macでパスを通すって何なのかが分からなかったので調べてまとめた記事j。zshとbashの違いも知らないといけない。 - [cssの小技集。実務で教えてもらった役立つemの便利な使い方](https://newsite-make.com/css-em/) - 実務でコーダーから教えてもらった調節に役に立つ単位のemの使い方 - [スマホで見た時のYouTube動画の自動再生をコピペで作る方法](https://newsite-make.com/youtube-auto-play/) - スマホサイズでYouTubeの動画を自動再生する方法。このやり方でうまくいくはず。 - [HTMLで使い方が分かりにくいpictureとfigureの使い所](https://newsite-make.com/html-picture-figure/) - コーディングをする時にfigureは使わなくてもいいと思うけどpictureはレスポンシブでの画像の切り替えに有効なので使える様にした方がいい - [laradockで「docker-compose exec mysql bash」が無反応だった時の対処](https://newsite-make.com/laradock-no-reaction/) - laradockでMySQLに接続するために「docker-compose exec mysql bash」を何度入力しても無反応だった時に解決できた対処法 - [初心者向けのgulpの導入④自動的に画面が読み込まれるブラウザシンク](https://newsite-make.com/browser-sync/) - 今回の解説はgulpを起動した時にブラウザが自動的に立ち上がるブラウザシンクとHTMLやscssを変更した時に画面が自動更新する方法の解説 - [初心者向けのgulpの導入③エラーメッセージとソースマップ](https://newsite-make.com/gulp-message-sorcemap/) - 今回の解説はデベロッパーツールにscssのファイル内容の表示とscssのコンパイルエラーが出た時にgulpが止まらないようにするのとエラー内容の表示 - [初心者向けのgulpの導入②ベンダープレフィックスを付ける](https://newsite-make.com/gulp-autoprefixer/) - 今回はベンダープレフィックスを自動的に付けるAutoprefixerの設定の解説。 - [Laravelでログイン前とログイン後の表示の切り替え](https://newsite-make.com/laravel-login-logout/) - Laravelでログイン前とログイン後で表示の切り替えを変えるのは簡単にできると思う - [Laravelでフォームで登録した画像をデータベースに保存して表示する方法](https://newsite-make.com/laravel-image/) - Laravelでフォームに入力した画像をデータベースに保存してブラウザに表示する方法。書き方に癖があるからやり方を覚えないといけない - [初心者向け。Laravel8でTailwindCSSを簡単に導入する方法](https://newsite-make.com/laravel-tailwindcss/) - Laravel8でTailwindCSSを簡単に導入する初心者向けの方法を解説 - [初心者向けのgulpの導入①gulpでscssをcssに変換する](https://newsite-make.com/gulp-introduction/) - gulpを導入した事がない人が導入するための解説の記事。今回はgulpを動かしてscssをcssに変換する所ま - [初心者向け。JavaScriptで作るカレンダーアプリ](https://newsite-make.com/javascript-calendar/) - ProgateでJavaScriptを勉強した後に勉強するのに向いているカレンダーアプリ - [Netlifyでnodeのバージョン違いでデプロイできない場合の対処法](https://newsite-make.com/netlify-deploy/) - Netlifyでデプロイできなかった時の対処法 - [「.bash_profile」を直接またはターミナルから編集する方法](https://newsite-make.com/bashprofile-edit/) - .bash_profileをエディタで直接編集するかターミナルから編集する方法 - [初心者向け。JavaScriptで作る多分簡単なクイズアプリ](https://newsite-make.com/javascript-quiz/) - 初心者向け。JavaScriptで作る多分簡単なクイズアプリ - [初心者向け。JavaScriptで簡単に作れるTODOアプリ](https://newsite-make.com/javascript-todo/) - JavaScriptでTODOアプリの作り方を解説。説明を細かくしているのでJavaScript初心者にも恐らく理解できるはず。 - [JavaScriptで作るテトリスアプリ①テトロミノの表示](https://newsite-make.com/javascript-tetris1/) - YouTubeでJavaScriptを使ったテトリス作成を勉強してから学んだ知識を忘れないようにするためのアウトプットの記事。今回はテトロミノをフィールド上で表示する。 - [JavaScriptで作るテトリスアプリ②テトロミノの移動](https://newsite-make.com/javascript-tetris2/) - YouTubeでJavaScriptを使ったテトリス作成を勉強してから学んだ知識を忘れないようにするためのアウトプットの記事。今回はテトロミノをフィールド上で動くことができるようにする。 - [JavaScriptで作るテトリスアプリ③ テトロミノの移動](https://newsite-make.com/javascript-tetris3/) - YouTubeでJavaScriptを使ったテトリス作成を勉強してから学んだ知識を忘れないようにするためのアウトプットの記事。今回はテトロミノを回転できるようにする。 - [JavaScriptで作るテトリスアプリ④テトロミノが一番下に着いた時の処理](https://newsite-make.com/javascript-tetris4/) - YouTubeでJavaScriptを使ったテトリス作成を勉強してから学んだ知識を忘れないようにするためのアウトプットの記事。今回はテトロミノが一番下に来た時に次のテトロミノが現れるようにする。 - [テトリスアプリのアウトプット⑤他のテトロミノの作成](https://newsite-make.com/javascript-tetris5/) - YouTubeでJavaScriptを使ったテトリス作成を勉強してから学んだ知識を忘れないようにするためのアウトプットの記事。今回は他のテトロミノを作成してそれに色を付ける。 - [テトリスアプリのアウトプット⑥最後の仕上げ](https://newsite-make.com/javascript-tetris6/) - YouTubeでJavaScriptを使ったテトリス作成を勉強してから学んだ知識を忘れないようにするためのアウトプットの記事。今回は一番下の行のテトロミノが揃った時の消える処理と一番上まで積み重なった時のゲームオーバーの処理。 - [JavaScriptで神経衰弱アプリを作ったアウトプットの記事](https://newsite-make.com/javascript-shinkeisuijyaku/) - JavaScriptで神経衰弱を作ったアウトプットの記事 - [初心者向け。JavaScriptのクラスの考え方のまとめ](https://newsite-make.com/javascript-class/) - progateでJavaScriptのクラスを勉強し直した内容をまとめた記事 - [初心者向け。JavaScriptのタイピングゲームの作り方](https://newsite-make.com/javascript-typing-game/) - JavaScript製のタイピングゲームの作り方 - [JavaScriptでエラーが出てネットの情報や試行錯誤して解決できた内容](https://newsite-make.com/javascript-trouble/) - JavaScriptで動かなかったりエラーが出てネットの情報でやっと解決できたり自分で試行錯誤することで解決できた内容のメモ。 - [MAMPでエラーログをターミナル上に表示する方法](https://newsite-make.com/mamp-errorlog/) - [ローディングの%表示をJavaScriptの記述で実装する方法](https://newsite-make.com/javascript-loading/) - 定番のローディングを%表示するのをJavaScriptの記述でやる方法を解説 - [初心者向け。コピペでもできるJavaScriptで作るハンバーガーメニュー](https://newsite-make.com/javascript-hamburgermenu/) - [ピュアJavaScriptで多分簡単に実装できるパララックス](https://newsite-make.com/javascript-parallax/) - ピュアなJavaScriptで作るパララックスの実装方法を解説。 - [画像をマウスオーバーした時に画像の切り替えをJavaScriptで実装](https://newsite-make.com/javascript-imagechange/) - 画像をマウスオーバーした時に画像が切り替わるのをJavaScirptで実装するが複雑なコードはなく再現性も高いのでJavaScript初心者におすすめ - [タブのクリックで中身の切り替えをJavaScriptで実装する方法](https://newsite-make.com/tabclick-contentchange/) - タブをクリックすると中身の表示が切り替わるのをJavaScriptで実装する方法を解説 - [JavaScriptでサムネ画像をクリックしてメイン画像の切り替え](https://newsite-make.com/main-thumbnail/) - サムネ画像をクリックするとメインの画像が切り替わるのをJavaScriptで実装 - [JavaScriptでサイト訪問時に1回だけ表示するモーダルウィンドウ](https://newsite-make.com/javascript-modalwindow/) - サイト訪問時に1回だけ表示されるモーダルウィンドウをJavaScriptで実装。sessionStorageを使ってデータの保存をする。 - [JavaScriptでサムネ画像をマウスオーバーしてメイン画像の切り替え](https://newsite-make.com/javascript-mainimg-change/) - サムネイル画像をマウスオーバーした時にメイン画像が切り替わるのを生JavaScriptで実装する方法を解説 - [画面を縦スクロールした時に部分的な横スクロールをGSAPで実装](https://newsite-make.com/javascript-gsap/) - 画面を縦にスクロールしてある地点までスクロールした時に横スクロールに切り替えるのをJavaScriptのライブラリのGSAPで行う方法を解説 - [トップに戻るスムーススクロールを生JavaScriptで実装する方法](https://newsite-make.com/javascript-topscroll/) - WEBサイトを作る時によくあるボタンをクリックするとページの一番上に移動するスムーススクロールを生のJavaScriptで実装する方法 - [要素をマウスオーバーした時にJavaScriptで背景色を変える方法](https://newsite-make.com/javascript-backgroundcolor/) - WordPressの記事の部分をマウスオーバーした時にタイトルの背景色を変えるのをJavaScriptで実装する方法 - [WEBGLの学習メモ①THREE.jsで正方形の作成](https://newsite-make.com/webgl-threejs/) - 3Dサイトを作るための考え方でWEBGLがあり難易度が高すぎるので少しずつ学習するが初心者過ぎる為に勉強した内容をすぐに忘れるが忘れない為の自分へのメモ - [WEBGLの学習メモ②THREE.jsで雪だるまの作成](https://newsite-make.com/webgl-snowman/) - THREE.jsで雪だるまを作った時の学習メモ - [WEBGLの学習メモ③THREE.jsでメッシュに画像を使う](https://newsite-make.com/mesh-image/) - THREE.jsで作った3Dグラフィックのマテリアルに画像を使う方法の学習メモ - [vivus.jsとJavaScriptでsvgにアニメーションを簡単につける](https://newsite-make.com/svg-animation/) - JavaScriptとvivus.jsでロゴやファーストビューの文字にアニメーションを付ける方法。とりあえずロゴにアニメーションを付けるなら解説のやり方が一番簡単 - [画面スクロールで背景色が伸びるのをJavaScriptで実装する方法](https://newsite-make.com/background-color-expand/) - [初心者向け。JavaScriptで自作の自動スライドショーの実装方法](https://newsite-make.com/javascript-slideshow/) - 初心者向けのJavaScriptの自動スライドショーを記述で実装する方法。コードを理解した方がカスタムが効くのでなるべく理解した方が - [初心者向け。Flexboxで画像が縦に伸びる時の2つの対処法](https://newsite-make.com/flexbox-img-extension/) - flexboxで画像が縦に伸びるのを解消する方法は2通りある - [LaradockのMySQLに接続してデータベースの操作をする方法](https://newsite-make.com/laradock-mysql-connection/) - Laravel超初心者の私がLaradockでMySQLに接続してデータベース操作をできるようにする方法を解説う - [Laravelで困った時にググり続けて解決した内容](https://newsite-make.com/laravel-trouble/) - Laravelを0から始めた私がエラーが出て悩んだ時の解決方法 - [超初心者の自分が調べたLaravelの用語](https://newsite-make.com/laravel-term/) - Laravel超初心者の私が知らない用語をまとめた記事 - [cssのflex-grow・flex-shrinkプロパティの実務で役立つ使い方](https://newsite-make.com/flex-grow-shrink/) - 実務で使えるflex-growとflex-shrinkの使い方 - [スクロールで1画面移動(スクロールスナップ)をコピペでやる方法](https://newsite-make.com/scroll-snap/) - コピペでできるスクロールした時に1画面ごと移動する方法を解説 - [複数行の文字を横方向真ん中に並べるならCSSのwidth:fit-content](https://newsite-make.com/width-fit-content/) - 複数行の文字を真ん中に並べるならwidthの値を指定すると画面幅に応じて調節しないといけないけどwidth:fit-contentにすれば文字の長さを要素の横の長さにできるからおすすめ - [超初心者向け。LaradockでLaravelの環境構築をする方法](https://newsite-make.com/laravel-laradock/) - Laravel超初心者の私がLaradockでLaravelのアプリを起動する方法を解説 ## 固定ページ - [プライバシーポリシー](https://newsite-make.com/privacy-policy/) - [vueは友達へようこそ](https://newsite-make.com/profile/) - [sample-markup](https://newsite-make.com/sample-markup/) ## ダウンロード - [波線の画像](https://newsite-make.com/download/5216/?tmstv=1783775417) - [カスタム用のデータ](https://newsite-make.com/download/5166/?tmstv=1783775417) - [サイト作成練習用のデータ](https://newsite-make.com/download/5150/?tmstv=1783775417) - [WordPressチュートリアルのデータ](https://newsite-make.com/download/4979/?tmstv=1783775417) - [マルの画像](https://newsite-make.com/download/3490/?tmstv=1783775417) - [サムネイルをマウスオーバーするとメイン画像が変わるに使う画像](https://newsite-make.com/download/3279/?tmstv=1783775417) - [タイピングアプリ用の画像](https://newsite-make.com/download/2536/?tmstv=1783775417) - [おみくじアプリ用の画像](https://newsite-make.com/download/2418/?tmstv=1783775417) - [チュートリアルを勉強した人用のコーディングデータ](https://newsite-make.com/download/2297/?tmstv=1783775417) - [デザインカンプ(おまけ)](https://newsite-make.com/download/1607/?tmstv=1783775417) - [オリジナルテーマ](https://newsite-make.com/download/604/?tmstv=1783775417) - [sidebar-single.php](https://newsite-make.com/download/312/?tmstv=1783775417) ## カテゴリー - [コーディングの練習](https://newsite-make.com/category/abc/) - [JavaScript jQuery](https://newsite-make.com/category/javascript-jquery/) - [Laravel](https://newsite-make.com/category/laravel-php/) - [HTML CSS](https://newsite-make.com/category/html-css/) - [大学受験 一般生活](https://newsite-make.com/category/life/) - [Another Program](https://newsite-make.com/category/another-program/) - [CakePHP](https://newsite-make.com/category/cakephp/) - [PHP](https://newsite-make.com/category/php/) - [Vue](https://newsite-make.com/category/vue/) ## タグ - [Vue.js](https://newsite-make.com/tag/vue-js/) - [モーダル](https://newsite-make.com/tag/モーダル/) - [タブ](https://newsite-make.com/tag/タブ/) - [カルーセルスライダー](https://newsite-make.com/tag/カルーセルスライダー/) - [Todo](https://newsite-make.com/tag/todo/) - [じゃんけん](https://newsite-make.com/tag/じゃんけん/) - [おみくじ](https://newsite-make.com/tag/おみくじ/) - [数当](https://newsite-make.com/tag/数当/) - [タイピング](https://newsite-make.com/tag/タイピング/) - [マルバツゲーム](https://newsite-make.com/tag/マルバツゲーム/) - [PHP](https://newsite-make.com/tag/php/) - [JavaScript](https://newsite-make.com/tag/javascript/) - [THREE.js](https://newsite-make.com/tag/three-js/) - [Laravel](https://newsite-make.com/tag/laravel/)