<h1 id="h5210acff2f">エラー内容</h1><p>権限がないと言われているようです</p><pre><code>% npm install -g typescript
npm ERR! code EACCES
npm ERR! syscall mkdir
npm ERR! path /usr/local/lib/node_modules/typescript
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/typescript'
npm ERR!  [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/typescript'] {
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: '/usr/local/lib/node_modules/typescript'
npm ERR! }
npm ERR! 
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR! 
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/your-directory/.npm/_logs/2022-05-28T05_07_04_914Z-debug.log
(base) [ディレクトリ名] % npm install -g npm       

npm ERR! code EACCES
npm ERR! syscall rename
npm ERR! path /usr/local/lib/node_modules/npm</code></pre><h1 id="had0b1b94af">解決方法</h1><p>npmのデフォルトディレクトリを作成する。</p><pre><code>$ mkdir ~/.npm-global
$ npm config set prefix '~/.npm-global'
$ echo ' export PATH=~/.npm-global/bin:$PATH' &gt;&gt; ~/.bash_profile
$ source ~/.bash_profile</code></pre><p>パッケージのインストールに成功するようになった。</p><pre><code>% npm install -g npm

added 1 package, and audited 202 packages in 4s

11 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
% npm install -g typescript

added 1 package, and audited 2 packages in 3s

found 0 vulnerabilities</code></pre><h1 id="h3de35099b3">参考</h1><p><a href="https://qiita.com/NaokiIshimura/items/cc07441939b226e779c6" target="_blank" rel="noopener noreferrer">【備忘録】npm -g install に失敗する - Qiita</a></p>

npm install -g 実行時エラーの解決方法

npm install -g 〇〇に失敗する

MySQLインデックスの基本

<h2 id="h082cda1cfa">traitとは</h2><ul><li>php5.4以降で導入</li><li>単一継承言語（PHPなど）でコードを再利用するための仕組みの一つ</li><li>メソッド群を異なるクラス階層にある独立したクラスで再利用が可能</li><li><strong>多重継承などの問題を回避することができる</strong></li><li><strong>クラスと似ているがいくつかの機能をまとめるだけももの</strong></li><li><strong>継承クラスと同様にインスタンス作成は不可</strong></li><li>継承しなくても他クラスでも使用可能</li><li>優先順位<ul><li><strong>現在のクラスのメソッド&gt;トレイトのメソッド&gt; 継承したメソッド</strong></li></ul></li></ul><p><a href="https://www.php.net/manual/ja/language.oop5.traits.php" target="_blank" rel="noopener noreferrer">PHP: トレイト - Manual</a></p><h2 id="h3d2590489a">使い所</h2><ul><li>機能をパーツとして使いたい場合</li><li>Interfaceと一緒に使うことでデフォルトの実装を提供したい場合</li><li>機能をグルーピングすることによって、可読性を向上させたい場合</li></ul><h2 id="h4d849f4362">使い方</h2><ul><li>定義クラス</li></ul><pre><code>trait トレイト名 {
  function メソッドA() {
    // 処理
  }
  function メソッドB() {
    // 処理
  }
}</code></pre><ul><li>利用クラス</li></ul><pre><code>class クラス名 {
  use トレイト名;
}</code></pre><ul><li>トレイトを複数使用する場合はuseを使ってカンマ区切りで追加していく</li></ul><pre><code>&lt;?php

namespace Illuminate\\Foundation\\Auth;

use Illuminate\\Http\\Request;
use Illuminate\\Support\\Facades\\Auth;
use Illuminate\\Validation\\ValidationException;

trait AuthenticatesUsers
{
    use RedirectsUsers, ThrottlesLogins; //traitを使用

   /**
     * Show the application's login form.
     *
     * @return \\Illuminate\\Http\\Response
     */
    public function showLoginForm()
    {
        return view('auth.login');
    }

