「HTML・CSS・プログラミング」に関する記事まとめ

HTML・CSS・プログラミング」について綴った記事のまとめ。

HTMLやCSS、PHPをはじめとしたプログラミングの記述方法などのTIPSを主に綴っています。

カテゴリで絞り込む

  • カテゴリーなし

印刷用CSSを確認しながら設定する簡単な方法|Chrome利用

印刷用CSSを確認しながら設定する簡単な方法|Chrome利用
今更なのですが、本日は印刷用CSSの話題。 と言っても、記述方法ではなく、デバッグ方法についてです。 個人的にはウェブサイトを印刷することなんて年に一回もないのですが、ウェブサイトを制作する上では、印刷時の見せ方を指定したいという要望が時々あるんですよね。 設定方法は特に難しいこともないのですが、…
ishikawa

Basic認証環境でfile_get_contentsが動かない!?エラー確認と対処方法

PHPのfile_get_contentsが動かない!?エラー確認と対処方法
PHPでfile_get_contentsを使っていた時に陥るエラー。 ローカルではバッチリ動作していたのに、レンタルサーバにアップロードしたら動かなくなってしまうという……。 これが起きるのも、実際の画面で確認したいと言われてBasic認証をかけてテストサイトを構築した際。 file_get_contentsで取得して出力するはずのコン…
ishikawa

テーマXeoryを使っているならitemscopeを直したほうがいい【WordPress】

テーマXeoryを使っているならitemscopeを直したほうがいい【WordPress】
バズ部が提供している無料のWordPressテーマ、Xeory。 当ブログ、並びに運営しているWordPressサイトの大半は、そのXeoryをテーマとして利用しています。 とても使い勝手の良いテーマなのですが、最近気まぐれにW3Cのバリデーションサービスで検証してみたところ、これまで何で気付かなかったんだろう?というくらい凡…
ishikawa

Javascriptでformの入力欄の文字数をカウントする方法

Javascriptでformの入力欄の文字数をカウントする方法
コンテンツを登録・更新できる機能、俗に言うCMS。 ウェブサイトの制作をしていれば、構築することの多い機能でしょう。 そのCMSを利用するのはウェブの知識が豊かな人ばかりではないため、コンテンツの登録画面は利用しやすいようにしてあげなければなりません。 そこで付加機能として喜ばれることが多いのが、for…
ishikawa

ブログ画像の不正コピー防止に!無断使用を阻止する方法

ブログの画像の不正コピー防止に!無断使用はできるだけ阻止
うーむ。 ちょっと前に話題にあがっていた話題、というか結構前から問題とされていることですが、文章や画像の無断転載や不正利用ってやっぱりどうにも腹立たしいですね。 以前、某音楽系サイトに当ブログの文章を丸パクリされたりと色々ありましたが、最近は画像の不正利用が目立ちます。 キュレーションサイトの追…
ishikawa

Xeory Extensionの検索結果ページは変更必須ですよ!(WordPressテーマ)

Xeory Extensionの検索結果ページは変更必須ですよ!(WordPressテーマ)
当ブログはWordPressで構築し、テーマはXeory Extensionを利用しています。 このXeory、無料でありながらほとんどカスタマイズしないでも使うことができるほど優れたテーマとなっています。 しかし1点、検索結果ページだけは変更必須です。1番上の検索結果に表示される記事のタイトルが、H1タイトルになぜか表示されて…
ishikawa

MAMPのphpMyAdminでインポートするファイル上限をアップする方法

MAMPのphpMyAdminでインポートするファイル上限をアップする方法
phpMyAdminでSQLをインポートしてデータベースに登録……。 ウェブサイトの移行時などに行うことの多い作業ですが、そのインポート時に「アップロードしようとしたファイルが大きすぎるようです」とのエラーがでることがあります。 今回はMAMPを利用している際に上記エラーが出た場合の対処法についてまとめます。php.in…
ishikawa

GoogleアナリティクスAPIの序盤!HelloAnalytics.phpを動かしてみた

