Hello, World!!

むずかしいことはかけません

リンク先を今は反応させたくない

どんな時使う? まだ仕様が決まっていなくて一旦見た目だけ作成した時 リンクは作成したけど、href="" とするとなんか反応しているように見えてしまって嫌!無効化したい!なとき コード aタグのurlの値に、javascript:void(0) を設定する <a href="{{ 'javascript:void(0)' }}">リンク</a> マウスオー…

PHP 演算子 "&="アンパサンドイコールとは

例えば、以下のように関連するデータを全削除するとき deleteAll()が成功していれば$resultsにtrueが入っている思っていましたが、integer 1が入っていました。 $results = true; $results &= $this->Work->deleteAll(array('dept_id' => $dept_id)); $resul…

Laravel8でSanctumを使いAPI認証を実装する

やること LaravelのSanctumを使用し、API認証を実装します。 /meは認証されているユーザーしかアクセスできないよう実装します。 Sanctumのインストールとセットアップ Sanctumのインストール composer require laravel/sanctum 次にSanctum設定ファイルと…

PHP5.6をCentOS7+docker+CakePHP2 の環境にインストールしたい

Dockerfileで RUN yum install -y --enablerepo=remi,remi-php56 としているのにPHP5.4がインストールされてしまう。 以下のサイトにあるように、yum-utilsをインストールしてyum-config-managerコマンドでバージョンを指定したげると良いです。 PHP5.xをCen…

CakePHP4 クイックスタート

プロジェクト作成 php composer.phar create-project --prefer-dist cakephp/app:4.1 cms バージョンを指定せずに app:4.* とするとエラーになる エラー1 Exception: Argument 1 passed to Cake\Utility\Security::setSalt() must be of the type string, nu…

Laravel 8.x + Homestead で仮想環境を作る

昨日* 環境構築手順 Homesteadは、Laravel が動作する開発環境を簡単に構築できるツールです。 VagrantとはVirtualBoxなどを利用した仮想環境を作る便利なソフトウェアです。 Laravel Homesteadは、PHP、Webサーバー、その他のサーバーソフトウェアをローカ…

痒い所に手が届く記事メモ

忘れないようにqiita.comwww.halu.dev MySQLWorkbench version 8.0.15でER図を出力したい - Hello, World! sue445.hatenablog.com

複数のステータスでclass名を指定したい

Laravelのconst.phpで以下のように定義されているとします。 'grade' => [ 'passing' => [ 10 ], 'scoring' => [ 20, ], 'failed' => [ 30, 40, 50, ], ], $student->grade が30,40,50の場合、class名を変えたい場合 <article class="bg_color {{ in_array($student->grade, config('const.grade.failed'), true) ? "gray" : "" }}"> <h2>タイトル</h2> <p>テキストテキ…</p></article>

JavaScriptでデータを絞り込んで表示させたい

例えば各ステータスで絞り込んだデータを画面遷移せずに画面に表示させたい場合 LaravelとJavaScriptで実装したパターンとHTMLとJavaScriptで実装したパターンを載せます。 LaravelとJavaScript Laravelの書き方だとCodePenで動かないのでそのままこちらに載…

指定した順番でソートしたい

例えば以下のようなステータスがあったとします。 - 合格 - 採点中 - 不合格 studentsテーブルで、A組の生徒を以下の順番で絞り込みたい場合 合格(20)>採点中(10)>不合格の順(30,40,50) const.phpでは以下のように定義されてするとします。 'scoreStatus' …

データを複数の条件で絞り件数を指定して表示したい場合

例えばあるデータを様々な条件で取得し、件数を指定して表示したい場合以下の条件でバナーを表示させるとします。 公開ステータスの順番の優先順位 1. 順番指定の番号が若い順 2. 更新日時順 3. 登録日順 公開されているデータが6件を超えた場合、上記順番を…

【Laravel】LINEのMessaging APIを使ってLINE公式アカウントからメッセージを送る

目標 LINEでテキストを送ったら、メッセージが自動で返信される処理を実装する。 主に以下のサイトを参考に実装しました。 LaravelでLINEにチャットボットをつくる(QRコード作成) – console dot log 今回はQRコードは返さずテキストのみ返します。 実装 ま…

ログインしているユーザーのメールアドレスをbladeで表示

Controllerを介さずにbladeでログインしているユーザーのメールアドレスなどを表示する方法 <span class="data">{{ auth('user')->user()->email }}</span>

日付の曜日まで日本語表示させたい

$information->created_at->formatLocalized("%Y/%m/%d (%a) %H:%M")と書いてましたが、以下でいけるらしい。 <time class="time"> {{ $information->created_at->isoFormat("YYYY/MM/DD (ddd) hh:mm") }} </time>

現在日時と比較して「○分前」と表示させたい

CarbonライブラリにあるdiffForHumans()メソッドを使えばOK $ php artisan tinker Psy Shell v0.10.4 (PHP 7.4.10 — cli) by Justin Hileman >>> now()->diffForHumans(now()->subDays(2)->subMinutes(2)); => "2日後" >>> now()->subDays(2)->subMinutes(2)…