    /**
     * Handle a login request to the application.
     *
     * @param  \\Illuminate\\Http\\Request  $request
     * @return \\Illuminate\\Http\\RedirectResponse|\\Illuminate\\Http\\Response|\\Illuminate\\Http\\JsonResponse
     *
     * @throws \\Illuminate\\Validation\\ValidationException
     */
    public function login(Request $request)
    {
        /**
         * 1. バリデーション(形式のチェック)
         **/
        $this-&gt;validateLogin($request);

        /**
         * 2. ログイン試行回数を超過していればロックアウトを返す
         **/
        if (
            method_exists($this, 'hasTooManyLoginAttempts') &amp;&amp;
            $this-&gt;hasTooManyLoginAttempts($request)
        ) {
            $this-&gt;fireLockoutEvent($request);

            return $this-&gt;sendLockoutResponse($request);
        }

        /**
         * 3. 認証OKならログイン成功をレスポンス(トップページにリダイレクト)
         **/
        if ($this-&gt;attemptLogin($request)) {
            return $this-&gt;sendLoginResponse($request);
        }

        /**
         * 4. 認証NGであればログイン試行回数を1増やしてログイン画面をレスポンス
         **/
        $this-&gt;incrementLoginAttempts($request);

        return $this-&gt;sendFailedLoginResponse($request);
    }</code></pre><h2 id="h3ab24f6f50">メリット</h2><ul><li>継承しなくても他クラスでメソッド群を利用可能</li><li>共通点のあるメソッド群をグルーピングできる</li></ul><h2 id="h7e4a670898">デメリット</h2><ul><li>複数のtraitで同名メソッドが定義され、それらを同クラスでuseしようとすると<code>Fatal error</code> となる（insteadofやエイリアスを追加することで回避可能）</li><li><strong>複雑で暗黙的な依存関係が生まれる</strong></li></ul><h2 id="ha214098e44">まとめ</h2><ul><li>意図せずクラス間の結合を生み出す危険性がある</li><li>暗黙的な知識を要求するトレイトを使うときはきちんとドキュメントを書くなり知識の共有を行うなどする</li><li>trait が悪いというよりは書き方の問題</li></ul><h2 id="h3de35099b3">参考</h2><p><a href="https://qiita.com/kazuhei/items/dd4e275c03eb6916f522" target="_blank" rel="noopener noreferrer">Laravelから学ぶPHPのTraitの使い所 - Qiita</a><br><a href="https://qiita.com/kouki_o9/items/94ee72921024d5feecd9" target="_blank" rel="noopener noreferrer">PHP: traitの基礎的なこと - Qiita</a><br><a href="https://coinbaby8.com/php-class-abstract-interface-trait-di.html" target="_blank" rel="noopener noreferrer">【PHP】クラスと抽象クラスとインターフェースとトレイトとDIをまとめてみた【図解】【初心者向け】</a></p>

PHP trait

PHP traitとは

GASでQiitaトレンドをLineに定期通知する

<h1 id="h02b37f856c">基本の考え方</h1><p>命名規則とアノテーション</p><ul><li>テストクラスのファイル名は Test.php で終わる。</li><li>メソッド名は test で始めるか、そうでない場合は&nbsp;<code>@test</code>&nbsp;アノテーションを DocComment 内に記述する。</li><li>テストメソッドの DocComment 内に&nbsp;<code>@covers</code>&nbsp;アノテーションを書くと、テスト対象のメソッドを明示的に指定することができる。</li></ul><pre><code> */
class SomeClassTest
{
    /**
     * @test
     * @covers ::someMethod
     */
    public function SomeMethodが正しく実行できること()</code></pre><p><br>全体を実行する</p><pre><code># php artisan test</code></pre><h3 id="hcf83e1357e"><br></h3><p>ユニットテストまたはフィーチャーテストのみを実行する</p><pre><code># php artisan test --testsuite=Unit

</code></pre><p>フィーチャーテストの場合は&nbsp;<code>Unit</code>&nbsp;の代わりに&nbsp;<code>Feature</code>&nbsp;を記述する。<br><br>特定のテストクラスのみを実行する</p><pre><code># php artisan test tests/Unit/ExampleTest.php</code></pre><p>拡張子はなくても大丈夫。<br><br>特定のメソッドのみを実行する</p><pre><code># php artisan test tests/Unit/ExampleTest.php --filter=testBasicTest</code></pre><p><br>ユニットテストとフィーチャーテストの扱いについて</p><pre><code>&lt;?php

namespace Tests;

use Illuminate\\Foundation\\Testing\\TestCase as BaseTestCase;

abstract class TestCase extends BaseTestCase
{
    use CreatesApplication;
}</code></pre><ul><li>tests/TestCase.phpの<code>CreatesApplication</code>トレイトを呼び出すことで、Facade の登録やコンフィグファイルの読み込みなどが行われる。つまり、Tests\TestCase クラスを継承することで Laravel の内部の機能にアクセスできるようになる。</li><li>Tests\TestCase を継承しているのは Feature のほうだけで、Unit にあるほうは PHPUnit が提供している基底クラスを継承している。これは、Unitテストはフレームワークの機能に依存しない形で書くことが望ましいという考え方が基になっている。</li><li>逆にフレームワークの機能（Facade等）を利用したUnitテストを書きたい場合は、継承元をTests/TestCaseに変更する。</li><li>テストファイル作成</li></ul><pre><code># php artisan make:test --unit Models/ClientTest</code></pre><ul><li>TDDの考え方</li><li>レッドフェーズ<ul><li>テストが失敗するフェーズ。テストコードから先に書き、後からプロダクションコードを書くので必ず失敗する。</li></ul></li><li>グリーンフェーズ<ul><li>最短でテストが通る実装を書く。</li></ul></li><li>リファクタリングフェーズ<ul><li>成功したコードを正しく綺麗にリファクタリングする。</li></ul></li></ul><p><br></p><h1 id="hbcdb231868">コントローラーテスト</h1><p>テストクラス作成コマンド</p><pre><code># php artisan make:test Http/Controllers/ClientControllerTest</code></pre><p>実行後ファイル</p><pre><code>&lt;?php

namespace Tests\\Feature\\Http\\Controller;

use Illuminate\\Foundation\\Testing\\RefreshDatabase;
use Illuminate\\Foundation\\Testing\\WithFaker;
use Tests\\TestCase;

class ClientControllerTest extends TestCase
{
    /**
     * A basic feature test example.
     *
     * @return void
     */
    public function test_example()
    {
        $response = $this-&gt;get('/');

        $response-&gt;assertStatus(200);
				//下記のコードでも同様の意味
				//$response-&gt;assertStatus(Response::HTTP_OK);
    }
}</code></pre><p><br>テストがあると良いケース</p><ul><li>複雑な計算がある</li><li>複雑な条件がある</li><li>多数のパターンがある</li></ul><h1 id="h3de35099b3"><br>参考</h1><ul><li><a style="color:#4aac00" href="https://phpunit.readthedocs.io/ja/latest/" target="_blank" rel="noopener noreferrer">PHPUnit マニュアル</a></li><li><a style="color:#4aac00" href="https://www.techpit.jp/courses/92" target="_blank" rel="noopener noreferrer">Laravelでテスト駆動開発を学ぼう！ | Techpit</a></li></ul><p><br></p>

Laravelでの自動テスト備忘①

オブジェクト指向でなぜつくるのか第2版」メモ

<h2 id="ha674a2016e">状況</h2><pre><code>docker-compose up -d</code></pre><p>を実行すると下記のエラーが発生</p><pre><code>docker.errors.DockerException: Error while fetching server API version: ('Connection aborted.', FileNotFoundError(2, 'No such file or directory'))
[20565] Failed to execute script docker-compose</code></pre><h2 id="h9c1f22bd6d">原因</h2><p>Dockerを起動していないだけでした</p><h2 id="h141087ae17">解決法</h2><p>Dockerを起動後を以下を実行</p><pre><code>docker-compose up -d</code></pre><p><br></p><h3 id="h3de35099b3">参考</h3><p><a href="https://qiita.com/kat0/items/50c9049607fd0c07369a" target="_blank" rel="noopener noreferrer">【Dockerエラー】docker.errors.DockerException: Error while fetching server API version - Qiita</a></p>

[20565] Failed to execute script docker-compose

[20565] Failed to execute script docker-composeの解決法

<h2 id="h8d027c8ed3">はじめに</h2><p>エンジニアである上で少しでも技術発信したいというのと、QiitaやZennなどのプラットフォームでもよかったのですがReactやTailwindCSSを触ってみたいというのがあったので、学習がてら自作ブログを作成しました。<br>自作ブログだとメモ程度の記事でも、全然有益でなくても気にせずアップできるのがいい点ですね！<br>飽きたらプラットフォームに転記します笑<br></p><h2 id="hae6947d5ce">microCMS</h2><p><a href="https://microcms.io/" target="_blank" rel="noopener noreferrer">microCMS</a>は株式会社microCMSが開発しているヘッドレス CMSです。<br>ヘッドレスCMSとは、その名の通り、CMSのヘッドの部分がないCMSです。ここでいうヘッドとはビューの部分、つまりCSSや見た目の部分について定められていないCMSのことです。<br>このヘッドレスCMSを使用するメリットとしては、</p><ul><li>マルチデバイスに対応できる</li><li>サイトの編集が柔軟にできる</li></ul><p>等が挙げられます。自由度が高いのが一番のメリットです。<br>デメリットとしては、</p><ul><li>APIのスキーマ設定などは非エンジニアには難しい</li><li>導入のための技術習得コストがかかる</li></ul><p>等があります。現在ではNext.jsなどを利用すると導入記事も多く、上記のデメリットも解消できます！<br>ちなみにmicroCMSは国産のヘッドレスCMSとしても有名です。<br></p><h2 id="h53ba4103ca">Jamstack</h2><p>Jamstackとは、JamstackのJamはJavaScript/APIs/Markupの頭文字です。<br>Jamstackは静的コンテンツを配信するだけなので動作が高速です。<br>また、動的コンテンツデータは<strong>データが更新されたタイミングで都度ビルドデプロイを行う</strong>ので静的コンテンツ表示の表示最適化のメリットを享受できます。<br>仕組みなどはこちらの記事がわかりやすいです⇒<a href="https://qiita.com/ozaki25/items/4075d03278d1fb51cc37" target="_blank" rel="noopener noreferrer">Jamstackって何なの？何がいいの？ - Qiita</a><br></p><h2 id="haab1fd6475">Next.js</h2><p><a href="https://nextjs.org/" target="_blank" rel="noopener noreferrer">Next.js</a>はVercelによって作られたReactのフレームワークです。SSR/SSGに対応していることが特徴の一つです。<br></p><h2 id="h065a574f0d">Vercel</h2><p><a href="https://vercel.com/home" target="_blank" rel="noopener noreferrer">Vercel</a>は、Vercel社が開発している静的サイト・Jamstackサイト向けのプラットフォームです。<br>Githubやbitbiucket等のGitサービスと連携すれば、プッシュするたびに最適化された組み込みのCI/CDプロセスが可能になります。<br>また、<br>ブログ記事作成については<a href="https://blog.microcms.io/microcms-next-jamstack-blog/" target="_blank" rel="noopener noreferrer">microCMS + Next.jsでJamstackブログを作ってみよう</a><br>の記事がとてもわかりやすいです。（自分も気分次第ですがチュートリアル記事をあげるかもしれないですw）<br></p><h2 id="he45680f0bc">参考記事</h2><p><a href="https://necco.inc/note/5495" target="_blank" rel="noopener noreferrer">microCMS + Next.js + Vercelのチュートリアルをやってみた - necco note | necco inc.</a><br><a href="https://blog.microcms.io/what-is-headlesscms/" target="_blank" rel="noopener noreferrer">ヘッドレスCMSとは何か？従来CMSとの違いやメリデメを解説！</a><br><a href="https://qiita.com/ozaki25/items/4075d03278d1fb51cc37" target="_blank" rel="noopener noreferrer">Jamstackって何なの？何がいいの？ - Qiita</a><br></p>

microCMS、Next.js、Vercelを使用したブログについて

<ul><li>DatabaseSeederに呼び出し追加</li></ul><pre><code>&lt;?php

namespace Database\\Seeders;

use Illuminate\\Database\\Seeder;

class DatabaseSeeder extends Seeder
{
    /**
     * Seed the application's database.
     *
     * @return void
     */
    public function run()
    {
        $this-&gt;call([
            UserSeeder::class, // 呼び出すように追加
        ]);    }
}</code></pre><ul><li>UserSeederにcreate行を作成</li></ul><pre><code>&lt;?php

namespace Database\\Seeders;

use Illuminate\\Database\\Seeder;
use Illuminate\\Support\\Facades\\DB;

class UserSeeder extends Seeder
{
    /**
     * Run the database seeds.
     *
     * @return void
     */
    public function run()
    {
        \\App\\Models\\User::factory(10)-&gt;create();
    }
}</code></pre><ul><li>UserFactoryでフィールド設定</li></ul><pre><code>&lt;?php

namespace Database\\Factories;

use Illuminate\\Database\\Eloquent\\Factories\\Factory;
use Illuminate\\Support\\Str;

class UserFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array
     */
    public function definition()
    {
        //ランダムなUserを作成します
        return [
            'name' =&gt; $this-&gt;faker-&gt;name(),
            'email' =&gt; $this-&gt;faker-&gt;unique()-&gt;safeEmail(),
            'email_verified_at' =&gt; now(),
            'password' =&gt; bcrypt('11111111'),
            'remember_token' =&gt; Str::random(10),
            'user_type' =&gt; random_int(0, 2),
            'status' =&gt; random_int(0, 2),
            'sex' =&gt; random_int(0, 2),
        ];
    }

