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)…

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

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

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

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

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

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

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

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

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

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

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

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

前回に引き続き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>

この記事の続きです 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>

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を１つづつ説明していく #slide…

以下のイベントに参加したので復習していきたいと思います tech-chura-lady.connpass.com講師の方をお招きしてハンズオン形式でDockerを学んでいきました 以下資料 GitHub - kkznch/20200215_docker-hands-on_starter Dockerとはをざっくり（こんな感じかな…