HTML における画像の遅延読み込みについて
近年、写真を投稿できるサイトが増えています。文字よりも視覚情報の多い写真は、見ていても楽しいし、自分も投稿してみようと気になります。しかし Web サイトを表示する側にも少なからず問題が生じます。 Web サイトを開いたとき、無条件でそこに...
Technical Column | 東京都渋谷区のシステム開発・アプリ開発とサーバー構築保守運用会社 - Part 3
Web 制作を楽にしてくれる Bootstrap Studio
Bootstrap Bootstrap は最も人気のある CSSフレームワークです。 Twitter 社により開発されたという安心感があり、慣れている方も多いかと思います。私のようにデザインセンスのないプログラマーにとっても、それっぽい画面...
JetBrains の Code With Me でリモートペアプログラミング
Code With Me Code With Me は JetBrains 制 IDE 上でほかの開発者とともにコーディングできるサービスです。オンラインで複数ユーザによる同時編集といえば、Google のスプレッドシートが有名ですが、それ...
Django のプロジェクトにおいて、 migrate した DB を元に戻す方法
Django Django は Python で利用できるWebアプリケーションフレームワークであり、多機能なコンポネントで構成されています。 データモデルにおいても、クエリ文を一切書くことなくデータベースの生成・データ取得・更新・削除など...
IntelliJ 製品で GitHub Copilot を利用する方法
GitHub Copilot Microsoft が2021年6月に発表した人工知能 (AI) ペアプログラミング「GitHub Copilot」のプレビュー版が利用できるようになったので、早速 IntelliJ 製品で利用してみました。 ...
EC2 の Ubuntu20.04にJetBrains Projectorをインストール
JetBrains Projector JetBrains Projector は、リモートサーバー上でJetBrains の統合開発環境 (IDE) を動作させることができるツールです。クラウドベースの IDE で有名なサービスは、AWS...
Ubuntu + Apache + Python + Flask でサーバ構築
普段 Python で Web サービスを制作するときは、 Google Cloud Functions や Google App Engine 上で Flask を利用しサーバ構築していましたが、久しぶりに Ubuntu 20.04 + ...
【実用】Firebase Firestore Database, Realtime Database, Storageのルール設定
Firebase スマホアプリやWebシステムなどで mBaaS として Firebase を利用している方は多いと思います。 特に Firestore Database, Realtime Database, Storage などは非常に...
HTML の template タグを jQuery で利用する方法
HTML の template タグ Web システムにおいて、JavaScript で動的に要素を追加することは往々にしてあります。 JavaScript のソースコードに HTML を直接書き込んでしまうと、HTML も JavaScr...
プログラマー目線の実用的なWebシステム用ローダー
ローダー Webサイトではページの全てが描画されるまでの間にローダーを表示したり、Webシステムでは jQuery の Ajax などを利用し非同期でデータを取得する時にローダーを表示したりします。 私だけかもしれないですが、エンジニアがデ...