ウェブサイトへのアクセスはパソコンよりもスマートフォンで見られる方が増えてきている昨今、従来の HTML と CSS でのデザインではスマホやタブレットで見づらいことがあり、その診断は"Google モバイルフレンドリーテスト"で確認することができる。
１．Google モバイルフレンドリーテスト とは
"Google モバイル…
トラックバック：0
コメント：0
テーマ：Web技術
１．電子メールが活用されているワケ
スマートフォンの普及で手軽に連絡できる電子メールは SNS などコミュニケーションアプリの登場により日常生活での利用度は落ちては来ているが、ビジネスの世界ではまだまだ必需品である。
システムを保守する会社ではサーバやサービスダウンを即座に検知するために担当者にメール通知する仕組みを導入したり、…
トラックバック：0
コメント：0
久しぶりに Twitter のアイコンを変更しようとしたのだが、画像をアップロードしても真っ白の状態になり最新画像に反映されなかった。
１．症状
パソコンから Twitter にログインしてアイコン変更を行うとアイコンが真っ白のままとなる。
その状態でツイートするとアイコンが無い状態でタイムラインに表示される。
時間…
トラックバック：0
コメント：0
前回は地図を移動させると地図の中心座標を取得するところまで実装し、そのソースの続きで次の段階へ進む。
今回はクリックした箇所を保存するために配列を用意する。
さらに複数クリックした箇所の座標を使ってポリゴンで塗りつぶす。
->Google Maps v3の利用 -(4)地図を移動させて地図の中心座標を取得する-
前…
トラックバック：0
コメント：0
異なるサーバ間やメール本文からサイトへ遷移する際にメールアドレスなど個人を判別するためのパラメータをやり取りするのにそのまま文字列を記載するのではなく、暗号化するとともに受け取った方はその暗号化文を複合化して元に戻す。
JAVAには暗号・復号をするためにCipherが用意されており、これとbase64を利用して実装する。
１…
トラックバック：0
コメント：0
CMS・ブログツールの"MovableType"を仕事で長らく使ってきたが、ようやく6系にバージョンアップすることにした。
主にCMSとして利用しているが、特に機能を活かしているわけでもなく、プラグインを活用しているわけでもなく普通のコンテンツ管理しかしていないのでアップグレードに対して意識していなかったが、サイトのアクセス向上が…
トラックバック：0
コメント：0
サイトデザインでスクロールしても常に画像を最下部に表示し、さらに遠近感を出すために画像の影をコンテンツ内に落とす手法を実装することにした。
用意するものは背景が透過された画像と、CSSだけでよい。
下図は実装した時の例となる。
考え方としてはコンテンツ部と画像部を分け、画像部の重ね順を最前面に配置する。
ま…
トラックバック：0
コメント：0
メーリングリストの"FML"をカスタマイズする中で"Return-Path"と"Reply-To"が指定できることがわかったが、この違いはいったい何なのか疑問に思ったので調べてみた。
電子メールは宛先(To)、差出人(From)、タイトル(Title)、本文(Content)の大きく4つで構成されているが、メールヘッダーを見ると1…
トラックバック：0
コメント：0
メーリングリストを提供する案件があり、オープンソースの"FML"を採用したのでそのインストール手順を記述する。
"FML"はPerlベースのメーリングリストで、受口となるメールアカウントにメールを送信すると、その受口に所属するメンバーにメールが送信される仕組みだ。
メールの送受信には別途メールサーバが必要となり、今回はOSが"C…
トラックバック：0
コメント：0
今はブログ左側に私がツイートした一覧が表示されるようになっているが、一時期表示されなくなったのでコードを差し替えて復帰させた。
"Twitter"でつぶやいた内容を外部のサイトで表示するためには"ウィジェット"と呼ばれる機能を利用する。
この機能が6月1日から仕様変更になったようで、復帰させるにはHTMLに埋め込むコードを再取得…
トラックバック：0
コメント：0
PHPで「date(): It is not safe to rely on the system's timezone settings.」とエラーが表示されたのでその対応を行った。
「timezone settings」とあるので日付回りの設定であることがわかる。
解決策としては次となる。
"php.ini"ファイ…
トラックバック：0
コメント：0
前回、電子書籍等で用いられる"EPUB"ファイルについて紹介したが、今回は実際にそれを閲覧してみる。
パソコン上ですぐに見る方法として対応ブラウザで開く方法がある。
"Google Chrome"は対応しているようだが、"Firefox"にアドオンをインストールして見る方法を試してみる。
アドオンで有名なビューアーは"…
トラックバック：0
コメント：0
IT系のニュースサイトを一通り見て情報収集するのが日課となっているが、最近のニュースサイトの中にはHTMLで公開するのではなく"EPUB"という形式のファイルで公開するところが増えてきている。
"EPUB"とは「Electronic Publication」の略で、電子書籍ファイルのフォーマットで用いられるらしい。
ファイル…
トラックバック：0
コメント：0
メーリングリストというと、特定のメールアドレスに対してメールを送るとそれに紐付けされている配信先アドレスに一斉送信する仕組みのことである。
今回、ある案件でメーリングリストをインストールして利用できる状態にしなければならなくなったが、今までそのような実績がなかったので調査しながら進めることになった。
メーリングリストといって…
トラックバック：0
コメント：0
PHPでSOAPを利用してリクエストしてレスポンスを受けた際に「Cannot use object of type stdClass as array」と出た場合の対応方法。
PHPでSOAP関数を利用すると、下記のようなレスポンスで返ってくる。
stdClass Object
(
[count] => 1…
トラックバック：0
コメント：0
あるシステムをPHPとPostgreSQLで構築中に、データを登録する一つの機能で重複登録されたり、されなかったりという現象が発生した。
まずはアプリ側のソースから確認する。
ソースファイルの中でデータベースにインサートする箇所を確認してみるも、処理は一回しか実行されないようになっている。
次に現象が発生する場合と発生しな…
トラックバック：0
コメント：0
PHPで構築したアプリケーションを他サーバに移行したところ「Call to undefined function domxml_open_mem()」が出たのでその対応を行った。
「Call to undefined function domxml_open_mem()」というエラーはPHP5系ではサポートされていないため出たよう…
トラックバック：0
コメント：0
前回までは"大阪駅"を中心とする地図を表示し、そこに対して立てたマーカーをオリジナルの画像にするところまで実装している。
->Google Maps v3の利用 -(3)マーカーを画像に変更する-
今回はマーカーを立てたい時などに役に立つ、座標の取得を行う。
前回用意したソースへ新たに下記の10行程度のソースコードを追加…
トラックバック：0
コメント：0
サーバの移設など環境が変わることで今まで動いていたプログラムが動かなくなったり、エラーが出るようになるのはよくあることである。
今回、PHPのWebアプリケーションを移設した際に、「Notice: Undefined offset: 0 in /var/www/html/****.php on line **」というエラーが出るよ…
トラックバック：0
コメント：0
前回までは"大阪駅"を中心とする地図を表示し、そこに対してマーカーを立てるところまで実装している。
->Google Maps v3の利用 -(2)マーカーの表示-
今回は立てたマーカーをデフォルトのものから任意の画像に変更する。
前回のソース中、「MarkerImage」含め6行を追加する。
// ▽マーカー…
トラックバック：0
コメント：0
CMSとしての機能が充実した"Wordpress"でアクセス者のIPアドレスからコンテンツの表示・非表示を振り分けることにする。
処理の内容としては指定したIPアドレスまたはネットワーク範囲である場合は特定のページを表示するものとする。
アクセス制限はプラグインを利用せず、自作のソースをテンプレートに埋め込むため、予め"Exec…
"Google Maps"のバージョンが2から3への変更を推奨されているので、ver.3によるマーカーを表示させるサンプルを紹介する。
前回までで"大阪駅"を中心とする地図を表示するところまで実装している。
->Google Maps v3の利用 -(1)地図の表示-
今回は"大阪駅"にマーカーを立てるサンプルコード…
トラックバック：0
コメント：0
一昔前の"WordPress"と比べるとブログというよりはCMSとして見られることも多くなりカスタマイズを要求されることも少ないが、"WordPress"内でPHPを実行できるようにすると更に扱いやすくなる。
CMSなので"WordPress"の管理画面から入力できるコード類はHTMLやCSS、JavaScript等となり、デフォ…
トラックバック：0
コメント：0
何年か前に"Google Maps"のAPIを利用したWebアプリケーションの案件があり、そこで活用できるサンプルを紹介したが、運用者がポリゴンを利用したエリア指定をしたいという要望があったのでその対応をすることにする。
前回までは"Google Maps"のバージョン2を利用していたが、今回から最新版のバージョン3を利用すること…
トラックバック：0
コメント：0
"Twitter"での自分のツイートなどをサイトやブログに埋め込んで表示させるウィジェットを利用した場合、IEなど特定のブラウザでJavaScriptのエラーが表示されるのでその対応を行う。
ウィジェットは"Twitter"の管理画面から提供されるHTMLソースを利用している。
->"Twitter"でのつぶやきをサイトや…
トラックバック：0
コメント：0
"Twitter"は基本的に個人が発言したものを時系列に見るものだが、特定のテーマに対して発言されたものを集約して表示させることができ、それが"ハッシュタグ"と呼ばれるものだ。
"ハッシュタグ"を利用するにはツイート時に特定の文字列を文末に入れるだけでよく、「文章＋半角スペース＋#＋特定のタグ」という形式になる。
…
トラックバック：0
コメント：0
仕事でサイトに"Twitter"を載せたいという要望があったので、まずは私のブログに自分のツイートを表示させるためにウィジェットを設置することにした。
サイトやブログに"Twitter"を設置するのは非常に簡単で、"Twitter"が公式にパーツとなるHTMLタグを提供している。
まず"Twitter"にログインして画面右下…
トラックバック：0
コメント：0
ちょっとつぶやいてインターネット上で公開できる"Twitter"、すぐに下火になるだろうと使っていなかったが、仕事でサイトと"Twitter"の連携をしたいという案件が入ってきたので何ができて何ができないのか知るために使い始めた。
"Twitter"に限らず、今はコミュニケーションの場としてSNSも含めて多くのサービスが提供されて…
トラックバック：0
コメント：0
CMSをカスタマイズしたせいか、本文などを入れるテキストエリアに改行タグ（br）を複数入れてもブラウザから見ると挿入分の改行が適応されないという事象が発生した。
メイン開発にはIE8で利用していたが、ふとIE7やIE6で動作検証すると改行として表示されない。
CMS側の問題かと思いソースを見てみるが、問題無くbrタグが明記さ…
トラックバック：0
コメント：0
ニュースサイトを見ていると年表形式で表示しているところがあり、ちょうど情報量が多く、操作性の良い"沿革"の表示を求められていたので参考にさせてもらうことにした。
この年表の下部には利用している"Timeglider"というモジュールの名前らしきロゴが表示されていた。
この"Timeglider"を検索すると説明とソースのダウ…
トラックバック：0
コメント：0