プログラムメモ

WordpressのプラグインSmash Balloon Social Photo Feedのデータをデコードする

Thu, 05 Dec 2024 22:18:41 +0900

``` key = 'put your unique phrase here'; $this->salt = 'put your unique phrase here'; } public function decrypt($raw_value) { $decoded = base64_decode($raw_value); $method = 'aes-256-ctr'; $ivlen = openssl_cipher_iv_length($method); $iv =...

cssで下のレイヤーの要素にスクロールを伝播しない方法

Tue, 26 Nov 2024 20:33:02 +0900

# ● cssで下のレイヤーの要素にスクロールを伝播しない方法 ``` .content { overscroll-behavior: none; } ```

Go の New 命名規則

Fri, 22 Nov 2024 19:39:27 +0900

# ● Go の New 命名規則 ### ・関数名としての NewXxx New というプレフィックスを持つ関数名は、特定の型や構造体の新しいインスタンスを生成するためのコンストラクタ関数として使われます。 ``` func NewXxx(parameters) *Xxx { return &Xxx{...} // Xxx構造体のポインタを返す } ``` 例 ``` type person struct { height float32 weight float32 } func NewPerson(height, weight float32) *person{ return &person{height: height, weight: weight} } func main() { p := NewPerson(182.0, 75.5)...

cssで親要素（親 div）のサイズ幅でレスポンシブ

Thu, 21 Nov 2024 13:47:05 +0900

コンテナクエリー親DIVが768px未満の時に非表示にする。 ``` .parent{ container-type: inline-size; container-name: parent-container; } .child { @container parent-container (max-width: 768px) { display: none; } } ```

Gemini / ChatGPT / Claude APIでの戻り値の例

Fri, 15 Nov 2024 08:36:13 +0900

各API にそれぞれ「こんにちは」のメッセージを投げた時の戻り値です # ● Gemini ``` { "candidates": [ { "content": { "parts": [ { "text": "こんにちは！何かお手伝いできることはありますか？ \n" } ], "role": "model" }, "finishReason": "STOP", "index": 0, "safetyRatings": [ { "category": "HARM_CATEGORY_SEXUALLY_EXPLICIT",...

アプリ生成AI

Sun, 10 Nov 2024 22:59:59 +0900

アプリ生成AI で、1番有名なのはv0ですが、対抗馬として以下のようなものもあります # ● v0 https://v0.dev/ # ● bolt.new https://bolt.new/ # ● Create https://www.create.xyz/ replit https://replit.com/

MySQL の CHECK 制約

Thu, 07 Nov 2024 12:37:24 +0900

``` MySQL の CHECK 制約とは簡単に言うと**「記述した条件式に合わない行の挿入・更新を防ぐ」**ものです。 INSERT, UPDATE, REPLACE, LOAD DATA, LOAD XMLの実行時に評価される評価の結果がFALSEの場合にエラーになる（行の挿入・更新が行われない） ``` 引用 : https://bit.ly/3YV6d50 CHECK制約を作成する ``` ALTER TABLE users ADD COLUMN default_width TINYINT UNSIGNED NOT NULL DEFAULT 16 COMMENT 'デフォルト幅%（1-99）' AFTER email, ADD CONSTRAINT chk_slide_default_width CHECK (default_width >= 1...

Next.js Version 15 でのキャッシュ挙動のまとめ

Wed, 30 Oct 2024 15:03:55 +0900

# ● Next.js AppRouter には 4種類のキャッシュがある https://nextjs.org/docs/app/building-your-application/caching | 種類 | デフォルト on / off | | ---------------------------- | -------------- | | 1 . Request Memoization | **on** | | 2 . Data Cache | off | | 3 . Full Route Cache | **on** | | 4 . Client-side Router Cache | off...

next.js の /api/ エンドポイントを /apinext/ に変えたい

Thu, 24 Oct 2024 17:46:55 +0900

# ● next.js の /api/ エンドポイントを /apinext/ に変えたい Next.jsのAPIルートのパスを変更するには、next.config.jsでリライトルールを設定します。 ``` // next.config.js /** @type {import('next').NextConfig} */ const nextConfig = { async rewrites() { return [ { source: '/apinext/:path*', destination: '/api/:path*', }, ]; }, } module.exports = nextConfig ```

Next.js で Stripe

Thu, 24 Oct 2024 17:35:26 +0900

stripe のインストール ``` npm i stripe @stripe/stripe-js @stripe/react-stripe-js npm i -D @types/stripe ``` **types/stripe.ts** ``` export interface PaymentIntentRequest { amount: number; contentId: string; } export interface PaymentIntentResponse { clientSecret: string; } ```

新しいメディアクエリの書き方

Thu, 24 Oct 2024 08:37:27 +0900

# ● 新しいメディアクエリの書き方 ``` @media (width < 640px) { .myclass { padding: 0 4px; } } @media (768px <= width < 1024px) { .myclass { padding: 0 8px; } } @media (1024px <= width < 1280px) { .myclass { padding: 0 16px; } } @media (1280px <= width) { .myclass { padding: 0 16px; } } ``` # ● Tailwind CSS 互換のブレイクポイント ``` /* Tailwind CSS...

vs codeとIntelliJ IDEAでファイル名と内容を一度にコピー

Fri, 18 Oct 2024 17:59:13 +0900

# ● vs code **~/Library/Application Support/Code/User/keybindings.json** ``` { "key": "cmd+alt+shift+a", "command": "workbench.action.terminal.sendSequence", "args": { "text": "(echo \"**$(basename \"${file}\")**\"; echo; echo '```'; cat \"${file}\"; echo '```') | pbcopy \n" } } ``` # ● IntelliJ IDEA ```...

jest の transformer でカスタムトランスフォーマーを使用する

Fri, 18 Oct 2024 08:33:50 +0900

**jest.config.js** ``` /** * For a detailed explanation regarding each configuration property, visit: * https://jestjs.io/docs/configuration */ /** @type {import('jest').Config} */ const config = { coverageProvider: "v8", // カスタムトランスフォーマー設定 transform: { "^.+\\.ts$": "/my-transformer.js", }, }; module.exports = config; ``` **my-transformer.js** ``` //...

fabric

Fri, 15 Nov 2024 09:05:00 +0900

# ● pythonのバージョン確認 ``` python --version Python 2.7.18 ``` # ● pyenvのインストール ``` brew install pyenv ``` ``` echo 'export PYENV_ROOT="$HOME/.pyenv"' >> ~/.bash_profile echo 'export PATH="$PYENV_ROOT/bin:$PATH"' >> ~/.bash_profile echo 'eval "$(pyenv init -)"' >> ~/.bash_profile source ~/.bash_profile ``` ``` pyenv --version ``` # ● pythonのインストール ``` pyenv install --list pyenv install...

必須のOGP設定

Tue, 15 Oct 2024 13:38:29 +0900

# ● 必須のOGP設定 ``` ```

mysql8 で起動エラー「mysqld_safe mysqld from pid file xxxxx ended」を解消する

Fri, 11 Oct 2024 15:07:41 +0900

# ● mysql8 で起動エラー「mysqld_safe mysqld from pid file xxxxx ended」を解消する ``` mysqld_safe mysqld from pid file /opt/homebrew/var/mysql/xxxxxxxx.local.pid ended ``` # ● ログファイルの特定 ``` cd /opt/homebrew/var/mysql ls -l *.err ``` # ● ログを表示します ``` tail -f xxxxxxx.local.err ``` # ● 別のターミナルでmysqlを実行します ``` mysql.server start ``` エラー箇所を発見 ``` [ERROR] [MY-014061] [InnoDB] Invalid MySQL server...

Next.js で警告「Skipping auto-scroll behavior due to `position: sticky` or `position: fixed` on element」

Thu, 03 Oct 2024 17:30:12 +0900

# ● Next.js で警告「Skipping auto-scroll behavior due to `position: sticky` or `position: fixed` on element」が出る場合の対応 ``` router.push(`/mypage`); ``` 　　↓ ``` router.push(`/mypage`, { scroll: false }); ```

reactでvideo.js

Thu, 03 Oct 2024 18:55:49 +0900

video.js のインストール ``` npm i video.js npm i -D @types/video.js ``` # ● VideoPlayer コンポーネントの作成 **src/VideoPlayer.tsx** ``` import React, { useEffect, useRef, useState } from 'react'; import videojs from 'video.js'; import Player from 'video.js/dist/types/player'; interface VideoPlayerProps { src: string; type?: string; } const VideoPlayer: React.FC = ({ src, type =...

「親DIVの横幅が300px以内の場合...」を実現するコンテナクエリ

Mon, 30 Sep 2024 21:12:20 +0900

# ● 1. 親divのコンテナタイプを設定する ``` .container { container-type: inline-size; } ``` ``` size：横方向と縦方向のサイズに応じてスタイルを適用する inline-size：横方向のサイズに応じてスタイルを適用する normal：通常動作 ``` # ● 2. レスポンシブにしたいdivに @container を記述する **親DIVの横幅が300px以内の場合** ``` @container (max-width: 300px) { .child { /* スタイル定義 */ } } ``` #### 対象となるコンテナ: @container クエリは、直近の祖先要素の中で container-type プロパティが設定されている要素を対象とします。...

css で長いテキストを ... で表示する。マウスオーバーで全て表示する。

Mon, 30 Sep 2024 08:16:33 +0900

# ● css で長いテキストを ... （3点リーダー）で表示する ## ● css で長いテキストを ... （三点リーダー）で表示する（1行の場合） ``` overflow: hidden; white-space: nowrap; text-overflow: ellipsis; ``` ## ● css で長いテキストを ... （三点リーダー）で表示する + マウスオーバーで全て表示させる ``` .column_name { display: block; font-size: 12px; color: #afafaf; max-width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }...

英語テキスト（連続したアルファベット）の折り返し（divをはみ出る）の対応

Fri, 20 Sep 2024 17:26:01 +0900

# ● 英語テキスト（連続したアルファベット）の折り返し（divをはみ出る）の対応 ``` 解決策1: word-break: break-all; 解決策2: overflow-wrap: break-word; 解決策3: word-break: break-word; 解決策4: hyphens: auto; ```

centos に redis をインストールする

Wed, 18 Sep 2024 10:23:38 +0900

# ● redisのインストール ``` sudo dnf info redis ``` ``` sudo dnf install -y redis ``` # ● redisの起動 ``` sudo systemctl start redis ``` # ● サーバーマシン再起動時に自動起動する設定 ``` sudo systemctl enable redis ``` # ● redisのステータスの確認 ``` systemctl status redis ```

Golang の golang-migrate を centos にインストールする

Wed, 18 Sep 2024 10:13:56 +0900

### 1. Goのインストール: まず、Goがインストールされていることを確認してください。インストールされていない場合は、CentOSの公式リポジトリまたはGoの公式サイトからインストールしてください。 ### 2. 必要なパッケージのインストール: MySQLのドライバーをコンパイルするために必要なパッケージをインストールします。 ``` sudo yum install gcc ``` ### 3. golang-migrateのインストール: MySQLタグを指定してgolang-migrateをインストールします。 ``` go install -tags 'mysql' github.com/golang-migrate/migrate/v4/cmd/migrate@latest ``` ### 4. PATHの設定:...

Redux の作り方

Fri, 13 Sep 2024 11:30:43 +0900

# ● Redux の作り方A （いにしえの作り方。一応知っておいた方いいです。） **構成** ``` src/ ├── store/ │ ├── alert/ │ │ ├── actions.ts │ │ ├── reducer.ts │ │ └── types.ts │ └── index.ts ``` **types.ts** ``` // src/store/alert/types.ts export const SHOW_ALERT = 'SHOW_ALERT'; export const HIDE_ALERT = 'HIDE_ALERT'; export type AlertState = 'show' | 'hidden'; interface ShowAlertAction { type: typeof...

Emotion から goober へ乗り換える

Thu, 26 Sep 2024 16:38:13 +0900

# ● goober のインストール goober では className を使用するので clsx も同時に入れておくと便利です ``` npm i goober npm i clsx ``` # ● import文を書き換えて css を className に書き換える ``` import { css } from "@emotion/react"; 　　↓ import { css } from "goober"; ``` css はそのまま使えます ``` const myStyle = css` background-color: #fff; border-radius: 8px; padding: 8px 16px; position: fixed; font-size: 20px; color: #493333; `;...

Laravel 10 → Laravel 11 へのアップグレード

Mon, 09 Sep 2024 09:25:38 +0900

# ● Laravel 10 → Laravel 11 へのアップグレード ## 1. composer.json のバージョンを書き換える ``` "require": { "php": "^8.2", "laravel/framework": "^11.0", "laravel/sanctum": "^4.0", "require-dev": { "nunomaduro/collision": "^8.1", ``` 廃止パッケージの削除 **laravelcollective/html** などは廃止となったので削除します ``` "laravelcollective/html": "^6.4", ``` ## 2. composer updateする ``` composer...

laravelでapiの文字化けを解消する

Mon, 02 Sep 2024 14:36:16 +0900

# ● API用のコントローラーにエスケープしないで返すメソッドをTraitで作成する **app/Http/Controllers/Api/JsonResponseTrait.php** ```

Laravel11で最初にやっておいた方が良い初期設定

Fri, 30 Aug 2024 22:59:32 +0900

# ● Laravel Breeze 日本語化パッケージ breezejp を入れる https://github.com/askdkc/breezejp ``` composer require askdkc/breezejp --dev php artisan breezejp ``` langディレクトリも作ってくれた上でその中に以下のファイルが追加されます。 ``` lang ├── ja │ ├── auth.php │ ├── pagination.php │ ├── passwords.php │ └── validation.php └── ja.json ``` また **.env** の以下も書き換えてくれます ``` APP_TIMEZONE=Asia/Tokyo APP_LOCALE=ja...

conoha vps のマシンイメージのバックアップ

Fri, 30 Aug 2024 08:56:59 +0900

# ● 起動中のマシンをシャットダウンさせる ``` コンソール → サーバー → マシン名クリック → シャットダウン ``` # ● バックアップを作成する ``` コンソール → サーバー → マシン名クリック → イメージ保存バックアップに名前をつけて保存します ```

Laravel に後から inertia / react / typescript を入れて使用する

Fri, 30 Aug 2024 08:33:01 +0900

# ● inertiaのインストール ``` composer require inertiajs/inertia-laravel ``` # ● npmパッケージ inertis / react / typescript のインストール ``` npm i react react-dom @inertiajs/inertia @inertiajs/inertia-react npm i -D @vitejs/plugin-react npm i -D typescript @types/react @types/react-dom ``` # ● tsconfig.jsonを生成する ``` ./node_modules/.bin/tsc --init --jsx react ``` ``` vi tsconfig.json ``` 以下の内容で保存 ``` {...

fetch と axios のざっくりとした違い

Tue, 27 Aug 2024 14:55:06 +0900

# ● axios ``` const res = await axios.get('https://httpbin.org/status/404'); console.log('● res'); console.log(res); // res.data → jsonデータが返る // ネットワークエラー → 例外発生 // APIエラー(404) → 例外発生 ``` # ● fetch ``` const res = await fetch('https://swapi.dev/api/people/1'); console.log('● res'); console.log(await res.json()); // await res.json() → jsonデータが返る // ネットワークエラー →...

Next.js で Next UI

Thu, 22 Aug 2024 18:30:49 +0900

``` npm i @nextui-org/react framer-motion ``` **tailwind.config.ts** ``` // tailwind.config.js const {nextui} = require("@nextui-org/react"); /** @type {import('tailwindcss').Config} */ module.exports = { content: [ ...... // ● NextUI この行を追加 "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, darkMode: "class", plugins:...

Next.js AppRoute で Firesotreチャットアプリサンプル

Thu, 22 Aug 2024 16:46:03 +0900

# ● Firebase での設定 ``` ・Firebase Console からプロジェクトを作成・Firestore Database → データベースを作成・プロジェクトの設定 → ウェブアプリに Firebase を追加 → configを保存。 ``` # ● Cloud Firestore のルールを変更する ``` service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read, write: if true; } } } ``` # ● Next.jsアプリを初期化 ``` npx create-next-app@latest ``` # ● npm インストール...

ts-auto-guardの使い方

Mon, 09 Sep 2024 11:27:24 +0900

# ● ts-auto-guardとは？ > 外からやってくるjsonデータを検査する関数を型から自動生成するものです。 # ● ts-auto-guard のインストール ``` npm i -D ts-auto-guard ``` # ● 使い方 1. 自動生成型を記述してあるファイル名を指定して実行 ``` npx ts-auto-guard --export-all src/types/post.ts ``` 同じフォルダに **Post.guard.ts** という名前で自動生成されます。 # ● 使い方 2. データ受信ライブラリに組み込む Tanstack Query や RTK Query などに組み込みます。 **ガードを実行する関数を作成します** ``` /** * レスポンスを検査するガード関数を作成して返す。 * -...

Next.js AppRouter のおすすめeslint 設定

Fri, 04 Oct 2024 12:58:27 +0900

# ● typescript-eslint の追加 ``` npm i -D @typescript-eslint/eslint-plugin ``` **.eslintrc.json** ``` { "extends": [ "prettier", "next/core-web-vitals", "plugin:@typescript-eslint/recommended" ], "rules": { // img を許可 "@next/next/no-img-element": "off", "@typescript-eslint/no-explicit-any": "error", "@typescript-eslint/no-unused-vars": [ "error",...

webアプリ開発時のCORS対応に必ず登場する HAR の使い方

Wed, 31 Jul 2024 10:13:28 +0900

# ● HAR の保存方法 ``` Google Chrome → F12 → Network → Fetch/XHRタブを選択 → 送信されたリクエストを右クリックして「Save all as HAR with content」 ``` # ● HAR Analyzer https://toolbox.googleapps.com/apps/har_analyzer/?lang=ja

vs code の typescript おすすめ設定

Wed, 24 Jul 2024 10:06:18 +0900

# ● vs code の typescript おすすめ設定 ``` "[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true, "editor.codeActionsOnSave": { "source.organizeImports": "explicit", // import自動ソート "source.fixAll": "explicit", // eslintやprettierのfixを実行 "source.addMissingImports": "explicit" //...

typescript の tsconfig.json の include と exclude

Fri, 12 Jul 2024 09:54:04 +0900

# ● tsconfig.json の include https://www.typescriptlang.org/ja/tsconfig/#include ``` プログラムに含めるファイル名またはパターンのリストを指定します。ファイル名はtsconfig.jsonファイルを含んでいるディレクトリからの相対パスとして解決されます。 ``` **tsconfig.json** ``` { "include": ["src/**/*", "tests/**/*"] } ``` # ● tsconfigの exclude https://www.typescriptlang.org/ja/tsconfig/#exclude ``` includeの解決時にスキップさせるファイル名やパターンのリストを指定します。 ```

