はね丸のWEB工房

PHPやWEB API、自作したWEBサービスについてマッタリと書き綴ります

はね丸のWEB工房>投稿記事を一覧表示

このエントリーをはてなブックマークに追加
jQuery UIのDialogを使用してユーザーに注目してもらう


このブログのコメントは承認制でして、入力しても入力したものが消えるのみでした。
その動作ですと入力した方は、本当に投稿できたのか不安になることもあるでしょう。

そこでコメントを受付時に、その旨を知らせるダイアログを表示することにしました。

サイトを訪問したユーザーの方へ特別に訴えたい・注目してもらいたい際に、ポップアップするダイアログはとても効果的だと思います。

その実現方法として、jQueryのプラグインである「jQuery UI」の1機能、「Dialog」を使用しました。
Dialogを使用することで、スタイリッシュなダイアログを簡単に実装できます。 >>jQuery UIのDialogでメッセージやフォームをダイアログ表示の詳細を読む

カテゴリー:便利ツールやサイト | キーワード:jQuery,JavaScript,jQuery UI,Dialog,ダイアログ,ポップアップ

スポンサーリンク
このエントリーをはてなブックマークに追加
カレンダーを使って日付入力を補助


フォーム入力で日付を扱うことあると思いますが、数字だけの割にはいろいろと制御が面倒な部分でもあります。
入力フォーマット、年・月・日の制御など、作る側としてはかなり見えない部分の仕事が増えます。

入力するユーザの立場としても、フォームがドーンとあっただけでは入力に迷いますし、こういう局面ではカレンダーなどで曜日や日にち間隔を確認しますよね。

この両者の不便さを解消する方法として、jQueryのプラグインである「jQuery UI」の1機能、「Datepicker」で解消できます。
Datepickerを使用することで、フォームへの日付入力の際、カレンダーを表示して入力補助をするインターフェースを、簡単に実装できます。 >>jQuery UIのDatepickerでカレンダーから楽々日付入力の詳細を読む

カテゴリー:便利ツールやサイト | キーワード:jQuery,JavaScript,jQuery UI,Datepicker,日付入力,カレンダー

このエントリーをはてなブックマークに追加
ここ2日間ほど、今までに作ったサイトのメンテナンスをしてました。
その中で、文字コードがEUCで書かれたサイトがあり、それをUTF-8へ書き換えを。

PHP4時代の遺産ですね。

ほとんどのプログラムの文字コードは替えていたのですが、あまり力を入れていないサイトが1部EUCで残ってまして。(笑)
今回タイミング的に切替え日和だったので、負の遺産を処分することにしました。

これでEUCとはおさらばです。

>>文字コードEUCで書かれたPHPプログラムをUTF-8への詳細を読む

カテゴリー:PHP | キーワード:WEBサービス,サイトメンテナンス,文字コード

このエントリーをはてなブックマークに追加
Yahoo!マップに地図の縮尺変更スライダーを表示

2011年10月27日くらいに発表されましたが、2012年1月1日からGoogle Maps APIが有料化されます。
もちろん無条件ではなく、1日に2万5000回以上アクセスした場合に課金対象となるようです。

個人であればほとんど関係ない数字ですが、もし超過した場合はAPIが利用できなくなるのではなく、強制課金という恐ろしい仕様…。

詳しいことは「Google Maps APIの有料化・料金・利用制限まとめ」でまとめられているようなので、興味のある方は見てみると良いかもしれません。

私のサービスも余裕だとは思うのですが、良い機会ですので他の地図サービスに目を向けてみることに。
そこでGoogle Maps APIの対抗馬、Yahoo! Open Local PlatformのJavaScriptマップを触ってみました。 >>Yahoo!地図WEB APIでマップ表示の詳細を読む

カテゴリー:WEB API | キーワード:WEB API,Yahoo!,地図,YOLP,Yahoo!地図WEB API

このエントリーをはてなブックマークに追加
写真をスタイリッシュにスライドショー


私はコンテンツを作るのは得意ですが、トップページがどうも苦手で…。
まとめてゲーム」を作る際、トップページに何か華が欲しいと考えていました。

そこで思いついたのはサイトの要点を説明する、ちょっとしたムービーですね。
華やかなだけでなく、サイトを訪問者に知ってもらうこともできますので。

セオリーで言えばFlashを使用したいところです。
ただ一応使用経験はありましたが、もう5年ほど前の話です。

…完全に忘れてますね。(笑)

