サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
TGS2024
maasaablog.com
この記事は何? ※現在はscode-chatgptが開発中止となり、ChatGPT – Genie AIという拡張機能になっているので、ご注意を。 ChatGPT - Genie AI - Visual Studio MarketplaceExtension for Visual Studio Code - Your best AI pair programmer. Save conversations and continue any time. A Visual Studio Code - ChatGPT Integration. Supports ...marketplace.visualstudio.com masayan VSCodeを使用しているエンジニアで、この拡張機能を活用していないという方はいないとは思いますが、万が一いるようであれば、一度開発の手を止めて、先にこの拡張機
import { z } from "zod"; // creating a schema for strings const mySchema = z.string(); // parsing mySchema.parse("tuna"); // => "tuna" mySchema.parse(12); // => throws ZodError // "safe" parsing (doesn't throw error if validation fails) mySchema.safeParse("tuna"); // => { success: true; data: "tuna" } mySchema.safeParse(12); // => { success: false; error: ZodError }
laravelで部分的にreactコンポーネントを使用する際のTipsについて紹介しています。こちらの記事の続きです。 Laravel8 (laravel/ui)で認証機能をサクッと作成する 環境windows10Laravel 8.xPHP 8.xnode v14.17.4npm 6.14.14VsCodegitbash 2.32.0.1動作イメージ画面はこんな感じです Tips一覧laravelのbladeファイルにreactコンポーネントを設置して表示する方法laravelのbladeファイルから変数をreactコンポーネントに渡す方法react側のformでcsrf_tokenを設置する方法Tips詳細laravelのbladeファイルにreactコンポーネントを設置して表示する方法ポイントは以下です bladeファイル内でapp.blade.phpを読み込みつつ、中身はsecti
プレビュー表示プレビュー表示のないマークダウンなんて、マークダウンじゃないですよね。 コマンドパレット(Ctrl + Shift + P)を実行すると、Markdown:プレビューを横に表示という項目があるので、クリックします そうすると、画面右側にプレビュー表示されます。いい感じですね。 プレビューをオシャレに
windows10DockerDesktop for Win 3.5.xLaravel 8.xPHP 8.xnode v16.13.1npm 8.1.2Next.js 12.0.7React 17.0.1VsCodegitbash 2.32.0.1ゴールLaravel側で簡単なAPIを作成し、Nextjs側からデータフェッチできることNext.jsでhtmlをプレレンダリングしてブラウザに表示できること構成 前提Jamstack ・一般的なwebアプリやSPAとは異なり、サーバー側でビルドされた静的なHTMLを取得して、 ブラウザで表示するだけの構成 ・動的なデータはサーバーでのビルド時にサーバー側でAPIやDBからデータを取得して htmlに組み込む ・SEO評価が高いという観点から、Jamstackはブログやコーポレートサイトの作成に向いている ・データが更新されたタイミングで都度ビル
環境windows10DockerDesktop for Win 3.5.xLaravel 8.xPHP 8.xnode v14.17.4npm 6.14.14VsCodegitbash 2.32.0.1本題Dockerにおける、マウントの種類は大きく3種類あります。 このうち、Volumesを使用してnode_modulesフォルダをDockerコンテナ側のみの管理下に置いてあげることで、npmコマンド(npm installやrun dev)の実行速度が大幅に改善できます。 bind mounts Dockerにおけるマウントとしておそらく一番身近なのはおそらくこちらVolumestmpfs mountsbind mountsホストマシン上のファイルやディレクトリはコンテナにマウントされます(どのようにマウントするかはymlファイルに記載)VolumesDocker(Linuxだと/v
windows10node v14.17.4npm 6.14.14VsCodegitbash 2.32.0.1動作イメージtsファイルでローカルにてコーディング(型定義のfileもインストールするので、GASのコード補完が効く) CLIからサーバーへpush ↓ pushしたソースをスクリプトエディタ上で実行 設定手順npmでプロジェクト作成(package.jsonが作成される) claspのインストールclaspは、Google が提供するGoogle Apps Script(GAS)をローカルで管理出来る様になる CLI ツールのことです。また、ローカル上でTypeScriptで記述したコードはclaspがをJSにコンパイルしてくれます。 プロジェクトの存在するディレクトリに移動
このページを最初にブックマークしてみませんか?
『maasaablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く