【Mac】Springでのプロジェクト作成

javaのビルドツールはMavenを使い、プロジェクトを作成する方法を紹介します プロジェクト作成コマンド mvn -B archetype:generate -DgroupId=edu.self -DartifactId=my_first_spring_boot -Dversion=1.0.0-SNAPSHOT -DarchetypeArtifactId=maven-archetype-…

立ち上げたコミュニティが1歳になった🎂

tech美られでぃというコミュニティを立ち上げて1年ちょっとが経ちました (略して「てくちゅら」) tech-chura-lady.connpass.com最初は少し違和感があった略した呼び方も様になってきました笑。 tech美られでぃができた理由 このコミュニティはITに興味があ…

仮想DOM・リアルDOMとは?

ReactとjQueryのことを調べてたらリアルDOMって何?、仮想DOMって何?となったのでまとめてみました。 リアルDOM(DOM)とは? DOMのモデルは文書を論理的なツリーで表現します。 文書の構造をメモリ内に表現することで、ウェブページとスクリプトやプログラ…

シングルページアプリケーション・サーバーサイドレンダリングとは

シングルページアプリケーション(SPA)とは 単一のページでコンテンツの切り替えを行うWeb アプリケーションのアーキテクチャの名称です。 SPAを用いた有名な事例は Facebook Google Map など。 サーバーサイドレンダリング(SSR) (元々ブラウザ上で動かしてい…

Cookieとセッションの違い

疑問 Cookieとセッションの違いって何? セッションは何の役割?? Cookieとは HTTPの使用を拡張してWebアプリケーションとWebブラウザの間で情報を交換できるようにしたものです。 HTTPレスポンスのヘッダを利用して送られた情報は "Webブラウザ(クライア…

Firebaseとは

Firebase は Google が提供しているモバイルおよび Web アプリケーションのバックエンドサービスで、クラウドサービスの形態では BaaS に位置付けされています。 機能としては インフラ部分を任せることができる プッシュ通知を簡単に送ることができる メー…

Herokuとは

Herokuとはの前に クラウドサービスとは? 「SaaS」「PaaS」「IaaS」の3種類があります。SaaS 「Softwere as a Service」のことで、Gmailやブログサービスなどのようにインターネットに接続するだけで利用できるサービスのことを言います。(自由度は低め) …

クラスとかプロパティとかメソッドとかアクセス修飾子とか

日頃なんとなーく書いてて、理解してるようで全然してないこれらを先輩に教えてもらったので整理していこうと思います。 クラス・プロパティ・メソッドとは? クラスとは設計図、または雛形 プロパティとはクラスが持つ変数 メソッドとはクラスが持つ関数コ…

CSS Animation(ミッフィー編)

Hisami KuritaさんのCSSアニメーションがかっこいいので、斜めに画面が閉じるアニメーションを実装してみました。 See the Pen Screen Transition by Hisami Kurita (@hisamikurita) on CodePen. 斜めに画面が閉じるアニメーション See the Pen 斜めズーム b…

ローカルで作ったプロジェクトをリモート(github)に上げる

githubでリポジトリを作った時に手順書いてあるんですけど、簡単にメモします。例えばローカルでLaravelでプロジェクト作って、それをgitにあげたい場合 まず先にgithubでリポジトリ作っとく(リポジトリ名:project)次に↓ 実行コマンド [~]# composer crea…

Laravel7 認証機能

Laravel7 認証機能を作ってみました。 プロジェクト作成 [~]# composer create-project --prefer-dist laravel/laravel project .envファイルとdatabase.phpの修正 .envファイル DB_DATABASE=mydb config/database.php 'mysql' => [ 'driver' => 'mysql', 'u…

CSS Animation #2 をやってみた (2)

以下の記事の続きです yako3.hatenablog.com右上からババッて出てくる、左右交互にニュニュニュッて出てくるアニメーションを作っていきます HTMLは前回の記事と同じなので省略します 右上からババッて出てくるアニメーション .motion-type-2 div { transfor…

CSS Animation #2 をやってみた (1)

前回に引き続きpart2をやってみたので復習 www.youtube.comまずは画面いっぱいに色がブワッ!ってなるやつを作ります 中央から外へ色が広がるようにする HTMLはこんな感じ <main id="stage"> <div class="motion-type-1"> <div></div><div></div><div></div> </div> <div class="motion-type-2"> <div></div><div></div><div></div> </div> <div class="motion-type-3"> <div></div><div></div>…</div></main>

CSS Animation をやってみた(2)

この記事の続きです yako3.hatenablog.com画像に対して左からバーが出てきて画像を覆い隠すアニメーションを作っていくHTMLはこんな感じ <main id="slider"> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="paint"> <div></div> <div></div> <div></div> <div></div> </div> </main>

CSS Animation をやってみた(1)

key以下の動画をみながらCSS Animationをやってみました! www.youtube.com その振り返りを書いていこうと思います アニメーションで使用する画像やHTML, CSSはgitから 画像を用意する HTMLは最初こんな感じ <main id="slider"> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="hoge"></div> </main> CSSを1つづつ説明していく #slide…