[webpack] DevServerをインストールする

2022年2月4日 | カテゴリ: JavaScript | タグ: , ,
webpackへDevSErverをインストールして、作成したプログラムを簡単に確認する方法を説明します。 ## インストール ```language-bash npm add webpack-dev-server --dev ``` ## webpack.config.jsに追記 webpack.config.jsに下記を追記する...


JavaScriptのスプレッド構文は、下記の目的で利用できる。 - 配列の連結 - イミュータブルな配列の実現 - 残余引数(rest parameter)による配列の分離 ## 配列に対するスプレッド構文 ```language-javascript % node Welcome to Node.js v16...


ブラウザでYoutubeやNetflixを見ていると、全画面モードで動画を表示させることが可能です。 上記のような動画サイトではなくて、普通のページを見ているときに、表示しているページを全画面表示したい時があります。 このような場合は、下記の作業...


## はじめに この記事では、craete-react-appのV5で作成したReactプロジェクトに対して、React RouterのV6をインストールして複数URLでページを表示させるための作業を説明します。 ## バージョン この記事は下記バージョンのパッケージで動作...


DMM英会話の教材が見づらいのでcsv形式に整形する

2021年12月29日 | カテゴリ: PHP | タグ: , , ,
DMM英会話では大半の教材がブラウザで表示できる形になっています。ですが教材ページのhtmlでの装飾が少し見づらいなと感じることがあります。このため、余計な情報を全部カットしてcsv形式に整形し直してみました。 ## 本記事の対象読者 この記事は...


[AWS]Cloud9でNo module named 'boto3'が出る時

2021年12月19日 | カテゴリ: python
AWSのCloud9を使用していて、pythonのスクリプトを実行したときにエラーModuleNotFoundError: No module named 'boto3'が発生するときがあります。 ```language-bash $ python scripts/create_table.py Traceback (most recent call last): File "...


この記事では、`React` + `TypeScript`でmuiを使ったページを作り始めるための準備をするための手順を説明します。 muiは以前はMaterialUIと呼ばれていました。 ## プロジェクトを作る ```language-bash npx create-react-app 211107-create-rea...


例えば、以下のようなクラスがあって、`const MAX_ITEM_PER_USER = 200`として定義されている200の値を、PHPUnitによるテストのときだけ変更したい場合があります。 ```language-php class UserItem { const MAX_ITEM_PER_USER = 200; } ``` ...


Laravelでは文字列操作のためのヘルパクラスとして、Strクラス(Illuminate\Support\Str)が用意されています。 これのFluent版のメソッドを使うとメソッドチェーンで文字列を加工できるのでコードを簡潔に書くことができます。 ```language-php $str...


PHPにはphpcsというコードチェッカがあります。 実行することで問題があるコードをチェックでき、どのファイルに問題があるかが一目でわかります。 ```language-bash $ docker-compose exec app vendor/bin/phpcs ... FILE: /var/www/html/app/...


Laravelでcomposerを利用したクラスのオートロードがうまくいかない場合、下記のワンライナーでComposerが持っているクラスマップをダンプできます。 ```language-bash % ./artisan tinker Psy Shell v0.10.5 (PHP 7.3.11 — cli) by Justin Hileman ...


LaravelのFormValidatorでは、validationに失敗すると自動で遷移元のページにリダイレクトされます。 これは、通常の入力フォームでバリデーションを行う場合は、自動的にユーザに再入力を促せるので便利なのですが、この戻り先のページをカスタマイズ...


LaravelではMailクラスによってメール送信処理を簡単に作ることができます。 ローカル開発やPHPUnitでは、実際にメールを送信させるのではなくファイルに出力させるなど、メールの送信メソッドがコールされた時の振る舞いを差し替えたい場合があります...


LaravelでVue.jsを使用したSPAサイトを作成していて、Basic認証とjwtトークン認証の組み合わせが必要だったのでメモ。 ## 作ったもの Vue.jsによるhtmlと、WebAPIによる非同期データ取得によるサイト構築を行った。 - WebAPIエンドポイント ...


LaravelでWebAPIサーバを作成する時、クロスドメインアクセスを行うためにCORSの処理を作成する場合があります。技術検証などでどこからでもアクセスできるCORSの処理をてっとり作ることが何度か発生したので手順をメモしておきます。 ## middlewareを...


LaravelでCORS処理を行いたい場合、barryvdh/laravel-corsパッケージを使うと便利です。 ## 作業手順 ### パッケージのインストール ```language-bash composer require barryvdh/laravel-cors ``` ### middlewareの有効化 ```language...