typescript ?修飾子と undefined の違い

Thu, 11 Jul 2024 10:32:52 +0900

``` address?: string; ``` と ``` address: string | undefined; ``` を同じと認識されている方が多いようですが、以下のようにキーが存在するかどうか？という点で違いがあります。 ``` interface Person { name: string; age: number; address?: string; } const person1:Person = { name:"yamada", age:20 }; const person2:Person = { name:"yamada", age:20, address: undefined }; console.log(person1.address); // undefined...

dnf update に失敗する場合の対応

Thu, 04 Jul 2024 15:17:15 +0900

``` dnf update -y ``` が以下のエラーで失敗する場合の対応 ``` CentOS Stream 8 - AppStream Errors during downloading metadata for repository 'appstream': - Curl error (6): Couldn't resolve host name for http://mirrorlist.centos.org/?release=8-stream&arch=x86_64&repo=AppStream&infra=stock [Could not resolve host: mirrorlist.centos.org] ``` ``` cd /etc/yum.repos.d/ ``` ``` sed -i 's/mirrorlist/#mirrorlist/g'...

作業中ブランチにいながら、派生元ブランチ（master）で行われた更新を取り込む（マージする）

Tue, 25 Jun 2024 17:14:22 +0900

# ● 作業中ブランチにいながら、派生元ブランチ（master）で行われた更新を取り込む（マージする）ブランチが master とそこからブランチを切った devブランチがあるとします。例 : **dev**ブランチを作業しながら **master** に適用されたアップデートを取り込む方法です。 ## 1. source tree アプリの場合 ``` ・「フェッチ」をクリックして取り込む・ブランチ「dev」をダブルクリックしてチェックアウトする・「マージ」をクリックしてマージするコミットを選択（オプションも合わせて選択）してマージを実行する ``` ## 2. git コマンドの場合（現在の作業ブランチは dev とします。） ``` # origin を更新 git fetch origin # 作業中ブランチへ master...

