Webエンジニアのブログ

Googleの会話型AIサービス「Gemini」も日本語に対応し、日本人ユーザーも手軽にGeminiが利用できるようになりました。今後の超情報化社会で、仕事やプライベートと様々な場面で活用していくかもしれないAIツール。情報セキュリティを意...
続きを読む>>

AI（人工知能）のチャット機能が搭載された検索エンジンBingでは、チャット機能での会話だけでなく、文章のテンプレート作成など様々な用途に合わせて活用できる機能があります。AIツールは仕事からプライベートと、様々な場面で私たちをサポートして...
続きを読む>>

人工知能（AI）を使った自然な会話でやりとりができるAIチャットサービスとして、ChatGPT（チャットジーピーティー）が話題を集めていますが、そのChatGPTが返信する内容の正確性も注目を集めています。 まだまだ先の読めない不安要素など...
続きを読む>>

WordPressでの投稿に記事を書いた著者の情報を掲載することで、メディアとしてだけでなく個人としてのブランディングにも繋げることができます。 WordPressのユーザー情報から、投稿者に合わせてユーザーの情報を取得して表示させることは...
続きを読む>>

Sassで記述していくことができたネスト構造ですが、ブラウザでのCSS Nestingのサポートが進み、主要ブラウザではChromeやEdge、Safariなどで、ネイティブなCSSでネスト構造を書くことができるようになります。ここでは、ネ...
続きを読む>>

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でセルを縦並びにしたりいろいろスタイル調整を駆使して、画面幅に合わせて最適化していくことでしょう。...
続きを読む>>