【HTML】type属性がcheckboxのinput要素にswitch属性を指定してスイッチUIを実装する
WebブラウザのSafari 17.4から、type属性がcheckboxのinput要素にswitch属性を指定することで、簡単にスイッチUIを実装することができます。ここでは、switch属性を適応させたスイッチUIの実装と、デザインの...
続きを読む>>
WebブラウザのSafari 17.4から、type属性がcheckboxのinput要素にswitch属性を指定することで、簡単にスイッチUIを実装することができます。ここでは、switch属性を適応させたスイッチUIの実装と、デザインの...
続きを読む>>
PHPでユーザーが利用しているデバイスを判別して処理を切り分ける場合は、スーパーグローバル変数を利用して情報を取得して処理をします。ここでは、PHPでのユーザーのデバイス判別を、これまでのHTTP_USER_AGENTとUser-Agent...
続きを読む>>
Web制作では必要に応じて、WindowsやMac、iPhone、iPad、Androidなど、ユーザーが利用するデバイスを判別して処理を切り分けることもあります。ここでは、userAgent(UA)とUser-Agent Client H...
続きを読む>>
Teamsを活用して学生の課題を管理する中、提出された課題をまとめてダウンロードして管理したいところですが、Teamsでは一括ダウンロードする操作ができません。課題機能でアップロードされたデータはOneDriveに保存・管理されます。ここで...
続きを読む>>
共有ボタンの設置は、ボタンのデザインがある程度決まっているプラグインを利用する方法などいろいろありますが、Webサイトのデザインにあった共有ボタンを設置したい場合は、自作できてカスタマイズが可能な方法がいいでしょう。ここではThreadsや...
続きを読む>>
Blueskyでは公式で実装された埋め込み機能や、Embed Blueskyというサービスを利用することで、Blueskyの投稿をWebページに埋め込むことができます。ここではBlueskyのポスト(投稿)をWebページに埋め込む方法を、レ...
続きを読む>>
Webページのコンテンツ内容に合わせて、SNSアカウントの紹介を掲載したり導線を設置することがありますが、カード風のデザインとして掲載することで、SNSの情報をわかりやすく伝えることができます。ここでは、WebページにBlueskyやT...
続きを読む>>
Blueskyでは、アカウントのハンドルネームを独自ドメインに設定することも可能で、本人認証としても機能し、アカウントの信頼性を高めることができます。ここでは、Blueskyアカウントのハンドルネームに独自ドメインを設定して本人認証する方法...
続きを読む>>
OneDriveやGoogleドライブなどのクラウドストレージからファイルを圧縮してダウンロードしたzipファイルでは、ファイルが展開(解凍)できないなどの問題も起きたりします。MacではThe Unarchiverを利用することで解決でき...
続きを読む>>
iPadではWebブラウザからアクセスして利用できるWeb版のExcelや、iPad版のアプリケーションでピボットテーブルを利用することができます。ここでは、iPadのExcelでピボットテーブルを使う方法についてご紹介します。...
続きを読む>>