npm i を実行した時の prepare , postinstall の実行順

Fri, 21 Jun 2024 16:33:40 +0900

**package.json** ``` { "name": "example-project", "version": "1.0.0", "scripts": { "preinstall": "echo preinstall", "install": "echo install", "postinstall": "echo postinstall", "prepare": "echo prepare" }, "dependencies": { "react": "^18" } } ``` ``` npm i ``` **結果** ``` preinstall install postinstall prepare ``` # ● preinstall, install, postinstall,...

2つ前のコミットのタイトルを変更したい

Wed, 19 Jun 2024 13:07:00 +0900

# ● git rebase -i を使用する ``` git rebase -i コマンドは、インタラクティブリベースを実行するためのコマンドです。これは、コミットの履歴を再整理し、コミットメッセージを変更したり、コミットを結合したり、不要なコミットを削除したりするために使用されます。 ``` # ● 2つ前のコミットのタイトルを変更したい ### ・直近 2つのコミットを操作する ``` git rebase -i HEAD~2 ``` 以下のように表示されます。 ``` pick f1e2d3f 初めのコミットメッセージ pick a4b5c6g 次のコミットメッセージ ``` ###・操作を指定する操作としては以下の記述のどれかを指定します。 ``` pick：そのままコミットを使う reword：コミットメッセージを変更する...

