ウェブアプリのインスタンスをパブリックサブネットに、DBインスタンスをプライベートサブネットに(節約モードでAWS RDS利用せず)置くのがセキュリティ基本対策とも言えるでしょう。 プライベートサブネットに置いてあるDB…
投稿数 90 件(51 ~ 60件目)
![コストコオンラインの商品価格変動チェックのバッチを作ってみた](/blog/static/08e0ba94dbd2678e45cfba54bf0c68ff/c40b6/topImage.jpg)
コストコオンラインしか売っていない商品(エコバックスという掃除ロボット)を購入したいんですが、やっはり値引きするとき買うのが楽しいですね。しかし、コストコオンラインに価格変動で知らせる機能がないので、今回はe2e…
![create-react-appのTypescriptに絶対パスでimport](/blog/static/5554fd6af0c8c306254d392228e804ab/c40b6/topImage.jpg)
フロントエンドプロジェクトでもどんどん複雑になりつつ、深いフォルダの構成が当たり前のことになってきました。例えばcreate-react-appを利用する場合、下記のようなフォルダ構成が普通でしょう。 さらに、components、またviews…
![VSCodeにTypescriptで実装したNext.jsをデバッグする](/blog/static/d4f564df83002d1b7548a3f8fbd1e3ca/c40b6/topImage.jpg)
Next.jsのデバッグと言えば、`console.log`を思い出すことが多いでしょう。オフィシャルサイトにデバッグする方法が公開されていますが、クライアント側のデバッグ方法が書いてありません。`Next.js`+`Typescript`の組合せのデバッグ方法もありません。今日クライアント側でNext.jsのデバッグする方法を紹介します。
![iOSのSafariブラウザにアップロードされたファイルを正しくリサイズする方法の検証](/blog/static/ba5504e52418f917a1477bbc5d269efa/c40b6/topImage.jpg)
スマホが日進月歩の時代になりました。写真1枚で簡単に10Mbを超えるでしょう。サーバへ送信する前に、クライアント側でアップロードされたイメージをリサイズできれば、サーバに対する負荷を軽減できるし、アップロードスピードの向上するためユーザビリティ質にもつながります。なので、クライアントでのイメージリサイズは現代ウェブアプリケーションの必須機能ともいえるでしょう。
![MacOSのポート開放](/blog/static/f7c80d1341c3059bdcb5d9eb1e4efaea/c40b6/topImage.jpg)
LANを通してMacOS上のウェブアプリケーションにアクセスできるように、ポートの開放する必要があります。今日はこの方法をまとめます。
![Windows10のポート開放](/blog/static/bd1887d869d15dc0b55e54622e95682f/c40b6/topImage.jpg)
時々LANを通してWindows上のウェブアプリケーションにアクセスし、テストを行う必要があります。例えば、iOSのSafariにFileReaderのreadAsDataURLの挙動はPC、MacOSと異なり、うまく動かないケースがあります。その場合、iPhoneでWindows上のウェブアプリケーションに直接的にアクセスできたら、デバッグしやすくなるでしょう。
![MacOSにDockerイメージを起動](/blog/static/0b7ea730dba87fc896dca91f5510309b/c40b6/topImage.jpg)
docker daemonをMacOSに起動できるようになる手順を整理します。
![JamstackのAPPをS3とCloudFrontでホスト](/blog/static/c2ec0658dcdca6439b0bda1651c10fb5/c40b6/topImage.jpg)
Gatsbyを触り始めてからJamstackを知り、Jamstackのメリットをたくさん実感しました。Jamstackプログラムを静的なhtmlに出力でき、進化しつつあるブラウザとJavaScriptに恵まれ、ただの表示だけではなく、ユーザとの交互することもできます。
![MacOSにHomestead環境の導入](/blog/static/9a9faf9d70cd31c705c1c267e2dcaa68/c40b6/topImage.jpg)
Vagrantはプロジェクトを参加する全員に同じ開発環境を提供できる上、ホストにも汚染しない仮想技術となります。HomesteadはVagrantの上でさらに一般開発に必要なものを全部組み込んでいる特殊なVagrantとなります。