Webエンジニアのブログ

OpenAIが提供しているChatGPTをはじめ多くのAIクローラーは、インターネット上の膨大な情報を収集して、学習をしながら情報を処理していますので、Webサイトの情報もAIの学習に使われています。 Webサイトに掲載している情報の中では...
続きを読む>>

Webページで番号付きリストを作成する際は、olタグを使って項目の順序付きリストとして番号を表示していきますが、シンプルな数字のほか、type属性の設定でのローマ数字やアルファベットくらいしか表現方法がありません。 CSSのcounters...
続きを読む>>

仕事でもプライベートでも、PCからスマートフォンとさまざまなデバイスを利用していくなかで、デバイス間でのデータの共有をスムーズに行いたいところです。MicrosoftのEdgeブラウザでは、Drop機能を使うことでデバイス間で手軽にファイル...
続きを読む>>

Webサイト制作で気になる項目として、Webページで読み込むファイルサイズは表示速度に影響してきますので、なるべく軽くしておきたいところです。ここでは、手軽にCSSファイルやJSファイルを圧縮して軽量化できる、Visual Studio C...
続きを読む>>

Webサイトでのテーブルを使ったデザインは、レスポンシブWebデザインに対応する際には、表の作成で使うtableタグで構築されたものを、CSSでセルを縦並びにしたりいろいろスタイル調整を駆使して、画面幅に合わせて最適化していくことでしょう。...
続きを読む>>

CSSのContainer Queries（コンテナクエリ）は、要素を基準としてスタイルを適応することができる機能です。レスポンシブWebデザインのレイアウト構築をしていく際に便利に活用することができます。ここでは、CSSのContaine...
続きを読む>>

Google Workspaceや無料のGoogleアカウントで利用できるGoogleのスプレッドシートは、データや情報を共有する際に活用されているかと思います。 情報を共有するにあたり、複数人でデータを利用する際に、編集されては困る部分や...
続きを読む>>

WebサイトやWebアプリケーション開発またはWeb制作学習では、実際に動かす際にWebサーバやデータベース管理システム、プログラミング言語のソフトウェアなどが必要になりますが、自分のPCに無料で開発環境を構築することができます。ここではW...
続きを読む>>

PHPのサポート状況を意識した開発や細かなバージョンでのテストを必要とする場合、ローカル開発環境のMAMPに含まれているPHPソフトウェアから、自由にバージョンを選択して利用していく必要があります。ここでは、MAMPで利用できるPHPバージ...
続きを読む>>

ブロックチェーンを基盤としたインターネット（Web3.0）環境のSNSが2022年ごろから続々と登場し、SNSでのコミュニケーションも新しいかたちに変化していくでしょう。色々なSNSが登場する中、今回はX（旧Twitter）に似たアプリ、分...
続きを読む>>