多言語のGatsbyJSサイトにAlgoliaで全文検索を導入しましょう
ブログとドキュメントサイトといえば、GatsbyJSが有力な候補者となるでしょう。レンダリングのスピードがかなり早く、プラグインの数が多くSEO対策も簡単にできます。ドキュメントがかなりわかりやすく、学習コストが低いと言えるでしょう。ReactJSのオフィシャルサイト https…
投稿数 43 件（1 ～ 10件目）
arm64のEC2に.Net Coreをインストール
Intelより安いArmが搭載されたインスタンスを使えば、コスパフォが向上できるでしょう。ただいまArm64サポートしているOSがそれほど多くないですが、Ubuntu18以降、またAmazon Linux2であれば動きます。そのシステムに、.Net Coreで開発したプロジェクトをデプロイするため、Dockerのほうが一段上なんですが、今日はOSの直下に.Net Coreをグローバル的にインストールする方法を紹介します。
TypeScriptをコマンドラインで実行する
１つのTypeScriptファイルのみを実行するために、package.json+node_modulesの組み合わせは少々煩雑でしょう。今日いくつかコマンドラインでTypeScriptファイルを実装できる方法をまとめてみます。 npx ts-node に依存する上、8.…
プライベートサブネット中のインスタンスをエージェント転送で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上のウェブアプリケーションに直接的にアクセスできたら、デバッグしやすくなるでしょう。