AVALON STUDIO BLOG

JQueriy スムーススクロールと Bootstrap との共存

JQuery のスムーススクロールと Bootstrap のクラス定義とを共存させる方法をご案内します。

MT を使ったサイト構築の始め方 (1): MT のインストール

これから何回かに分けて、Movable Type (以降 MT) を使ったサイト構築方法について解説をしていきます。MT はページを静的ページとして生成する点が WordPress とは大きく異なる点です。静的ページとし…
続きを読む

グラデーションライブラリ

クールで利便理性高めのグラデーションCSSを置いていきます。随時追加更新していく予定です。

APNG によるアニメーションバナー

PNG でアニメーションをサポートした新形式、APNG を使ったアニメーションバナーの作成方法をご案内します。

簡単な JavaScript で HTML の表示要素をクリップボードにコピーする

例えばプロダクトキーや API キーなど、長くて複雑な文字列を、訪問者に提供している場合、この機能を提供することで、訪問者のクリップボードに文字列をコピーして、その後はペーストだけすればよい、という形で利便性を高めること…
続きを読む

Azure Storage の静的 Web サイトで、動画再生時にシークできなかった件

Azure Storage 上に動画ファイルを置き、それをウェブサーバーから参照した際に、動画のシークができなかったので、その時のメモを記載します。 当初の構成図はこちら。 Web Apps 上にページを作成し、ページ内…
続きを読む

Bootstrap の Spinner を利用してロード中画面を表示する

Bootstrap の Spinner を利用してロード画面を表示するサンプルをご紹介します。

Collapse を特定して開閉アイコンを付けたい場合

ひとつのページ内に複数の Collapse を利用している場合の、Collapse を特定してアイコンを付与する方法です。

JavaScript で実装するカウントダウンリダイレクト

リダイレクトを設定する際に、おしゃれかつユーザビリティを高めた方法として、リダイレクトまでの秒数をカウントダウンして表示してあげる方法があります。

CSS で縁取り文字

画像を使わずに CSS だけで文字を縁取りして、白抜き文字や黒抜き文字を作ることができます。

マイナンバーカードを使い、外出せずに新型コロナウイルス感染症 特別定額給付金を受け取る

ここでは、特別定額給付金について、パソコンを使い自宅から外出せずにオンラインで申請を済ませる方法をご案内いたします。

自宅 VPN サーバーの構築

海外旅行やホテル滞在時、暗号化なしの Wi-Fi だったとしても暗号化通信を行う VPN 機能を自宅ルーターに設定します。

CSS で印刷時に要素を非表示にする

印刷時に崩れて表示されたりして、いっそのこと印刷時には要素を非表示にさせたい場合があります。

Web ページに Google Map を表示したときににエラーメッセージが表示される際の回避策

このページでは、Google Map を API 呼び出しを用いて表示するにあたっての手順を解説していきます。

RAM ディスクで超快適環境を構築

RAM ディスクの構築方法とブラウザのキャッシュの RAM ディスクへの設定方法を解説。Chromium 版 Edge のキャッシュの設定情報追加。

ウェブサーバー上で特定フォルダ以下をアクセス拒否にする

その非表示にしたいフォルダに、以下のファイルを配置することで、フォルダ以下のパスがアクセス拒否状態になります。

Windows クライアント環境から CentOS + Apache 環境のウェブサーバーにサーバー証明書を設定する

Windowsクライアント環境からCentOS+Apache環境のウェブサイトにサーバー証明書を設定する方法を解説します。

UpdraftPlus で WordPress 環境をバックアップ/復元する

UpdraftPlus というプラグインで Wordpress 環境のバックアップ・復元する方法をご案内します。

ディレクトリ構造を保ったまま一括リダイレクトを設定する

仮にリダイレクト対象が何万とあった場合でも、特定条件であれば自動的に 1 対 1 でのリダイレクトを行ってくれる方法があります。

JR東日本 STATION BOOTH

JR 東日本 STATION WORK を実際に使ってみた

JR 東日本の展開する STATION WORK をいち早く体験してきました。

Google Compute Engine 上のファイルを Visual Studio Code で編集する方法

Google Compute Engine 上のファイルを Visual Studio Code を使い GUI で編集する方法をご案内します。

Google Compute Engine で無料 WordPress 環境を構築

今回は Always Free 枠内で Wordpress 環境を構築するため Google Compute Engine による環境を構築していきます。

WordPress マルチサイトの構築

Wordpress は一回のインストールで複数のサイトの運用が可能になるマルチサイトという機能を持っています。

Mobile 版 Office を Office Viewer として利用する

Office の Mobile ソフトウェアのインストール元のページを掲載しておきます。

Azure Storage の静的ウェブを Cloudflare で運用する

Azure Storage の静的ウェブサイトを Cloudflare に接続してみました。