HTML [HTML]Content-Security-Policyの設定まとめ
HTMLメタタグ.htaccessPHP
HTML
HTML 
HTML [HTML]videoタグのmp4がiOSで自動再生されない時に確認すること
WEBサイトに埋め込んだ動画が、iPhoneやiPadといったiOSデバイスで自動再生されない。。。見た目は地味なトラブルですが、動画をキービジュアルとして使用している場合、再生失敗はユーザー体験（UX）を著しく損ないます。動画が停止したま...
HTML [htaccess]https+wwwありにURL正規化
.htaccessファイル
HTML [HTML]mp4のvideoタグ設置例
HTML
HTML [HTML]Javascriptで指定秒数後に別のページへリダイレクト
2000ミリ秒後にsample.htmlへリダイレクトbodyタグに以下の記述を追加します。
HTML [HTML]フォームのリセットボタン
HTMLデモ.form-group {margin:0.755em 0}名前フリガナE-Mailリセット
HTML [HTML]YouTubeの埋め込みの際に動画タイトルを表示させない方法
Youtubeの動画をブログに埋め込み表示する際に、タイトルバーを非表示にする方法のご紹介です。Youtubeの埋め込み動画のタイトルを非表示にするYoutubeのサイトから動画の埋め込みを選択し、ソースコードをコピーしたら、URLの末尾に...
HTML [htaccess]特定のIP以外のアクセスにはメンテナンス画面を表示させる方法
WEBサイトのメンテナンス作業時に、.htaccessで特定のIPアドレス以外のアクセスがあればメンテナンス画面を表示させる、という方法について紹介させていただきます。特定のIPアドレス以外のアクセスはメンテナンス画面へリダイレクト今回はメ...
HTML [HTML]iOSでselectのプルダウンメニューを全文表示する方法
iOSのSafariからプルダウンメニューをタップしたら、長い（文字数の多い）項目が…で省略されて全部表示されない場合の対処法のご紹介です。selectタグの項目が全文表示されない場合以下のようなプルダウンメニューをiOSのSafariで見...
HTML Firefoxで「安全な接続ではありません」のエラーを回避する方法
Firefoxでhttps://のURLにアクセスした際、安全な接続ではありませんというエラーが表示される場合があります。本来であればセキュリティ上、エラーメッセージに従って対象のURLヘのアクセスは避けるべきですが、今回は、一部例外として...
HTML [HTML]videoタグでmp4動画を再生前に任意の画像を表示させる方法
HTML5のvideoタグでmp4の動画データを再生させる際に、再生ボタンを押すまでの間に表示させておく画像を、自由に変更する方法のご紹介です。今回はMacでの操作方法になります。<video>でmp4動画再生前に任意の画像を表示させる手順...
HTML [HTML]実体参照をそのまま表示する方法
ブログ記事で「"」「&」「<」「>」などの実体参照を紹介する場合、そのまま書くと変換されて表示されますが、&を&に変換して入力すると、実体参照をそのまま表示することができます。実体参照をそのまま表示例え...
SEO robots.txtでGoogle画像検索だけをブロックする記述テクニック
「Webサイト自体は見てほしいけれど、素材として使っている画像だけは検索結果に出したくない」Web制作の現場にいると、著作権の関係や有料素材の規約などで、こうしたニッチな相談を受けることが意外とありますよね。サクッと解決策を提示できています...
HTML [HTML]iOS Safariの電話番号の自動リンクを無効化する方法
ページ内の数字のかたまりがiPhoneのSafariでは電話番号として認識され、自動でリンクが貼られてしまうのを防ぐ方法のご紹介です。電話番号や連続する数字が自動でリンクするのを防止するiOSのSafariでは、ページ内の電話番号や連続する...
HTML [HTML]丸数字①〜㊿の実体参照のまとめ
以前に紹介させていただいたMacのことえりで11〜50の丸数字を表示する方法の記事にも関連しますが、今回はWEBサイトなどで丸数字を使う（表示させる）際に、①②③…の機種依存文字ではなく「実体参照」で入力する方法のご紹介です。①〜㊿の丸数字...
HTML [HTML]ルビ（ふりがな）を振る方法
.highlight1 {padding-top:2em}HTMLで漢字の上に小さくひらがなでルビを振る方法のご紹介です。ルビをふるにはrubyタグを使うルビをふる対象（ルビベース）の漢字を<ruby></ruby>タグで囲み、ふりがな（ル...
HTML HTML拡張子でPHPを実行する方法（.htaccess）
.htaccessを使って拡張子HTMLのファイルで<?php include(); ?>などのPHPを実行する方法のご紹介です。サーバーによって.htaccessの記述の仕方に差があるっぽいのですが、今回はシックスコアサーバーでの方法にな...
HTML .htaccessでコメントアウトの記述方法
.htaccessファイルはサーバーの設定を制御する強力なツールです。設定内容を分かりやすくするためにコメントアウトを使用することが推奨されます。コメントアウトを活用することで特定のコードを無効にしたり、設定の説明を加えたりすることができま...
HTML [HTML]videoタグでmp4動画をサイトに埋め込む方法
HTML5のvideoタグを使ってmp4動画をサイトに埋め込む方法のご紹介です。今回はvideoタグの基本的な使い方から、videoタグをサポートする主要ブラウザと、それらブラウザ向けの動画再生方法などを中心に紹介させていただきます。vid...
HTML [HTML]<a href=”mailto:”>でメーラーを起動する方法
<a>タグのリンクをクリックしてメーラーを起動する方法のご紹介です。また、メーラーを起動時に自動でメールの件名や本文を入れた状態にする方法も合わせて紹介させていただきます。mailto:でメーラー起動<a>タグにmaito:を書き、その後ろ...
WordPress [HTML]iPhone でのサイト閲覧時に数値に自動でリンクが貼られないように回避する方法
企業サイトなどでは、HTML ファイル上に電話番号をテキストで記述することも多いと思いますが、PC では問題なくても、iPhoneから見ると自動で電話番号（や、それっぽい数値テキスト）にリンクが貼られてしまうので、勝手にリンクされないように...
HTML .htaccessでindex.htmlのURL正規化
静的サイトのトップページであるindex.htmlをプログラム処理の入ったindex.phpに置き換える場合や、静的サイト全体をWordPressで作り替える場合に必要になることが有るのでメモ。ドメイン名/index.htmlでのアクセスを...
HTML 手軽にローディング画像が作れるジェネレーター「Loader Generator」
簡単にローディング画像を生成できるジェネレーターLoader Generatorのご紹介です。ローディング画像の種類や大きさ、色やアニメーションのスピードなどの細かい設定ができ、GIF形式で画像をダウンロードしてサイトに設置することができま...
HTML [CSS]HTML5 のplaceholder のテキストカラーを変更する方法
HTML5で強化されたForm 周りの機能の1つに、input type="text" などのフォームに初期値としてテキストを入れておくことができる placeholder 属性というものがあります。今回は、このplaceholder 属性...
HTML [HTML]フォームのtype=submitのvalue属性の文字列を改行させる方法
<input type="submit">ボタンのvalue属性の文字列を<br />タグで改行しようとしたら、そのまま<br />と出力されて改行が行われないので、今日はボタンのテキストを改行させる方法を2パターン紹介させていただきます。...