2022年9月– date –
-
【JS&CSS】ポップアップメッセージの作り方
ボタンをクリックすると、画面右下からフワッと現れるメッセージウィンドウ（ポップアップメッセージ）の作り方を公開します。自分の学習・メモ用がメインですが、プロ... -
【HTML&CSS】エクセルやパワポのような表・説明リストの作り方
HTMLの<table>要素や<dl>要素とCSSを組み合わせ、色々な表（テーブル）や説明リストの作り方を公開します。自分の学習・メモ用がメインですが、プログラミング学... -
【XServer】Windows PCからSSH接続する方法（Tera Termを利用）
しばらく操作していないとすぐ忘れてしまうので、備忘録用に。Xserverの サーバー上で公開鍵認証用鍵ペアの生成を行い、「Tera Term」というフリーソフトを使って、Wind... -
【CSS】押し込まれるような立体的なボタンを作る
CSSのbox-shadowプロパティやactive擬似クラスを使って、クリックしたときに実際にボタンが押されているような、立体感のあるボタンの作り方を公開します。自分の学習・... -
【JS&CSS】テキストや画像を点滅させる方法
CSSのanimationと@keyframesや、JavaScript のsetInterval()関数を使って、テキストや画像を点滅させる方法を紹介します。自分の学習・メモ用がメインですが、プログラ... -
【JS&CSS】一定時間毎に表示がフワッと変わる
JavaScript のsetInterval()関数とCSSの@keyframesを組み合わせ、一定時間毎に表示がフワッと変わる実装方法を紹介します。 なお、フワッとではなく瞬時に切り替えるだ... -
【超便利】iPhoneのHEIF画像をワンタッチでJPG画像に変える方法（ショートカットアプリ）
iPhoneで撮った写真の画像形式（初期設定ではHEIF）を変換するには？ iPhoneの無料アプリ「ショートカット」で、JPGに一発変換できます！ iOS 13から標準装備となってお... -
【CSS】画面に追従するボタンやバナーを作る方法
画面をスクロールしても表示が固定される、フッターボタンやサイドバナーを作るには？ 本ページ下側：問い合わせのボタンが、画面をスクロールしても常に表示されていま... -
OneDriveに保存したデータをMacで確認する方法
この記事では、OneDriveとMacを連携できる「OneDrive」アプリについて紹介しています。 Google DriveやDropboxなどいくつかクラウドサービスはありますが、officeソフト... -
【CSS】各種ブロックやボタン、チェックボックスなどのレイアウトを操作する（フレックスボックス）
HTML要素の配置に便利なdisplay: flex;の基本的な使い方をまとめました。 レイアウトを考えるうえで必ず利用したい機能ですが、プロパティの種類が多く混乱しがち。本記...
12