Laravelで.envを書き換えた内容が反映されない時は、artisan config:clearする。cache:clearではクリアできないので注意。 ```language-php php artisan config:clear ``` ファイルを直接消す場合は以下のコマンドを実行する。 ```language-bas...


Laravel7が標準で用意しているAuthでログインした時で行われていることを確認する。 (何度も同じことを調べるので、調べた結果をメモしておく) ​ ​ ​ ## GET /login ​ ログイン画面が表示される。 id/passを入力してLoginボタンをクリックすると`P...


## 発生した事象 Laravel7 + Vue.jsの開発で、`npm run hot`を実行したところ、EADDRINUSE / ELIFECYCLEエラーが発生し、ビルドが出来なかった。 ```language-bash $ npm run hot > @ hot /.../project > cross-env NODE_ENV=development node_...


composer.jsonにdockerコマンドを書いておくことで、laravelのプロジェクトを(PHPのビルトインサーバではなく)php-fpmを使ってコマンド1つで起動させることができます。 ## 作業手順 まず`composer.json`に下記の行を追加します。 ```language-j...


DockerでPHP7.4のコンテナを使ってhello worldを出力する最低限のコードです。 php-fpmの設定などでハマって問題の切り分けが難しい時などに覚えておくと便利です。 ## プログラムを用意 ```language-bash mkdir -p src/public echo '


LaravelのEloquentでsum()やavg()の集計関数を使うと、結果が数字でなく文字列で返ってきます。 ```language-php $totalScore = UserScore::where('team_id', $teamId)->sum('get_point'); \Log::info(json_encode($totalScore)); // "10" (10では...


PHPにはユニットテストを行う仕組みとしてPHPUnitがあります。 PHPのパッケージphpunit-watcherを使うことで、プログラムのソースが変更(Ctrl-Sで保存)されるたびに自動でPHPUnitを実行させることができます。 ## インストール phpunit-watcherの...


Macでhomebrewを使ってphp7.3をインストールする

2019年10月29日 | カテゴリ: Mac, PHP | タグ:
macOSでhomebrewを使って、php7.3をインストールする方法です ## 作業手順 macに入っているphpのバージョンを確認します。手元の環境では7.1でした。 ```language-bash $ php -v PHP 7.1.19 (cli) (built: Aug 17 2018 18:03:17) ( NTS ) Copy...


Dockerfileの公式phpコンテナを使っていて、標準で入っていないextensionを追加したい時があります。 このような場合に備えて、公式コンテナではdocker-php-ext-installコマンドを用意してくれています。 以下のようにRUNコマンドを記述することで希...


PHPでクラスのコンストラクタは、引数がない場合はカッコを省略することができます。 ```language-php // どちらも書き方もOK $a = new SomeClass(); $a = new SomeClass; ``` どちらの書き方でも同じ動作をするのですが、どちらの表記法にした...


PHPでハッシュの配列(DBの検索結果など)を、特定のキーでグループかする方法です。 ## Laravelの場合 Laravelの場合はcollectオブジェクトにgroupBy()メソッドがあるため、これを利用できます。 ```language-php $collection = collect([ ...


python3.xの環境で、wikipediaのページを読み込み、htmlの内容を文字化けせずに画面に出力させる方法です。 今回はcchardetという文字コードの自動認識を行えるpipパッケージを使ってみます。 ## パッケージのインストール ```language-bash php3 ...


pythonで配列に入ったデータをn件ごとの塊に分ける方法です。 パッケージのインストール ```language-bash pip install more-itertools ``` スクリプト ```language-python from more_itertools import chunked ary = [1,2,3,4,5,6,7,8,9] ...