    /**
     * Indicate that the model's email address should be unverified.
     *
     * @return \\Illuminate\\Database\\Eloquent\\Factories\\Factory
     */
    public function unverified()
    {
        return $this-&gt;state(function (array $attributes) {
            return [
                'email_verified_at' =&gt; null,
            ];
        });
    }
}</code></pre><ul><li>seeder実行で作成</li></ul><pre><code>% php artisan db:seed</code></pre><p><br>参考記事<br><a style="background-color:#ffffff" href="https://reffect.co.jp/laravel/larave-seeding-store-data-in-database" target="_blank" rel="noopener noreferrer">LaravelのSeeding機能を利用してダミーデータを一括挿入 | アールエフェクト</a></p>

LaravelのSeederについて

<h1 id="h50eaf02926">バリデーション</h1><ul><li>バリデーション<ul><li>DBに格納するデータに満たしていないものを弾く</li><li>投稿機能などには必須</li></ul></li></ul><pre><code>//バリデーションしたい値をvalidete関数に格納する
$request-&gt;validate([
            "sales_day" =&gt; "required"
        ]);
{{-- バリデーションエラーメッセージを表示する　お決まりのようなもの--}}
    @if ($errors-&gt;any())　
    &lt;ul&gt;
        @foreach($errors-&gt;all() as $error) {
        &lt;li&gt;{{$error}}&lt;/li&gt;
        @endforeach
    &lt;/ul&gt;
    @endif()

・・・
//old関数を使うとバリデーション後も入力値が残る
&lt;input type="tel" id="client_code" name="client_code"
                           value="{{old(('client_code'))}}"</code></pre><ul><li>バリデーションメッセージの日本語化</li></ul><p><a href="https://codelikes.com/laravel-validation-message-ja/" target="_blank" rel="noopener noreferrer">Laravelでバリデーションを日本語化する方法！</a><br>validation.phpのファイルは以下からコピペ<br><a href="https://readouble.com/laravel/8.x/ja/validation-php.html" target="_blank" rel="noopener noreferrer">Laravel 8.x validation.php言語ファイル</a></p><ul><li>メッセージの変数名はattributesに指定することで日本語化可能</li></ul><pre><code> 'attributes' =&gt; [
        'sales_day' =&gt; '計上日付'
    ],
//赤字のメッセージ
@if ($errors-&gt;any())
            &lt;div class="text-danger"&gt;
            @foreach($errors-&gt;all() as $error)
            {{$error}}
            @endforeach
            &lt;/div&gt;
        @endif()</code></pre><ul><li>独自のバリデーションルールを作る</li></ul><pre><code>//ターミナルからルールファイルを作成
% php artisan make:rule GoodsCode
&lt;?php

namespace App\\Rules;

use Illuminate\\Contracts\\Validation\\Rule;

class GoodsCode implements Rule
{
    /**
     * Create a new rule instance.
     *
     * @return void
     */
    public function __construct()
    {
        //
    }

    /**
     * Determine if the validation rule passes.
     *
     * @param  string  $attribute
     * @param  mixed  $value
     * @return bool
     */
    public function passes($attribute, $value)
    {
        //ここにルールの処理を書く（正規表現など）
				//returnがfalseならエラー
				return true;
    }

    /**
     * Get the validation error message.
     *
     * @return string
     */
    public function message()
    {
        //独自のメッセージ attributeは入力変数name(または日本語補完したもの)が入る
        return '正しい形式で入力してください（:attribute）';
    }
}</code></pre><p>使用方法はcontrollerのvalidate変数に作成したルール名を格納する</p><pre><code>$request-&gt;validate([
            "sales_day" =&gt; "required",
            'goods_code' =&gt; ['require', new GoodsCode()]//複数の場合は配列にして指定可能
        ]);</code></pre><p><br></p>

Laravelのバリデーションについて

Laravelのバリデーション処理

<h1 id="h4d50e8632f">Next.jsとは</h1><p><span style="color:#333333">JavaScriptライブラリであるReact開発におけるフレームワークのこと。</span><br>Next.jsではサーバ側でレンダリングを行うための３つの方式をサポートる。<br></p><h3 id="hc67f50ac94">SSR（Server Side Rendering）</h3><p>SSRとは<span style="background-color:#fffbdb">リクエスト毎にサーバー側でレンダリングを行ったものをクライアントへ返す</span>という方式を取っている。<br><u>特徴</u></p><ul><li>リクエストのたびにサーバー側でレンダリングを行うために、<span style="background-color:#fffbdb">レスポンスに時間がかかる。</span></li></ul><h3 id="h0f003336dd">SSG</h3><p>クライアントからのリクエスト毎でなく、<span style="background-color:#fffbdb">ビルド時に一括してレンダリングを行う。</span><br><u>特徴</u></p><ul><li><span style="color:#333333">静的なhtmlを生成しているためロードはとても高速</span></li><li>ただしビルド後に動的にページの内容を変更することはできない。</li></ul><h3 id="h12b8f71f97">ISR</h3><p><span style="color:#333333">ISRではブラウザからのリクエストに対して事前にレンダリングされたhtml（古い情報）を返しつつ、バックグラウンドでリクエストに対するレンダリングを行う。</span><br><u>特徴</u></p><ul><li>次のリクエストで新しくレンダリングされたHTMLを返すことができる。</li><li><span style="color:#333333">SSGにSSRを統合したような方式。</span></li></ul><p><br></p><h2 id="h2b77fffb93"><span style="color:#333333">なぜNext.jsが必要か</span></h2><p>Reactの場合は、ブラウザ側でレンダリングを行う（CSR）が、CSRでは必要なコンテンツを初期表示時にまとめてダウンロードするため、初期表示の読み込みが遅かったり、SEOに不利だったりする。<br>そうしたデメリットの克服のためにNext.jsを使う。</p><h3 id="hcf83e1357e"><br></h3><h2 id="h3de35099b3">参考</h2><p><a href="https://ssaits.jp/promapedia/technology/what-is-next-jsreact.html" target="_blank" rel="noopener noreferrer">Next.jsとは何か？何ができるのか？React開発のフレームワークを解説 | Promapedia</a></p>

npm install -g 〇〇に失敗する

MySQLインデックスの基本

PHP traitとは

GASでQiitaトレンドをLineに定期通知する

npm install -g 〇〇に失敗する

Laravelでの自動テスト備忘①

オブジェクト指向でなぜつくるのか第2版」メモ

[20565] Failed to execute script docker-composeの解決法

microCMS、Next.js、Vercelを使用したブログについて

LaravelのSeederについて

Laravelのバリデーション処理

Next.jsを使う理由

AWSメモ