Webエンジニアのブログ

Web制作では必要に応じて、WindowsやMac、iPhone、iPad、Androidなど、ユーザーが利用するデバイスを判別して処理を切り分けることもあります。ここでは、userAgent（UA）とUser-Agent Client H...
続きを読む>>

Teamsを活用して学生の課題を管理する中、提出された課題をまとめてダウンロードして管理したいところですが、Teamsでは一括ダウンロードする操作ができません。課題機能でアップロードされたデータはOneDriveに保存・管理されます。ここで...
続きを読む>>

共有ボタンの設置は、ボタンのデザインがある程度決まっているプラグインを利用する方法などいろいろありますが、Webサイトのデザインにあった共有ボタンを設置したい場合は、自作できてカスタマイズが可能な方法がいいでしょう。ここではThreadsや...
続きを読む>>

Blueskyでは、Web版で埋め込み機能が実装されており、対象の投稿をWebページに埋め込むことができます。ここでは、Blueskyのポスト（投稿）をWebページに埋め込む方法を、レスポンシブWebデザインに対応する方法と合わせてご紹介し...
続きを読む>>

Webページのコンテンツ内容に合わせて、SNSアカウントの紹介を掲載したり導線を設置することがありますが、カード風のデザインとして掲載することで、SNSの情報をわかりやすく伝えることができます。ここでは、WebページにBlueskyやT...
続きを読む>>

Blueskyでは、アカウントのハンドルネームを独自ドメインに設定することも可能で、本人認証としても機能し、アカウントの信頼性を高めることができます。ここでは、Blueskyアカウントのハンドルネームに独自ドメインを設定して本人認証する方法...
続きを読む>>

OneDriveやGoogleドライブなどのクラウドストレージからファイルを圧縮してダウンロードしたzipファイルでは、ファイルが展開（解凍）できないなどの問題も起きたりします。MacではThe Unarchiverを利用することで解決でき...
続きを読む>>

iPadではWebブラウザからアクセスして利用できるWeb版のExcelや、iPad版のアプリケーションでピボットテーブルを利用することができます。ここでは、iPadのExcelでピボットテーブルを使う方法についてご紹介します。...
続きを読む>>

WordPressの投稿や固定ページなどで、定型コンテンツのブロックとして自作できる便利な再利用ブロック（パターン）。主に投稿や固定ページで利用していきますが、ここでは、再利用ブロック（パターン）をテーマ内のPHPファイルで呼び出す方法につ...
続きを読む>>

Webページのスクロール時に、可視範囲に入ったコンテンツにアニメーションで動きを加えることで、ユーザーの目を引くことができます。特に重要なコンテンツにインパクトを与えるにはとても効果的です。ここでは純粋なJavaScriptで、スクロール時...
続きを読む>>