iphone で /etc/hosts を変更する代わりにMacでプロキシサーバ立てる

Fri, 14 Jun 2024 11:25:04 +0900

``` brew install squid brew services start squid ``` vi /opt/homebrew/etc/squid.conf ``` # # Recommended minimum configuration: # # Example rule allowing access from your local networks. # Adapt to list your (internal) IP networks from where browsing # should be allowed acl localnet src 0.0.0.1-0.255.255.255 # RFC 1122 "this" network (LAN) acl localnet src 10.0.0.0/8 # RFC 1918...

curl より見やすい httpie をインストールする

Tue, 11 Jun 2024 11:58:45 +0900

# ● httpie をインストールする ``` brew install httpie ``` # ● http コマンドの実行 ``` http GET https://www.google.co.jp/ ``` # ● http コマンドの実行（表示を詳しく） ``` http --follow --verbose GET https://www.google.co.jp/ ```

ChatGPTに素早く質問するためにファイル名とファイル内容をクリップボードにコピーするコマンドを作成する vs code / webstorm

Fri, 07 Jun 2024 16:07:07 +0900

# ● ChatGPTに素早く質問するためにファイル名とファイル内容をクリップボードにコピーするコマンドを作成する ## 1. cfc コマンドの作成 ``` sudo vi /usr/local/bin/cfc ``` ``` #!/bin/bash if [ -z "$1" ]; then echo "No file path provided" exit 1 fi FILE_PATH="$1" FILE_NAME=$(basename "$FILE_PATH") FILE_CONTENT=$(cat "$FILE_PATH") FORMATTED_CONTENT="**${FILE_NAME}**\n\n\`\`\`\n${FILE_CONTENT}\n\`\`\`" # MacOSの場合: echo -e "$FORMATTED_CONTENT" |...

