記事一覧
Tailwindcssで背景色の指定
よく使う割にすぐ忘れるので、メモ用です。 Tailwindsccで背景色のクラスの指定は bg-(色)-(数字) という形式で表す。 ↓ここを参考にする。↓ https://tailwindcss.com…
【tailwindcss】初挑戦
tailwindcssをお試し感覚で触れる環境を構築する。 今回はサクッと試してみたいので、CDNを利用する。 <head> <script src="https://cdn.tailwindcss.com"></script></…
Postmanを使う:インストールから
ここにアクセスしてインストールする https://www.postman.com/downloads/ インストールできたら、アカウントを作成するように求められるので 必要項目を入力してアカウン…
レスポンシブのハンバーガーメニューのヘッダーを作る
はじめにhtml+css+javascriptで、ライブラリ不使用のプレーンなコードで
シンプルなハンバーガーメニューのヘッダーを作ります。
完成イメージ
レスポンシブ対応の、スマホ画面対応のヘッダーを作ります。まず先に、イメージをお見せします。
PC画面ではこのうな表示です。
これがスマホ画面だとこのようにメニューのテキストが消えて
ハンバーガーメニューと呼ばれる横バー3本のボタンが出現し
Laravelでstrageディレクトリに保存した画像の表示
自分の場合、publicディレクトリに"images"という名前のディレクトリを作っている。
ブラウザのアドレスバーにこのようにURLを書けば、画像を表示(アクセス)できる。
http://127.0.0.1:8000/storage/images/X7DN2jiAsEVmVIr771J39kMcAuVet5gDzvUhXA1B.jpg
Tailwindcssで背景色の指定
よく使う割にすぐ忘れるので、メモ用です。
Tailwindsccで背景色のクラスの指定は
bg-(色)-(数字)
という形式で表す。
↓ここを参考にする。↓
https://tailwindcss.com/docs/background-color
実にたくさんの色が用意されているので、
使いたい色がきっと見つかると思います。
実際にコーディングする時は下記のような感じ。
<div c
ChatGPTを始める〜利用方法(アカウント作成から)〜
まずは、ChatGPTの公式サイトにアクセス。
Try ChatGPTをクリック
クリックすると、しばらくローディング中になり
ロボットではないかどうかを聞かれます。
チェックボックスをクリックします。その後、下記のような画面になります。
これから登録して使っていくので、"Sign UP"をクリックします。
押したら、この画面になります。
GoogleやMicrosoftのアカウントから
【React】ReactでCookieを使ってみよう
まずは、インストールから。
npm install react-cookie
続いてcookieのモジュールをインポートします。
cookieを使いたい場所で下記を記載しましょう。
import { useCookies } from "react-cookie";
これでReactでcookieを使う準備が整いました。
では、cookieに値を保存することをやってみましょう。
まずはこ
【tailwindcss】初挑戦
tailwindcssをお試し感覚で触れる環境を構築する。
今回はサクッと試してみたいので、CDNを利用する。
<head> <script src="https://cdn.tailwindcss.com"></script></head>
クラスの一覧はこのサイトが参考になるhttps://tailwindcomponents.com/cheatsheet/
とりあえず、これで簡
【Docker】インストール
公式サイトからインストールします
【laravel】 Route [login] not defined.エラー
Jwtで承認APIを組んでいて、logoutを処理を試していたら
Route [login] not defined.というエラーが発生した。
色々調べてみると、存在しないURLやtoken認証が外れたときにサイトへアクセスすると、デフォルトの設定ではLoginルートへ遷移するらしい。
(->name('login')を定義していないとこのエラーが出る)
そこでlogin以外に遷移させたい場合
【github】ローカルのプロジェクトをリモートリポジトリにアップする
前提として、github側でリモートリポジトリを作成ずみ、
プロジェクトをgit管理済みであるとする。
プロジェクトのディレクトリに移動した状態で、下記コマンドにてリモートリポジトリを登録する。
git remote add origin (githubよりコピーする)
下記コマンドにてリモートリポジトリにプッシュ(ローカルにあるデータをgithubのリモートリポジトリにアップロード)する。
【Laravel】Illuminateはどこ?
laravelをより深く学んでいくと、クラスやメソッドがどうなっているか
知りたくなる。
illuminateフォルダの中に、それらが入っていることが多いが
いつも場所を忘れるので、ここにメモしておく
【ルート】
vendor > laravel > src > Illuminate
写真もつけておく
Postmanを使う:インストールから
ここにアクセスしてインストールする
https://www.postman.com/downloads/
インストールできたら、アカウントを作成するように求められるので
必要項目を入力してアカウント作成
このあと、スクショを撮り損ねたが、なんかさらに質問(英語であなたの職業は?みたいな内容だったと思う。)を聞いてきて入力する求める画面が出てくる。下部のあたりにskipのボタンがあるのでそれを押
【Laravel】auth機能を使用する
プロジェクトを作成する。
auth機能を使用するための準備
下記コマンドを実行
composer require laravel/ui
php artisan ui vue --auth
npm install
npm run dev
データベースの準備
データベースを作成する。
touch database/database.sqlite
.envファイルを下記のように編集す
【Laravel】コマンド集
・バージョン確認
php artisan -V
・コントローラ作成
php artisan make:controller コントローラの名前
・ルート確認
php artisan route:list
随時、更新予定。