## エラー内容
storybookで`start-storybook -p 6006 -s public`しようとしたら、ModuleNotFoundErrorが発生した.
```language-bash
$ npm run storybook
ModuleNotFoundError: Module not found: Error: Can't resolve '@Pages/LoginPage' in '.....
## エラーの内容
TypeScriptで、styled-componentsをimportすると、TS7016エラーが発生した。
```language-bash
TS7016: Could not find a declaration file for module 'styled-components'.
'...node_modules/styled-components/dist/styled-co...
docker-composeをつかってLaravel9とPHP8.0の実行環境を構築する手順を説明します。
コンテナはnginxとphp-fpmを使う方法もありますが、今回は本番環境へデプロイを容易に行えることを考慮してapacheをwebサーバにします。
## Laravelをインストール
...
webpackへDevSErverをインストールして、作成したプログラムを簡単に確認する方法を説明します。
## インストール
```language-bash
npm add webpack-dev-server --dev
```
## webpack.config.jsに追記
webpack.config.jsに下記を追記する...
## 発生した問題
ReactのコンポーネントでtextAlignのスタイルを適用としたところ、エラーが発生した。
```language-js
const App = () => {
const divStyle = {
textAlign: 'right',
}
return (
hello
);...
## 発生したエラー
React + TypeScriptの環境で、MUIをしようとしたところ、import文で`'@mui/...'`をインポートするところで`TS2792`エラーが発生した。
- プログラム
```language-typescript
import Button from '@mui/material/Button';
```...
TypeScriptを使ってReactのコードを書いているときに、onKeyPressイベントに対するイベントオブジェクトの型指定方法です。
この例では、Inputタグに対するキーボードイベントを処理したいので、`React.KeyboardEvent`の型指定を行っています。
```lan...
JavaScriptのスプレッド構文は、下記の目的で利用できる。
- 配列の連結
- イミュータブルな配列の実現
- 残余引数(rest parameter)による配列の分離
## 配列に対するスプレッド構文
```language-javascript
% node
Welcome to Node.js v16...
ブラウザでYoutubeやNetflixを見ていると、全画面モードで動画を表示させることが可能です。
上記のような動画サイトではなくて、普通のページを見ているときに、表示しているページを全画面表示したい時があります。
このような場合は、下記の作業...
create-react-appを使ってTypeScriptのReactプロジェクトを、カレントディレクトリ作成するコマンドです。
```language-bash
npx create-react-app . --template typescript
npm start
```
## はじめに
この記事では、craete-react-appのV5で作成したReactプロジェクトに対して、React RouterのV6をインストールして複数URLでページを表示させるための作業を説明します。
## バージョン
この記事は下記バージョンのパッケージで動作...
phpでXDebugの設定をする場合、XDebugに関する設定方法をgoogle検索すると、以下のように設定すると良いといった記事がいくつかヒットします。
```language-ini
[xdebug]
xdebug.remote_enable=1
xdebug.remote_autostart=1
xdebug.remote_host=hos...
DMM英会話では大半の教材がブラウザで表示できる形になっています。ですが教材ページのhtmlでの装飾が少し見づらいなと感じることがあります。このため、余計な情報を全部カットしてcsv形式に整形し直してみました。
## 本記事の対象読者
この記事は...
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;
}
```
...
PHPのComposerでは、実行するphpのバージョンを依存関係として指定できます。
現在開発している端末のphpバージョンを依存関係に加えるには、`composer require php`を実行すればよいです。
## 実行例
まずは、現在使っているphpのバージョンを`p...
PHPでGuzzleを使用していると、下記の`cURL error 28`が発生することがあります。
```language-php
cURL error 28: Resolving timed out after 5001 milliseconds
(see https://curl.haxx.se/libcurl/c/libcurl-errors.html)
for http://example.co...
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のStrorageクラスでは、copy()メソッドでファイルをコピーすることができます。ですが、これはコピー元と先が同じdisk定義されている必要があります。
この記事では、異なるdisk間でファイルをコピーする方法を説明します。
## 前提
confi...
Laravelでcomposerを利用したクラスのオートロードがうまくいかない場合、下記のワンライナーでComposerが持っているクラスマップをダンプできます。
```language-bash
% ./artisan tinker
Psy Shell v0.10.5 (PHP 7.3.11 — cli) by Justin Hileman
...
LaravelのFormValidatorでは、validationに失敗すると自動で遷移元のページにリダイレクトされます。
これは、通常の入力フォームでバリデーションを行う場合は、自動的にユーザに再入力を促せるので便利なのですが、この戻り先のページをカスタマイズ...
書籍を裁断し、自宅のスキャナ([Canon MF249](https://www.amazon.co.jp/dp/B01LVYW3K1))でスキャンした画像(ファイル名連番のjpgファイル)からスキャンした画像の余白を取り除く作業をしたので、その時のメモです。
## 書籍の裁断
書籍の裁断近くに...
Laravel6のプロジェクトを`composer update`コマンドでLaravel7にアップデートする機会があったので手順を書いておきます。
## composer.jsonの編集
composer.jsonを更新するのですが、Laravel7のアップグレードに関するガイドをみると下記の記載が...
LaravelではMailクラスによってメール送信処理を簡単に作ることができます。
ローカル開発やPHPUnitでは、実際にメールを送信させるのではなくファイルに出力させるなど、メールの送信メソッドがコールされた時の振る舞いを差し替えたい場合があります...
Laravelではauthパッケージのセットアップを行うと、routes/web.phpに下記の1行を書くだけでルーティングが自動設定されます。
```language-php
Auth::routes();
```
どうして1行書くだけでルーティングを設定できるのでしょうか? Auth::routes()...
メモ。
- [jwt-auth + Laravel6 アクセストークンとリフレッシュトークン](https://www.yuulinux.tokyo/15384/)
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...
## 発生した事象
下記のコードを実行したところ、サーバが渡した応答ヘッダをクライアントが受け取れなかった。
サンプルコード
```language-js
await this.$axios.post('http://localhost:8000/user/', {
id: this.id,
p...
Laravelではリソースコントラーを使うことで、CRUD処理でよく使われるルーティングを簡単に登録することができる。
## 作業手順
artisanコマンドでコントローラを追加。リソースコントローラは`artisan make:controller`にオプション`--resource`...
Laravelで.envを書き換えた内容が反映されない時は、artisan config:clearする。cache:clearではクリアできないので注意。
```language-php
php artisan config:clear
```
ファイルを直接消す場合は以下のコマンドを実行する。
```language-bas...
Laravel7が標準で用意しているAuthでログインした時で行われていることを確認する。
(何度も同じことを調べるので、調べた結果をメモしておく)
## GET /login
ログイン画面が表示される。
id/passを入力してLoginボタンをクリックすると`P...
## 発生したエラー
Deployerで`./dep deploy`コマンドでデプロイしようとしたところ、`package:discover`のステップでエラーが発生した。
```language-php
$ ./dep deploy xxxx
In Client.php line 103:
[Deployer\Exception\RuntimeExceptio...
## 発生した事象
Laravel7 + Vue.jsの開発で、`npm run hot`を実行したところ、EADDRINUSE / ELIFECYCLEエラーが発生し、ビルドが出来なかった。
```language-bash
$ npm run hot
> @ hot /.../project
> cross-env NODE_ENV=development node_...
下記のCSSで、テーブルの1,4,5カラム目を右寄せにできる。一番右の列は`(0)`ではなく`(1)`であることに注意。
```language-css
td:nth-of-type(1),
td:nth-of-type(4),
td:nth-of-type(5) {
text-align:right;
}
```
Ansibleのgeerlingguy.phpロールを使っていて、PHPのバージョンを指定したい場合は`geerlingguy.php-versions`を使うと良いです。
下記の例ではPHP7.4.xのインストールを指示しています。
```language-yml
# playbook.yml
- role: geerlingguy...
Ansibleでnginxがインストールされた環境に対してgeerlingguy.phpのロールを実行するとwebサーバの再起動で下記のエラーが発生します。
```language-bash
$ ansible-playbook playbook.yml
...
RUNNING HANDLER [geerlingguy.php : restart webser...
PHPのデプロイツールであるdeployerでサーバにデプロイしようとした時`deploy:update_code`のタスクで下記のエラーが出ることがあります。
```language-bash
$ ./dep deploy local
...
➤ Executing task deploy:update_code
@@@@@@@@@@@@@@@@@@@@@@...
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 '
## 発生するエラー
ansible-playbookを実行すると、下記のエラーが出る。
```language-bash
$ ansible-playbook playbook.yml
/usr/local/Cellar/ansible/2.9.6_1/libexec/lib/python3.8/site-packages/netaddr/strategy/__init__.py:189: Synta...
## 発生したエラー
手元のmacOSからCentOS8.0をセットアップしようとansibleコマンドを実行しようとしたところ、下記のエラーが発生した。
```language-bash
$ ansible server-centos8 -m ping
192.168.33.10 | FAILED! => {
"changed": fals...
Laravelプロジェクト作成時のテンプレート作成時に実行するコマンド
```language-bash
composer global require laravel/installer
#--------------------------------------------------------
# create prject
#------------------------------...
Laravelのメール送信で、AWSのSES(Simple Mail Service)を利用する場合、Laravelが提供しているsesドライバを使うと簡単にメール送信処理が実装できます。
本記事では、Laravelのsesドライバを使用して上手くメール送信ができない時に、ありがちな問題...
LaravelのEloquentでsum()やavg()の集計関数を使うと、結果が数字でなく文字列で返ってきます。
```language-php
$totalScore = UserScore::where('team_id', $teamId)->sum('get_point');
\Log::info(json_encode($totalScore)); // "10" (10では...
関連ドキュメント
- [Qiita: Laravel tymon/jwt-auth による JWT 認証](https://qiita.com/yh1224/items/3c52dd9df3c4b5be95f2)
- [JSON Web Token Authentication for Laravel & Lumen](https://jwt-auth.readthedocs.io/en/develop/)
- [jwt.io](ht...
Laravelは、`artisan make:request`コマンドで入力パラメータをvalidtionできるFormRequestクラスを作成できます。
artisanコマンドで作成したFormRequestを編集せずに使用すると`This action is unauthorized.`が出るので注意が必要です。
## エラ...
PHPにはユニットテストを行う仕組みとしてPHPUnitがあります。
PHPのパッケージphpunit-watcherを使うことで、プログラムのソースが変更(Ctrl-Sで保存)されるたびに自動でPHPUnitを実行させることができます。
## インストール
phpunit-watcherの...
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([
...
dockerでAlpine Linuxベースで、python3.6+mecabの環境をしたのですが、python-mecab3のpipパッケージをインストール時に、エラー`unable to execute 'swig'`が発生しました。
```language-bash
$ docker build .
...
unable to execute 'swig': No ...
dockerでpython:3.6-alpineイメージを利用してへuwsgiのインストールしようとしたところ、エラー"Exception: you need a C compiler to build uWSGI"が発生しました。
```language-bash
$pip install uwsgi
...
Failed to build uwsgi
Running ...
python3.xの環境で、wikipediaのページを読み込み、htmlの内容を文字化けせずに画面に出力させる方法です。
今回はcchardetという文字コードの自動認識を行えるpipパッケージを使ってみます。
## パッケージのインストール
```language-bash
php3 ...
apacheやnginxなど、webサーバのアクセスログ(access.log)をtsv形式に変更するphpスクリプトです。
### スクリプト
```language-php
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]
...
投稿ナビゲーション