Webエンジニアのブログ

Webページで載せる画像が多いと、画像の数だけ読み込み処理が発生するので、表示速度に大きな影響を与えます。画像のファイルサイズの大きさもそうですが。ファーストビュー（above the fold）の可視範囲だけでも素早く表示するために、スク...
続きを読む>>

世界中で多くの方が利用しているX（旧Twitter）。2020年5月末、PC版にて予約投稿（予約ツイート）ができるようになりました。どのように活用していくかは人それぞれですが、便利な機能なのは間違いありません。予約投稿の設定方法を見てみまし...
続きを読む>>

世の中の働き方は、だんだんリモートで作業を行うことが増え、都合によってはオフィスに出社しなくてもインターネット環境とパソコンがあれば、遠方とのやりとりや業務のいろんな作業をこなすことができます。 遠方とのコミュニケーションの中で増えてくるの...
続きを読む>>

CSSで普通にビューポートでウィンドウの高さに調整すると、アクセス時のファーストビューではツールバーの高さ分だけ重なって表示されません。デザイン上あまり影響なければいいですが、気になる方にここでは、CSSでツールバーを除いた高さで全画面表示...
続きを読む>>

WordPressでWebサイトを運用する中で、お問い合わせを受けるコンタクトフォームを、Contact Form 7というプラグインで実装されることが多いでしょう。 Contact Form 7を利用する中で、実際にWebページにフォーム...
続きを読む>>

Webサイトからのお問い合わせは、コンタクトフォームなどを設置して対応されるサイトが多いのではないでしょうか。人気で利用が多いWordPressなどでは、プラグインを使って手軽にコンタクトフォームが設定できたりします。 ただ、迷惑メール対策...
続きを読む>>

Gmailの無料アカウントは、多くの方が何かのサービスを利用する時に、手軽なGmailアドレスを使ってメールを管理していくことでしょう。有料のビジネスツールであるG Suiteを利用されている方も、独自ドメインでGmailのインターフェース...
続きを読む>>

Webページのコンテンツの見せ方として、アニメーションの動きを加えることもユーザーの目を引く一つのデザインです。スクロール時のアニメーションはいろんなデザインで採用されています。ここでは、jQueryのみでスクロール時に要素が可視範囲に入っ...
続きを読む>>

課題を出して学習理解度や学習状況を把握していくことは、学びの中で必要な要素です。Google Classroomでは、課題を配布したり、学生が課題を提出、そして教師が課題の確認や返却（採点付きも可）など、学生とのやりとりがとても便利です。...
続きを読む>>

企業や組織でメールを管理する中で、複数のユーザーに同時にメールを配信する際には、メーリングリストを作成していくと思います。 Google Workspace（旧称 G Suite）では、メーリングリストをグループとして管理していきます。 そ...
続きを読む>>