gitプロジェクト内にスニペットを作成する

Wed, 05 Jun 2024 09:26:11 +0900

# ● gitプロジェクト内にスニペットを作成する **.vscode/myteam.code-snippets** (名前は何でも良い。) 以下のフォーマットで置くだけです。 ``` { "console.log (独自スニペット)": { "scope": "javascript,typescript", "prefix": "cl", "body": ["console.log('$1');", "$2"], "description": "console.log snippet" }, } ``` 改行は変換しないといけないので、拡張機能を使用しましょう。 # ● snippet-generator...

vscode , cursor エディタなどで .git フォルダが見えないのを見えるようにする

Mon, 03 Jun 2024 15:53:10 +0900

# ● vscode , cursor エディタなどで .git フォルダが見えないのを見えるようにする下記のように指定ファイルとフォルダを表示する設定を変更します ``` 1. VSCode のメニューから File (またはファイル) > Preferences (または設定) > Settings を選択します。 2. 左側の検索バーに「files: exclude」と入力します。 3. Files: Exclude 設定のリストから .git フォルダが含まれているか確認し、もし含まれている場合はそのチェックを外します。 ```

laravel で controller からある artisan コマンドを実行する

Sun, 02 Jun 2024 09:18:29 +0900

# ● laravel で controller からある artisan コマンドを実行するまず、コントローラーの中でArtisanファサードをインポートします。 ``` use Illuminate\Support\Facades\Artisan; ``` ``` public function runCustomCommand() { $exitCode = Artisan::call('your:command', [ 'name' => 'value', ]); return response()->json(['message' => 'Custom command executed successfully.', 'exitCode' => $exitCode]); } ```

Mac に rustと wasm-pack をインストールする

Tue, 28 May 2024 17:05:15 +0900

# ● rustupのインストール ``` curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh ``` **.bash_profile** ``` source ~/.cargo/env ``` # ● rustのバージョン確認 ``` rustc --version ``` # ● wasm-pack のインストール ``` cargo install wasm-pack ```