TypeScriptをコマンドラインで実行する
1つのTypeScriptファイルのみを実行するために、package.json+node_modulesの組み合わせは少々煩雑でしょう。今日いくつかコマンドラインでTypeScriptファイルを実装できる方法をまとめてみます。 npx ts-node に依存します。8.…
投稿数 91 件（51 ～ 60件目）
プライベートサブネット中のインスタンスをエージェント転送でSSH
ウェブアプリのインスタンスをパブリックサブネットに、DBインスタンスをプライベートサブネットに（節約モードでAWS RDS利用せず）置くのがセキュリティ基本対策とも言えるでしょう。 プライベートサブネットに置いてあるDB…
コストコオンラインの商品価格変動チェックのバッチを作ってみた
コストコオンラインしか売っていない商品（エコバックスという掃除ロボット）を購入したいんですが、やっはり値引きするとき買うのが楽しいですね。しかし、コストコオンラインに価格変動で知らせる機能がないので、今回はe2e…
create-react-appのTypescriptに絶対パスでimport
フロントエンドプロジェクトでもどんどん複雑になりつつ、深いフォルダの構成が当たり前のことになってきました。例えばcreate-react-appを利用する場合、下記のようなフォルダ構成が普通でしょう。 さらに、components、またviews…
VSCodeにTypescriptで実装したNext.jsをデバッグする
Next.jsのデバッグと言えば、`console.log`を思い出すことが多いでしょう。オフィシャルサイトにデバッグする方法が公開されていますが、クライアント側のデバッグ方法が書いてありません。`Next.js`+`Typescript`の組合せのデバッグ方法もありません。今日クライアント側でNext.jsのデバッグする方法を紹介します。
iOSのSafariブラウザにアップロードされたファイルを正しくリサイズする方法の検証
スマホが日進月歩の時代になりました。写真1枚で簡単に10Mbを超えるでしょう。サーバへ送信する前に、クライアント側でアップロードされたイメージをリサイズできれば、サーバに対する負荷を軽減できるし、アップロードスピードの向上するためユーザビリティ質にもつながります。なので、クライアントでのイメージリサイズは現代ウェブアプリケーションの必須機能ともいえるでしょう。
MacOSのポート開放
LANを通してMacOS上のウェブアプリケーションにアクセスできるように、ポートの開放する必要があります。今日はこの方法をまとめます。
Windows10のポート開放
時々LANを通してWindows上のウェブアプリケーションにアクセスし、テストを行う必要があります。例えば、iOSのSafariにFileReaderのreadAsDataURLの挙動はPC、MacOSと異なり、うまく動かないケースがあります。その場合、iPhoneでWindows上のウェブアプリケーションに直接的にアクセスできたら、デバッグしやすくなるでしょう。
MacOSにDockerイメージを起動
docker daemonをMacOSに起動できるようになる手順を整理します。
JamstackのAPPをS3とCloudFrontでホスト
Gatsbyを触り始めてからJamstackを知り、Jamstackのメリットをたくさん実感しました。Jamstackプログラムを静的なhtmlに出力でき、進化しつつあるブラウザとJavaScriptに恵まれ、ただの表示だけではなく、ユーザとの交互することもできます。