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

Windows10のポート開放
November 28, 2020 • ☕️ 1 min read

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

JamstackのAPPをS3とCloudFrontでホスト
November 14, 2020 • ☕️ 2 min read

Gatsbyを触り始めてからJamstackを知り、Jamstackのメリットをたくさん実感しました。Jamstackプログラムを静的なhtmlに出力でき、進化しつつあるブラウザとJavaScriptに恵まれ、ただの表示だけではなく、ユーザとの交互することもできます。

MacOSにHomestead環境の導入
November 11, 2020 • ☕️ 4 min read

Vagrantはプロジェクトを参加する全員に同じ開発環境を提供できる上、ホストにも汚染しない仮想技術となります。HomesteadはVagrantの上でさらに一般開発に必要なものを全部組み込んでいる特殊なVagrantとなります。

レガシーのウェブサイトのパフォーマンスチューニング
October 16, 2020 • ☕️ 5 min read

パフォーマンスはウェブサイトの死活問題となります。表示スピードが早ければ早いほど、離脱率が低くなる傾向があります。もちろんAMPの対応するウェブページを作ったほうが一番ですが、レガシーのウェブサイトをなかなか簡単にAMP化できないのは現実です。なので、パフォーマンスの改善をまずやりましょう。

リスタートし続かるdockerコンテナーに入って調査
October 13, 2020 • ☕️ 1 min read

時々dockerコンテナーに入って調査する必要があります。コンテナーが正しく起動されたら、下記のコマンドで簡単に入れますが、エラーが発生して停止され、もしくは永遠に最起動中になっているコンテナーにどう入ればいいでしょうか?

LazyLoad GoogleMap
September 9, 2020 • ☕️ 4 min read

地図付きのウェブページと言えば、GoogleMapでしょう。GoogleMapApiが簡単で使いやすくとても助かります。ただし、GoogleMapの導入により、ウェブページのパフォーマンス(ローディングスピード)の落ちることに注意しなければいけません。

ウェブサイト開発のレガシーvsモダン
September 7, 2020 • ☕️ 3 min read

Reactを触ってからMVCでプロジェクトを開発するチャンスがだんだん少なくなってきました。最近多く採用されたモダンな開発手法とはフロント側React, Vue, AngularJS、バックエンド側はGraphQL、LambdaまたAPIサーバーとなりますが、レガシーは単純なMVC、jQueryと考えられます。