プログラミング

JavaScript

【JavaScript入門】reduceについて説明と使い方

reduce()の説明と使い方を説明する。 reduce()は、配列の隣り合う値に対して関数を適用させて、その実行結果を返すメソッド。 コードを書いて動きを確認してみる。 const arr = console.lo...
Laravel

LaravelでスクレイピングしてHerokuで定期実行する方法

まず、LaravelでWebスクレイピングするため、ライブラリである「FriendsOfPHP/Goutte」をインストールする。 LaravelのバージョンはLaravel6.20。 インストール $ composer...
CSS

テキスト下に蛍光色ラインマーカーをCSSで作る(改行対応)

改行されているテキストにも対応できるCSSによるラインマーカーの作成。 以下、コード。 HTML <p> テキストテキストテキストテキストテキスト<br /> <span c...
PHP

【初心者向け解説】PHPのクラス、抽象クラス、インターフェース、トレイトについて

まず、オブジェクト指向とはなにかについて説明。 オブジェクト指向は、ざっくりいうと役割をクラスごとに分けてそれを組み合わせながらプログラミングを行っていくこと。 クラスは、変数、定数、関数を一つにまとめたものである。 オ...
Vue.js

Nuxt.jsで「TypeError: Cannot set property ‘render’ of undefined」のコソールエラー対処法

エラー内容 Nuxt.jsで開発中、以下のコンソールエラーが出て画面が表示されなくなった。 TypeError: Cannot set property 'render' of undefined 原因と...
プログラミング

ターミナルコマンドでVS Codeを開く方法

コマンドからVS Codeを開くにはcodeコマンドを使えば良い。 カレントディレクトリをVS Codeで開きたい場合 $ code . ファイルやフォルダを開きたい場合 $ code somefolder/som...
Vue.js

【Nuxt + Firebase】core.js関連のエラーの原因と解決法

Nuxt + Firebaseで開発をしていて、Firebaseのテストモジュール入れ、開発サーバを起動したらcore.js関連のエラーがずらっと出た。 ERROR Failed to compile with 77 errors...
Vue.js

【初心者向け】Vue.jsのスロットの使い方

Vue.jsのスロットの使い方をざっくり説明する。 開発にはVue CLIを使っている前提で話を進めていく。 スロットコンテンツ スロットコンテンツでは、親コンポーネントから子コンポーネントへコンテンツを丸ごと渡しあげる...
Vue.js

$nextTickでタイミングを遅延させて子コンポーネントにアクセスする

mountedやupdatedを使用してもでは子コンポーネントを全てをマウントしたことは保証しないため、子コンポーネントへアクセスがうまくいかない時がある。 そこ解決するために、$nextTickを使用してDOMの更新サイクル後に処...
PHP

【エラー解決】PHP: syntax error, unexpected BOOL_FALSE in /etc/php.ini

さくらのVPSにPHP7.4をインストールして使用しているが、PHPを実行するたびに以下のようなエラーを吐いていた。 php -v PHP: syntax error, unexpected BOOL_FALSE in /etc/...
タイトルとURLをコピーしました