drag-drop - HTML5のドラッグ&ドロップAPIをごく簡単に扱う
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5で便利になった機能の一つにファイルのドラッグ&ドロップがあります。Webブラウザ上にファイルをドロップしてアップロードしたり、DOMをドラッグ&ドロップできたりします。しかしできるとは言ってもコードをそれなりに書かないと使えないのが難点です。 そこで使ってみたいのがdrag-dropです。HTML5のドラッグ&ドロップを手軽に実装できるようにします。 drag-dropの使い方 drag-dropのコードです。onDrop/onDropTextメソッドを定義するだけでファイルやテキストデータが取得できます。 window.remove = DragDrop('body', { onDrop: function (files, pos) { var names = file
TwitterのAPI規制を回避できる公式クライアントのコンシューマーキー
By AlicePopkorn 3月5日以降のAPI 1.1では15分間に呼び出せるAPIの回数が以前に比べて大きく制限されているわけですが、Twitter公式クライアントは以前と同じような使い勝手であり、それほど厳しく規制されていません。ということは、公式クライアントになりすませば規制を回避できるのではないか？ということで、公式クライアントのコンシューマーキーが公開されてしまいました。 海外では「APIキーがリークされた」という扱いになっており、以下のような感じで取り上げられています。 Twitter OAuth API Keys Leaked | threatpost http://threatpost.com/en_us/blogs/twitter-oauth-api-keys-leaked-030713 実際に公式クライアントのキーが掲載されているのは以下のページ。 Consume
TwitterのAPI 1.1で取得したユーザーのJSONデータからAtomフィードを作成する
Twitter API 1.1で取得した、任意のユーザーのタイムライン（JSONデータ）からAtomフィードを作成する方法を紹介します。 Twitter API 1.1で取得したJSONをAtomに変換したサンプル １．Twitterアプリケーションの作成 Twitterアプリケーション開発のページを開き、Twitterのアカウントでサインイン。 右上にある「Create a new application」をクリック。 「Application Details」のName、Description、Websiteを設定。Callback URLの設定は不要です。 下の方にある「Yes, I agree」をチェックし、CAPTHCAを入力して「Create your Twitter application」をクリック。 次の画面の下にある「Create my access token」をクリ
Twitter 「Join the conversation ウィジェット」 提供終了
「Join the conversation ウィジェット」 の提供終了に伴い、このウィジェットを設置している方は新版の 「埋め込みタイムライン」 に差し替えをしておきましょうということで、簡単にその設置方法について触れてみたいと思います。 日本語版 Twitter Blog で告知されていますが、去年の 8月に提供開始された Twitter API v1.1 への完全移行 （つまり、API v1.0 の提供終了） に伴い、旧版の Twitter ウィジェット、通称 「Join the conversation ウィジェット」 の提供が 2013年 3月 5日で終了します。 Blog などに設置している方は、今のうちに同様の機能を持った新版の 「埋め込みタイムライン」 に差し替えをしておきましょうということで、簡単に 「埋め込みタイムライン」 の設置方法についても触れてみたいと思います。
さまざまな国の郵便番号から市区や州などの地名を取得出来るAPIを公開、提供している・Zippopotamus
日本だけでなく、海外の方もターゲットにしているコンテンツに需要あるかも、と思ったのでメモがてらご紹介します。様々な国の郵便番号を取得できる、というAPIを公開、提供しているWebサイト、Zippopotamusです。勿論、日本も入っていますよ。 無料で利用出来ますが、まだ完全なものではありません。ただ、プロジェクト自体は凄く素敵だと思うので有志に期待です。 世界の国名や市区を郵便番号で取得出来る、というもの。と書くと凄そうに聞こえますが、日本に限ってはまだ実用段階とは言えません。ただ、OSSとしても公開されているので今後に期待したいかも。 デモ日本のを作ってみました。住所はローマ字で取得されます。 現状は日本人向けではないですね。 コード取得したい国に合わせてAPIを叩きます。 http://api.zippopotam.us/JP/100-0001 上記のように/国コード/郵便番号で取得
Googleに学ぶ、Google Maps APIでできること（デモや技術情報など）
Google Maps APIを使ってできるユニークな特徴を備えたデモが楽しめるGoogleのプロモーションサイトと補足として技術情報を紹介します。 Google Maps API - More Than A Map デモでは6つのGoogleマップを使ったコンテンツと、開発者向けリソースや更に高度なデモを楽しめます。 Googleマップ：ベースマップ Googleマップ：サテライト Googleマップ：ストリートビュー Googleマップ：プレイス Googleマップ：ルート案内 Googleマップ：ビジュアライゼーション Googleマップ：開発者向けリソース Googleマップ：ショーケース Googleマップ：ベースマップ まずは、基本となるベースのマップです。
Flickr APIで画像情報を取得するPHPスクリプト｜Webクリエイターネット
Category PHP ちょっと前までXMLデータを取得するのに"simplexml_load_file"を使っていましたが(RSS等をXMLで取得)、PHPの設定側で"allow_url_fopen"をOnにしないと、ほとんどの環境で利用できません。On設定にしていると、RFI(リモート・ファイル・インクルージョン)等の手法を用いてサーバーに攻撃を仕掛けられる危険性もあるため、セキュリティ対策上"外部ファイルの書き込みを禁止する"といった意味合いでOff設定にした方がいいです。 ちょうど、｢何か他にいい方法がないかなー?｣と探していましたので、今回の記事では"allow_url_fopenをOff設定にしたまま、cURLとsimplexml_load_stringを使ってFlickr APIでXMLを取得するPHPスクリプト"を紹介しようと思います。 Keyword：Flickr,AP
APIと少しのjQueryコードでGoogle Mapの地図の色を変更する
Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Mapが出来ます。 今後必要になりそうだったので調べ物をしたついでにメモ書きです。デザインを変更、というと語弊がありますけど、好みの色に変えてみます。 ゴール↓ こんな感じのをjQueryでやろう、みたいな内容です。特に目新しい情報では無いですが。 なんかシャドウ変になっちゃった・・色やマーカーだけでもWebサイトで使用している色にあわせれば地図だけ浮いてしまうような事も無くなるんじゃないかなと思います。 ジオコーディングリクエスト<script type='text/javascript' src='http://ajax.googleapis.com/a
Google Analytics APIでページのアクセスランキングを作る方法
Google Analytics APIを使って、ウェブサイトやブログなどの人気ページのアクセスランキングを作る方法を紹介します。 １．完成イメージ 本エントリーで紹介する手順で作成すれば、ブログに次のようなランキングを表示できるようになります。 厳密には、ランキング用HTMLファイルを出力するところまでの説明となります。 ブログにランキングを表示させる手順は割愛していますので、出力ファイルを適宜インクルードしてください。 ２．作成手順 「Google Analytics API class for PHP」の中ほどにある「googleanalytics.class.zip」をクリックして、ファイルをダウンロード。 アーカイブを展開して、中にあるGoogle Analytics APIを利用するためのライブラリ「googleanalytics.class.php」をサーバにアップロードして
カグア！
Wordpressで、Twitterを表示させる方法です。 PHP5動作環境では以下のようになります。 <div> <ul> <?php $xml = simplexml_load_file(‘http://twitter.com/statuses/user_timeline/xxxxx.rss’); $i = 0; foreach($xml->channel->item as $item) { if(++$i>10) break; $title = (string)$item->title ; $link = (string)$item->link ; echo ("<li><a href=’".$link."’>".$title."</a></li>"); } ?> </ul> </div> xxxxxのところがユーザー番号になり、 foreachのところの10がつぶやきの表示数となり
Flickrの写真をjQueryで自動で取得して自サイトやブログに表示*WEBデザインとか
Flickrの自分のアカウントから、写真を自動で取得して、サイトに表示したかった時のメモ。 【準備するもの】 ●FlickrのAPIキー ●表示させたい写真群のFlickr ID ※分からなければ、idGettrから取得可能 で、今回はjQuery Flickrというプラグインを使ってやってみました。 【jQuery Flickrの導入手順】 以下のページから、jquery.flickr-1.0.jsをダウンロード。 Project Atomic » Blog Archive » jQuery Flickr で、<head>〜</head>内に以下のタグを記述。（jsファイル名とディレクトリは環境に合わせる） <script language='javaScript' src='jquery-latest.pack.js' type="text/javascript">
flickr関連｜Webサービス連動｜Web関連特集｜PHP & JavaScript Room
Flickr APIについて Open Source Flickr Photo Gallery Using jQuery〔jQueryを使用してFlickrの写真セットをギャラリー表示〕 jQuery Flickr〔jQueryを使用してFlickrのデータを取得〕 写真や画像にウォーターマークを入れるツール〔PicMarkr〕 Flickr badge作成ツール Flickrスライドショー埋込タグ生成ツール〔SlideFlickr.com／flickrSliDR〕 splashr beta〔いろいろな形式でスライドショー表示するオンラインツール〕 Slideco〔横長の写真スライドショーウィジェット作成オンラインツール〕 Flickrの写真をギャラリー形式で見れるオンラインビュアーいろいろ Flickr APIについて 2009/7/2 Flickr APIを利用するには、Flickrの
どんな要素でも全画面表示に出来るFullscreen APIをブログの記事に使ってみる ※動作サンプル有
どんな要素でも全画面表示に出来る Fullscreen APIというものがありま して、主に動画で使われている事が 多いですが、今回はブログコンテン ツのリーダビリティに貢献させる 目的で使って見ます。 動画コンテンツに主に使われている印象のAPIなので目にする機会が多くはありませんが、動画だけでなく、どんな要素にも使えますので、ブログやドキュメントなどのテキストコンテンツに使ってみたらリーダビリティの高い状態にユーザー側でスイッチできるので素敵かな、と思った次第です。 さっさとサンプル見せろ、という方は下にスクロールしてください。 W3Cでの仕様はまだEditors’ Draft状態ですけど、最近ちょくちょく使っているところを見かけるようになりました。 HTML5と同時に動きが若干活発化してる印象でしたので、少し触ってみました。このAPIの詳細はWWW WATCHさんで詳しく書かれていま
Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ
Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識最低限かどうか分かりませんけどｗ 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンスまずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。（アイコンなんかも
Google Web Fontsにあるお気に入りのフォント5つ - Weblog - hail2u.net
Google Web Fontsのフォント登録数も随分増えてきてチェックするのが大変になってきました。一応絞り込みとかそういう機能もありますけど、Typekitのようにかゆいところに手が届く感じではありません。そこで……というわけではないですけど、なんかの参考にでもなればと僕のお気に入りを5つだけ簡単な説明付きで紹介してみます。 Demo: Five Favorite Google Web Fonts Amaranth Amaranthはゆるやかにカーブのかかったグリフが特徴です。比較的小さなサイズからその特徴がはっきりと出るので、ロゴ以外にもナビゲーションなどでも使えると思います。斜体ではそのゆるやかなカーブがセクシーに強調され、また違った味わいがあります。 Arvo Google Web Fontsにはあまりスラブ・セリフがないですが、Arvoは唯一まともに使えそうなそれです。評価の高
葡京官网_葡京在线官网_欢迎您光临！！
"葡京官网"官方微信 最热的新闻 最火的话题 最多的资讯 最high的互动 最劲的福利 "湘湖社区"官方微信 萧山人的生活分享社区 有吃有玩有八卦 "萧网购"官方微信 萧网购，一个制造爆款的电商平台 "萧山政协"官方微信 萧山政协是由杭州市葡京官网政协办公室主办的门户网站����������,是传播政协知识、交流政协工作、倾听民情呼声、扩大监督渠道的网络信息平台 "青商会"官方微信 "靖江清风"官方微信 这里是葡京官网靖江街道纪工委官方公众号，解读政策，剖析案例，弘扬清风正气。 "萧山人大"官方微信 致力于构建区人大常委会及其机关与镇街人大、广大人大代表、人民群众之间的移动互联桥梁。主要功能包括人大要闻、交流互动、代表活动 "党工会"官方微信 "萧山党湾"官方微信 沙地风情，葡京在线官网党湾。它是中国建筑名镇、杭州市小康乡镇、工业经济重点镇、葡京官网文明镇……这里是葡京官网党湾镇人民政府官
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Eden PHP
PHPからGoogle Weather APIを使ったお天気アプリ作成チュートリアル:phpspot開発日誌
【旧版】Google Maps API入門 (全19回) - プログラミングならドットインストール