仕方ないので、何か簡単に実現できる方法が無いか?と探していたところ、jQueryのプラグインとして動作する「CrossSlide」というものを見つけました。

>>「CrossSlide」写真や画像をかっこよくスライド表示の詳細を読む

カテゴリー:便利ツールやサイト | キーワード:jQuery,JavaScript,CrossSlide,スライドショー

このエントリーをはてなブックマークに追加
ムームーDNSサーバ(ネームサーバ)の障害


最近になってGoogleウェブマスターツールから、以下の内容のメールが来ました。


[ウェブマスターツール]http://www.xxxx.com/: Googlebotがサイトにアクセスできません
Googlebot がサイトの DNS 情報の取得を試みましたが、過去 24 時間で 491 件のエラーが発生しました。このサイト全体での DNS クエリのエラー率は 91.6% です。

これらのエラーの詳細はウェブマスター ツールで確認できます。


私はDNSサーバ復旧後にサイトを見ましたので問題部分を確認できなかったのですが、高負荷時にはそのDNSサーバを経由しているサイトのほとんどが数時間ほど遅延、または見れなくなっていたようです。

しかしエラー率91.6%って凄いなぁ…。(笑)
>>DNSサーバ(ネームサーバ)の障害でサイトが非表示+SEO的被害もの詳細を読む

カテゴリー:サーバ設定や運営 | キーワード:サイト運営,Google,DNS障害,SEO

このエントリーをはてなブックマークに追加
YOLPのマーカーをクリックして吹きだし表示

Google Maps APIを使っている人にとっては、今回のタイトルは「はい?」と感じるほどに当たり前のことだと思います。
私もそう感じた1人です。(笑)

公式解説ページである「Yahoo!デベロッパーネットワークJavaScriptマップ」を見ましても、アイコン(マーカー)、吹きだし(バルーン)のキーワードが出てきますので、当然できるものとばかり思っていました。

ところが、ここからドツボにハマる私がいます…。 >>Yahoo!地図APIでマーカーをクリックすると吹きだしを出す方法の詳細を読む

カテゴリー:WEB API | キーワード:WEB API,Yahoo!,地図,YOLP,Yahoo!地図WEB API

このエントリーをはてなブックマークに追加
まとめてゲームの口コミ情報


再びで申し訳ないですが、「まとめてゲーム」のちょっとした機能改善をしています。
時間がなくて後回しにしていたamazonの「Product Advertising API」を使用した商品画像の拡充と、アマゾンのサイト内で使用されている口コミやレビューの取り込みです。

Product Advertising APIは別のサイトでも使ったことがありますが、かなり久しぶりに使います。
特に2010年11月9日に実施された「Reviewsレスポンスグループの仕様変更」以降初めてですので、ちょっとドキドキします。(笑)

>>Product Advertising APIを使用して画像と口コミを取得の詳細を読む

カテゴリー:WEB API | キーワード:WEB API,amazon API,Product Advertising API,PEAR,Services Amazon

このエントリーをはてなブックマークに追加
さくらのVPSコントロールパネル


さくらのVPSを借りてサーバ構築を行うための申し込み方法と準備」の続きになります。
前回でさくらのVPSに申し込み、VPSを借りることが出来ました。

またサーバ構築に必須のSSHクライアント「Tera Term」をインストールしましたので、今回はいよいよVPSの内部に入っていきます。

今回はCentOS 6のセキュリティ対策を中心とした初期設定と、Tera Termによる鍵認証を使用したSSH接続環境を構築します。
>>さくらのVPSでCentOS 6のセキュリティ設定とSSH鍵認証の接続環境を構築の詳細を読む

カテゴリー:サーバ設定や運営 | キーワード:さくらのVPS,CentOS,teraterm,専用サーバ,サーバ構築

このエントリーをはてなブックマークに追加
Yahoo!ウェブ検索APIや画像検索APIが提供終了


2013年6月13日、Yahoo!デベロッパーネットワークより検索APIの提供終了がアナウンスされました。
いずれはこうなるかなぁ…と思いつつも、まさかこんなに早く訪れるとは思ってもいませんでした。

私の作成しているWebサービスやサイトには結構Yahoo!の検索APIを使用しており、これが使えなくなってしまうのはかなりイタイです…。(汗) >>Yahoo!ウェブ検索APIや画像検索APIなど検索API提供終了のお知らせの詳細を読む

カテゴリー:WEB API | キーワード:WEB API,Yahoo!,ウェブ検索,画像検索,動画検索

スポンサーリンク

表示順:新規順 | 投稿順 | 人気順 | 注目順