投稿数 43 件(1 ~ 10件目)

多言語のGatsbyJSサイトにAlgoliaで全文検索を導入しましょう
多言語のGatsbyJSサイトにAlgoliaで全文検索を導入しましょう
2021年5月8日 • ☕️☕️ 8 min read

ブログとドキュメントサイトといえば、GatsbyJSが有力な候補者となるでしょう。レンダリングのスピードがかなり早く、プラグインの数が多くSEO対策も簡単にできます。ドキュメントがかなりわかりやすく、学習コストが低いと言えるでしょう。ReactJSのオフィシャルサイト https…

arm64のEC2に.Net Coreをインストール
arm64のEC2に.Net Coreをインストール
2021年4月15日 • ☕️ 3 min read

Intelより安いArmが搭載されたインスタンスを使えば、コスパフォが向上できるでしょう。ただいまArm64サポートしているOSがそれほど多くないですが、Ubuntu18以降、またAmazon Linux2であれば動きます。そのシステムに、.Net Coreで開発したプロジェクトをデプロイするため、Dockerのほうが一段上なんですが、今日はOSの直下に.Net Coreをグローバル的にインストールする方法を紹介します。

VSCodeにTypescriptで実装したNext.jsをデバッグする
VSCodeにTypescriptで実装したNext.jsをデバッグする
2020年12月23日 • ☕️ 3 min read

Next.jsのデバッグと言えば、`console.log`を思い出すことが多いでしょう。オフィシャルサイトにデバッグする方法が公開されていますが、クライアント側のデバッグ方法が書いてありません。`Next.js`+`Typescript`の組合せのデバッグ方法もありません。今日クライアント側でNext.jsのデバッグする方法を紹介します。

iOSのSafariブラウザにアップロードされたファイルを正しくリサイズする方法の検証
iOSのSafariブラウザにアップロードされたファイルを正しくリサイズする方法の検証
2020年12月21日 • ☕️ 3 min read

スマホが日進月歩の時代になりました。写真1枚で簡単に10Mbを超えるでしょう。サーバへ送信する前に、クライアント側でアップロードされたイメージをリサイズできれば、サーバに対する負荷を軽減できるし、アップロードスピードの向上するためユーザビリティ質にもつながります。なので、クライアントでのイメージリサイズは現代ウェブアプリケーションの必須機能ともいえるでしょう。

Windows10のポート開放
Windows10のポート開放
2020年11月28日 • ☕️ 1 min read

時々LANを通してWindows上のウェブアプリケーションにアクセスし、テストを行う必要があります。例えば、iOSのSafariにFileReaderのreadAsDataURLの挙動はPC、MacOSと異なり、うまく動かないケースがあります。その場合、iPhoneでWindows上のウェブアプリケーションに直接的にアクセスできたら、デバッグしやすくなるでしょう。