Ebay拡張機能の取り込み方法
手順 拡張機能をインストール キーの設定 動作確認 1. 拡張機能をインストール 下記のURLにて拡張機能をインストール https://chromewebstore.google.com/detail/ebaychrome/eofnmie…
【AWS】APIGateWay + LambdaでAPI開発をする
API開発を行う際にサーバーを立てると常時費用がかかりコスパが悪い。そんな時に役立つのがAPIGateWay + LambdaのAPI開発です。いつもは何もしないけどやる時はやる。そんなイケてるやつです。アクセス数による従量課金なので小規模開発ならほぼ費用はかかりません。 - パート 2
【基礎を学ぶ】TypeScriptの「型」について深掘りする
そもそもTypeScriptとはJavaScriptは実行時にデータ型を決める動的型付けです。動的型付けには、実行時にデータ型が自動で決まるため実行するまでエラーの存在に気付きにくく、バグが起こりやすいという問題点がありました。この問題を解決するため、TypeScriptではあらかじめ変数の型を定義する静的型付けを採用 - パート 2
【Next.js】Supabaseを使ってデータのやり取りを実装する
本業ではバックエンドをメインに扱っているのでNext.jsを学んでいると「データベースはどうしたらいいの」がなかなか難しい。（選択肢が多いし、何が良いのかよくわからない）今回はsupabaseというBaaSを使ってデータベースを構築してみる。 - パート 2
【Next.js】shadcn/uiを使ってオシャレなアプリを爆速で作る
shadcn/uiとは、カスタマイズ性に優れたUIコンポーネントの集まりです。 特筆すべきはコンポーネントライブラリではない点です。 従来のコンポーネントライブラリは概ね npmパッケージ として配布されておりそこで管理されますが、shadcn/uiはnpmの依存関係に影響しません。 - パート 2
【Next.js】CSSモジュールを使って管理を楽にする
CSS Modulesは、各コンポーネントに対してスコープを適用し、他のコンポーネントから隔離されたスタイルを提供するスタイリング方法の一種です。 CSS Modulesでは、クラスセレクターがユニークになるように変換することで、クラスセレクター同士が被らないようになっています。 - パート 2
【簡単】Next.jsをインストールしてVercelにデプロイする
普段の業務ではLaravelでの開発がメインでフロントはズブの素人。よく耳にするNext.js,Vercelというワードがどのようなものなのかを実際に体験してみる。全体像はまだ見えていないのでハンズオンで進めながらイメージを掴んでいく。プロジェクト作成~デプロイまで簡単に実現できた。とても簡単でした！ - パート 2
【Laravel Sail*Ngrok】dockerでngrokを使用してサービスを公開
個人開発をしているとstripeやLINEなどの外部サービスとの連携などで、https通信をしたいけどわざわざサーバーを立てるのもという状況がやってくる。そんな時に大活躍するのがngrok(エングロックというらしい)です。これは簡単に言えば、自分がローカルで作ったWEBの画面を一時的に外部の誰かに安全に公開できるもの。 - パート 2
【Laravel10*M3】Laravelプロジェクトの始め方
Macを新調して開発をしていくにあたって、自分のMacの環境はあまり汚したくない（必要ないライブラリなどは入れたくない）のでスマートに開発、デプロイができるように手順をまとめておきます。 Laravel11は結構破壊的なモデルチェンジなのでLaravel10の開発環境を整えるものとします。 - パート 2
【2024年版】Pythonでスプレッドシートを操作する
スプレッドシートはとても汎用性が高く、誰でも使えて便利。誰でも使えるからこそ「その処理自動化したほうが楽だよな、、」というケースは多いと思います。 そんな痒いところに手を届かす方法をまとめておきます。 - パート 2