GoogleアナリティクスAPIの序盤!HelloAnalytics.phpを動かしてみた
GoogleアナリティクスAPIを触り始めました。 慣れると使いやすいですが、序盤はちょっと取っ付きにくい印象なんですよね。ここではその序盤、GoogleアナリティクスAPIを使い、PHPでセッション数を取得するまでの手順をまとめます。 Google Analytics APIを触ってPHPで解析データを取得する さて、Googleアナリティク…
ishikawa

Facebookシェアボタンのカウント数が取れない!?対処方法は簡単

Facebookシェアボタンのカウント数が取れない!?対処方法は簡単
記事更新に夢中になっていて気付かなかったのですが、過去記事を見直していたらソーシャルボタンのFacebookシェアボタンのカウント数が取得できていないことに気づきました。どの記事を見ても、シェア数は0。急にナンデヤネン。 他のサイトを見てみても、Facebookシェア数が0になっているところが多いよう。原因を調べ…
ishikawa

Google form(グーグルフォーム)での自動返信手順 スクリプトのサンプルも記載

Google form(グーグルフォーム)での自動返信手順 スクリプトのサンプルも記載
ウェブサイトやブログを作成した際、ユーザーとのやりとりに欠かせないのがお問い合わせフォーム。 しかし、一から作成するとなるとプログラミングをしなくてはなりません。 そこで便利なのが無料のGoogle form(グーグルフォーム)なのですが、googleフォームはデフォルトでは自動返信機能がついていません。 今回は…
ishikawa

javascriptで生成したテキストはインデックスされる!実験結果公開

javascriptで生成したテキストはインデックスされる!実験結果公開
ブログをやっているとどのように訪問いただいているのかを見るのが面白かったり、します。解析ってやつですね。 当ブログは検索エンジンからの流入の割合が圧倒的に多いので、去年なんかはiOS開発関連の記事へのアクセスが日々のアクセスの8割を占めていたくらい。はてなブログに移ってきてから流れが変わってきているの…
ishikawa

緯度経度から住所を取得してリスト化したい【逆ジオコーディング】

緯度経度から住所を取得してリスト化したい【逆ジオコーディング】
少し前の案件で「建物の緯度経度は所持しているのだけど住所が無い。緯度経度から住所をまとめて取得することは可能?」という話がありました。 逆ジオコーディングってやつですね。 「Google mapとか利用してできない?」と、ウェブ絡みの話ということで僕に話がきたようなのですが、 住所を取得したい建物数…
ishikawa

PDF等閲覧制限 特定ページ経由からのみ閲覧可能に【PHP・htaccess】

PDF等閲覧制限 特定ページ経由からのみ閲覧可能に【PHP・htaccess】
「PDFをウェブサイトに置いてユーザーに閲覧させたいけど、特定のページを経由しないと見れないようにしたい」 こんな依頼を受けることが結構あります。 この要望が必要な場面は、 利用規約ページは必ず見て欲しい ユーザーに何らかアクションをしてもらった特典としてPDFを閲覧してもらいたい などが挙…
ishikawa

レスポンシブWebデザインのメリットと設定方法まとめ

レスポンシブWebデザインのメリットと設定方法まとめ
僕はレスポンシブ・ウェブデザインが、それぞれの環境(PCやスマートデバイス)における表示面でのウェブ本来の最適な形だと考えています。 レスポンシブ・ウェブデザインについて綴る前に、ウェブサイトの閲覧環境ごとに表示状態が変わることについての考え方を綴っておきたいと思います。 あまりウェブに対して知…
ishikawa

『重大なモバイル ユーザビリティ上の問題を検出』と怒られた!

『重大なモバイル ユーザビリティ上の問題を検出』と怒られた!
Googleウェブマスターツールに登録しているメールアドレスに、「モバイル ユーザビリティ上の問題が検出されました」とのタイトルのメールが届きました。 メールは下記のような内容でした。 Google のシステムは、貴サイトの 13 ページをテストし、そのうちの 92% に重大なモバイル ユーザビリティ上の問題を検出しま…
ishikawa