AVALON STUDIO は IT 技術を活用した企業活動の効率化やウェブを通じたマーケティング活動のお手伝いをしております。管理人の旅行記も好評掲載中!
SEO対策のTO DO リストをまとめました。まずはHTMLヘッダーで行う対策から。
Bootstrap 5 の標準機能を使った 脱 JQuery の lightbox
Bootstrap 5 のフルスクリーンモーダルを使い、Lightbox の機能を実現します。
Azure WebApp と Azure Database for MySQL フレキシブル サーバーで WordPress サイトを立ち上げる際の Tips
WebApps に Wordpress をインストールし、Azure Database for MySQL フレキシブル サーバーに接続するまでの手順を解説をしていきます。
Google Analytics でクリック数がカウントできる非 JS 独自ソーシャルボタン
ソーシャルボタンを自作するメリットとしては、思い通りのデザインで作れる、読み込み時に他のサイトとの通信が発生しないため描画速度が向上する、などがあり、かつ Google タグマネージャと組み合わせることでクリック数をカウントする事ができるようになります。
MT の検索結果ページの URL を別の URL にする方法
Movable Type の検索結果ページのURL を、ウェブサーバーの Rewrite 機能を用いて別の URL に見せかける方法をご案内します。MTのシステムがインストールされた階層を秘匿化することも可能です。
Bootstrap 5 ベース Movable Type 7 用テーマテンプレート “BRILLI@NT”
Movable Type では、シックスアパート社より素晴らしいテンプレートである「Jungfrau」(ユングフラウ)が提供されており、ご活用されている方も多いのではないでしょうか。 しかしこの Ju
Swiper はタッチ操作にも対応したスライダーのモジュールであり、多くのオプションが用意されており様々なシーンで利用できます。
Movable Type ウェブページの「タグ」/「カスタムフィールド」で条件分岐を行う
テンプレート作成やコンテンツの出し分けなどで利用する条件分岐を、ウェブページのタグ、またはカスタムフィールドを使って実装します。
MT を使ったサイト構築の始め方 (7): ウェブページの制作と表示
前回は記事の制作と表示について解説しました。今回はウェブページについての制作と表示を解説します。
MT を使ったサイト構築の始め方 (6): 記事ページの制作と表示
MT で記事を制作・表示する仕組みを見てみましょう。
MT を使ったサイト構築の始め方 (5): ページ・コンテンツの種類
Wordpress にもページには「投稿」と「固定ページ」という種類がありますが、MT にも同様にページの種類があります。
MT はインストール直後は「クラシックウェブサイト」というテーマが適用されていますが、これを他のテーマに変更してみましょう。
MT を使ったサイト構築の始め方 (3): MT のインストールフォルダ変更
MT に関連するファイル群を別の階層に持っていくことができますので、管理性・セキュリティなどを向上させたい場合はこちらをご参照ください。
MT を使ったサイト構築の始め方 (1): MT のインストール
これから何回かに分けて、Movable Type (以降 MT) を使ったサイト構築方法について解説をしていきます。MT はページを静的ページとして生成する点が WordPress とは大きく異なる点
MT を使ったサイト構築の始め方 (0): MT とWordPressの主な違い
Wordpress と Movable Type の比較をし、向いているサイト構成を確認します。
パスワードを素早くランダムで発行するページです。発行に際してサーバーサイドと通信を行わないので何回でも素早く発行することが可能です。
JQueriy スムーススクロールと Bootstrap との共存
JQuery のスムーススクロールと Bootstrap のクラス定義とを共存させる方法をご案内します。
PNG でアニメーションをサポートした新形式、APNG を使ったアニメーションバナーの作成方法をご案内します。
簡単な JavaScript で HTML の表示要素をクリップボードにコピーする
例えばプロダクトキーや API キーなど、長くて複雑な文字列を、訪問者に提供している場合、この機能を提供することで、訪問者のクリップボードに文字列をコピーして、その後はペーストだけすればよい、という形
画像を使わずに CSS だけで文字を縁取りして、白抜き文字や黒抜き文字を作ることができます。
Azure Storage の静的 Web サイトで、動画再生時にシークできなかった件
Azure Storage 上に動画ファイルを置き、それをウェブサーバーから参照した際に、動画のシークができなかったので、その時のメモを記載します。 当初の構成図はこちら。 Web Apps 上にペー
Bootstrap の Spinner を利用してロード中画面を表示する
Bootstrap の Spinner を利用してロード画面を表示するサンプルをご紹介します。
ひとつのページ内に複数の Collapse を利用している場合の、Collapse を特定してアイコンを付与する方法です。
リダイレクトを設定する際に、おしゃれかつユーザビリティを高めた方法として、リダイレクトまでの秒数をカウントダウンして表示してあげる方法があります。
画像を使わずに CSS だけで文字を縁取りして、白抜き文字や黒抜き文字を作ることができます。
マイナンバーカードを使い、外出せずに新型コロナウイルス感染症 特別定額給付金を受け取る
ここでは、特別定額給付金について、パソコンを使い自宅から外出せずにオンラインで申請を済ませる方法をご案内いたします。
海外旅行やホテル滞在時、暗号化なしの Wi-Fi だったとしても暗号化通信を行う VPN 機能を自宅ルーターに設定します。
サイドバーにカスタマイズをしているせいで印刷時に崩れて表示されたりして、いっそのこと印刷時には要素を非表示にさせたい場合があります。
Web ページに Google Map を表示したときににエラーメッセージが表示される際の回避策
このページでは、Google Map を API 呼び出しを用いて表示するにあたっての手順を解説していきます。
パソコンのメモリもだいぶ安くなりました。2019 年 6 月時点で 16GB のメモリが 2 本セット(つまり 32GB)で 18,000円を切るショップもいくつかあります。 もちろん SSD も同時
その非表示にしたいフォルダに、以下のファイルを配置することで、フォルダ以下のパスがアクセス拒否状態になります。
Windows クライアント環境から CentOS + Apache 環境のウェブサーバーにサーバー証明書を設定する
Windowsクライアント環境からCentOS+Apache環境のウェブサイトにサーバー証明書を設定する方法を解説します。
UpdraftPlus で WordPress 環境をバックアップ/復元する
UpdraftPlus というプラグインで Wordpress 環境のバックアップ・復元する方法をご案内します。
仮にリダイレクト対象が何万とあった場合でも、特定条件であれば自動的に 1 対 1 でのリダイレクトを行ってくれる方法があります。
JR東日本の展開する STATION WORKをいち早く体験してきました。
Computing Engine 上のファイルを Visual Studio Code で編集する方法
Google Cloud Platform の Computing Engine 上のファイルを Visual Studio Code を使い GUI で編集する方法をご案内します。
Google Compute Engine で無料 WordPress 環境を構築
今回は Always Free 枠内で Wordpress 環境を構築するため Google Compute Engine による環境を構築していきます。
Day 0 の記事でも書きましたが、今回は費用節約のため、ホテルを前半と後半で別な施設にしました。前半はこの日まで宿泊していたトレーダース ホテル、本日はこちらをチェックアウトしてタクシーで 10 分
クアラルンプール KL HOP-ON HOP-OFF ガーデンルート全動画
ガーデンルート #13 – #16 ガーデンルート #16 – #19 ガーデンルート #19 – #23 ガーデンルート #23 – #01
クアラルンプール KL HOP-ON HOP-OFF シティルート全動画
シティルート #06 – #09 #06: MATIC / #07: KL TOWER / #08: KL CITYWALK / #09: AQUARIA シティルート #09 ̵
クアラルンプール旅行記 Day 2 (KL HOP-ON HOP-OFF)
さすがに疲れたようで昨晩はぐっすり寝られました。そして早速朝起きてペトロナスツインタワーの朝景を撮影。 今日は KL HOP-ON HOP-OFF (以降 KLHOHO)で市内一周をしようと、Suri
クアラルンプール旅行記 Day 1 (その 3:ブギッビンタン~ツインタワー夜景)
無料巡回バス GoKL に乗りクアラルンプールの繁華街「ブギッビンタン」へ移動。
クアラルンプール旅行記 Day 1 (その 2:トレーダーズホテル~Suria KLCC)
トレーダーズホテル~Suria KLCCを探検
クアラルンプール旅行記 Day 1 (その 1:到着~KLCC)
クアラルンプール国際空港~KL エクスプレス~KLセントラル~KLCC公園
夏休みにクアラルンプールへ一人旅をすることにしました。目的は「ペトロナスツインタワーの撮影」。
Wordpress は一回のインストールで複数のサイトの運用が可能になるマルチサイトという機能を持っています。
Mobile 版 Office を Office Viewer として利用する
Office の Mobile ソフトウェアのインストール元のページを掲載しておきます。
Azure Storage の静的ウェブを Cloudflare で運用する
Azure Storage の静的ウェブサイトを Cloudflare に接続してみました。
NVIDIA GeForce 環境で動画再生時に一瞬ブラックアウトする現象への対処法
NVIDIA GeForce 環境で動画再生時に画面がブラックアウトする現象を抑止します。
Gutenberg の「再利用可能ブロック」編集画面へのショートカットを作成する
Wordpress の管理画面から直接「再利用可能ブロック」のエントリーを編集できるページへのショートカットを作成してみます。
WordPress テーマのカスタマイズにおいて、子テーマ化は避けては通れません。
Azure Storage で静的ウェブサイトを 1 か月間運用した費用
Azure Storage の機能を用いたウェブサーバーを立てて実際に1か月運用してみました。
Office 365 で独自ドメインメール環境を構築する (3)
ここではユーザー設定のカスタマイズを行い、メールの送受信ができるようになるまでを解説します。
Office 365 で独自ドメインメール環境を構築する (2)
今回は、開設直後のアカウントに独自ドメインを紐づけるなどカスタマイズしていきます。
Office 365 で独自ドメインメール環境を構築する (1)
Office 365 にサインアップ、独自ドメインとの接続、ユーザーの作成まで解説いたします。
負荷分散機能のついた企業ウェブサイトを Azure Web App で構築する (3)
Web App でのウェブサイトの自動バックアップの設定を行います。
負荷分散機能のついた企業ウェブサイトを Azure Web App で構築する (2)
今回は前回展開した Web App をカスタマイズしていきます。
負荷分散機能のついた企業ウェブサイトを Azure Web Apps で構築する (1)
中~大企業のウェブサイトに求められる本格的なウェブシステムを、わずか数時間で構築する方法をご案内いたします。
企業認証・EV 認証の SSL/TLS サーバー証明書を Azure WebApps に設定する
こちらの記事では、サイバートラスト社の SSL/TLS サーバー証明書のブランドのひとつ、DigiCert S… <br> <a class="read-more" href="http
URL アドレスの www あり・なしを統一することはお客様にとっても運用側にとっても有益です。
サーバーの引っ越しなどで URL をリダイレクトしたいときは、web.config、または .htaccess に構文を加えることでリダイレクトを行うことができます。
ブログでよく見るリンクカード(ブログカード)。さまざまありますが、どうも自分的にしっくり来るものがない。。。というわけで、自作してしまいました。
私の環境でも少々特殊なことをする必要があったため、Wordpress での RSS フィード出力のカスタマイズを備忘録を兼ねて掲載いたします。
IIS ウェブサーバーへの HTTP へのリクエストを HTTPS に自動的に変換したい場合、1 行書くだけで HTTPS へ変換してくれる構文があります。
Recent Posts Widget Extended に AdSense のスクリプトを加える方法
Wordpress のプラグイン Recent Posts Widget Extended に Google AdSense のインフィード広告を表示させる方法をご案内します。
マーケティング担当者が助かる PC のクローニング (3) – マスターイメージの作成
いよいよ展開用イメージの作成です。ボリュームライセンスメディアを使い、Windows 10 のクリーンインストールを行います。
セントラルスイートレジデンスの朝食などをレポートします。
マーケティング担当者が助かる PC のクローニング (3) – イメージキャプチャとイメージ適用(非一般化バージョン)
複数台かつ、どんな PC にも適用可能な状態にしたイメージを「一般化したイメージ」と呼びますが、一般化したイメージを作るのにはそれはそれは多大な工数がかかりますので、まずは 1 台の PC の固有環境
バンテアイ・スレイを後にし、これまた遠征地であるベンメリアに向かいます。
アンコール遺跡 旅行記 Day 3 (その1:アンコール朝日鑑賞~女の砦 バンテアイ・スレイ)
朝4時半。もちろん眠いですし昨日の疲れが抜けてません。けど起きていきます。アンコール・ワットでの朝日鑑賞。
アンコール遺跡 旅行記 Day 2 (その4:プレ・ループ)
巡りに巡った本日最後の訪問先が、こちらプレ・ループ。こちらで夕日を鑑賞します。このプレ・ループ、もともとは死者… <br> <a class="read-more" href="http
アンコール遺跡 旅行記 Day 2 (その3:アンコール・ワット)
いよいよこの旅行の本丸、アンコール・ワットへと赴きます。
アンコール遺跡 旅行記 Day 2 (その2:タ・プローム)
バイヨンを鑑賞してから、ここ、溶樹の僧院 タ・プロームにやってまいりました。
アンコール遺跡 旅行記 Day 2 (その1:アンコール・トム)
まずはアンコールトムとバイヨン寺院を訪れました。
いよいよ出発の日。凍えるほど寒い、朝の 5 時には家を出ます。 空港到着。日本の出国手続きも技術導入が進んでお… <br> <a class="read-more" href="http
マーケティング担当者が助かる PC のクローニング (2) – フルイメージバックアップ
マスター PC に対してカスタマイズ作業に入る前に、いつでも初期状態に戻せるように、マスター PC の初期状態のハードディスクイメージをフルバックアップしておきましょう。
マーケティング担当者が助かる PC のクローニング (1) – テクニシャン PC のセットアップ
ハンズオンセミナーなどを企画しようものなら、セットアップだけで気が遠くなります。というわけで自動化してしまいます。
WordPress プラグイン Advanced Gutenberg を試してみた
ここでは膨大な Advanced Gutenberg の機能を、実例を交えてご紹介します。
Azure Storage 上の静的 Web サイトに独自ドメインを設定する
今回はAzure Storage の静的 Web サイトに独自ドメインを設定し、HTTPS で通信する方法をご案内します。
アンコール遺跡の事前準備情報をまとめました。
Azure Storage で静的 Web サイトを構築する
今回は限界までコストを抑えたウェブサイトを作成しようということで、Azure Storage(ストレージ)を使ったウェブサイトを構築してみます。
3日目、4日目は、ただひたすらビーチでだらだらしておりました。
昨晩予約したシュノーケリングのアクティビティの日。
夫婦で「2018 ~ 2019 年の年末年始は海外で過ごそう」と発起し、ボラカイ旅行へと相成りました。
索渓峪自然保護区 宝峰湖などを観光し、帰国。
武陵源 袁家界自然保護区などを中心に観光。
張家界 天門山を観光したのち、武陵源 金鞭渓景区へ。
成田空港から上海を経由し、武陵源のある張家界市へ。
偶然、NHK スペシャルを目にし、武陵源への旅行計画を立てました
2014年12月にスリランカに6人で旅行した際の旅行記です。
「ブログリーダー」を活用して、AVALON STUDIOさんをフォローしませんか?