Webエンジニアのブログ

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

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

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

Google WorkspaceはGoogleが提供するビジネスツール。ビジネスシーンにおいては、Googleのサービスを活用することで業務効率を向上させることもできます。 Google Workspaceは有料プランとして提供されています...
続きを読む>>

チームでの情報共有はチャット機能だけでなく、Microsoft Teamsに搭載されているビデオ会議機能を利用することで、今まで以上に効率的に作業を進めることができるでしょう。ここではMicrosoft Teamsのビデオ会議（Web会議）...
続きを読む>>

昨今、仕事でもインターネットを通じて、遠方の相手と打ち合わせしたり会議をしたりと、いろんなアプリケーションを使って仕事をすることが多くなってきました。ここでは、在宅勤務やテレワーク、リモートワークなどで手軽に利用できる、GoogleのGoo...
続きを読む>>

CSSのnth-child擬似クラスでは、指定した要素からいろんな条件でスタイルをあてることができます。セレクタの指定がある場合は、指定したセレクタの兄弟要素のグループの中の対象の要素を表します。 以下、様々な:nth-child()擬似ク...
続きを読む>>

HTML5から導入されたiframe要素のsandbox属性。Webページに外部のHTML文書を埋め込むことができるiframe要素において、セキュリティを高めるために利用できる設定です。 埋め込まれる側のWebサイトでは、HTTPヘッダー...
続きを読む>>

ビジネスシーンにおいて、PowerPointで資料を作成することはよくありますが、誰もが意識するのが見やすいプレゼンテーション資料の作成でしょう。 どのような資料を作成するかによって、配色やレイアウトなどいろいろ考えることはありますが、まず...
続きを読む>>

Zoomでは、ビデオ会議でよく利用される画面共有機能と共に、ホワイトボード機能も搭載されています。さすがビデオ会議というだけあって、打ち合わせなどを効率的に行える仕様になっているわけですね。 Web会議やオンラインセミナー、また教育機関でし...
続きを読む>>