完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
Googleマップをイラストマップみたいにしたい。
サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
Google Mapsアプリの意外と知らない超便利機能「スター」旅行に外出に大活躍！
この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 スマートフォンをはじめて手に入れてから2023年の現在まで大活躍してくれているアプリ「Google Maps」。 先日の旅行時、行く場所の確認をしようと操作していたところ、めちゃくちゃ便利な機能を見つけました。 それが今回するスター機能。 誰もが知っていそうな機能なのに、なぜそれほど話題になっていないのかと思うくらい素晴らしい。 iPhone・iPad・Android、さらにはパソコン（ブラウザのGoogle Map）も含め、Googleアカウント全体で同期されるためシームレスに使えます。 もしまだ使っていない方がいれば、全力でオススメしたい便利機能です！
Google MapsのAPI有料化へ
無料で使うには性能が良くなり過ぎたのだ。 Google提供のサービスの最高にして最大の魅力は｢無料｣だということ。こんなに素晴らしいものを無料で提供してくれるなんてありがたいことです。が、その無料伝説にも限界がありました。 Googleの提供する大きなサービスの1つであるGoogle Mapsが来年2012年1月1日より一部有料となります。有料化されるのはGoogle APIで、日に2万5000回以上APIにアクセスする場合は課金されるようになります。価格はまだ詳しく発表されていませんが、噂では2万5000回を超える場合は1000回につき4ドル（約312円）程度になるのではないかとのこと。また、1日に2万5000回を超えてアクセスをするのはユーザー全体のほんの0.35％くらいだということなので、ほとんどの人はまだまだこの素晴らしい地図サービスを無料で使用し続けることができますね。 [BBC
GoogleMapをインクリメンタルサーチし、位置情報を取得するjQueryプラグイン・Address Picker
住所を入力するとオートサジェスト でGoogleMapから候補を出し、選択 するだけで位置を取得できるjQuery プラグイン・Address Pickerをご紹介 します。動作も速くて少し驚きです。 GoogleMap APIを使用しています。 ちょっとこのタイトルだと誤解与えそうですね・・・オートサジェストとして出た候補を選択するだけで地図を変更、経度や緯度などの位置情報も取得するjQueryプラグインです。GoogleMapAPIを使っています。 入力するだけで候補が出るオートサジェスト機能と、候補にマウスを乗せるだけでするだけで地図が切り替わるインクリメンタルサーチ機能の付いた位置情報ピッカー。 と、聞こえはなかなかいいですけどオートサジェストが日本語入力だと若干挙動が微妙なんですよね。Chromeはそこそこ良い反応ですが、Firefoxは特に微妙ですな・・・IEは大丈夫ぽかったで
史上最高性能のAndroidウォークマン「Zシリーズ」レビュー、ソニーの最高峰に
9月中旬に「史上最高の性能」として発表されたソニーのAndroidウォークマン「Zシリーズ」が本日から開催されているCEATEC JAPAN 2011で展示されました。 「Zシリーズ」は高輝度・高コントラストな大画面液晶、NVIDIAのTegra 2プロセッサ（デュアルコア、1GHz）、512MBメモリなどを搭載し、フルHD動画の再生も可能。さらにウォークマン史上最高音質を実現するフルデジタルアンプ「S-Master MX」をはじめとした高音質化技術を採用することで、音質と処理性能の両方を兼ね備えています。 CEATEC JAPAN 2011のソニーブース これがウォークマン「Zシリーズ」です。カラーリングはブラックとレッドの2種類。 背面には持ちやすさを追求したデザイン「Inflection Surface Form」を採用。テーブルなどの上に置いても中央部にあるモノラルスピーカーがふさ
Googleマップを3Dで表示させるMaps Flash APIのサンプルいろいろ
Googleマップを3Dで、つまりバードビューのように表示して、奥行きを感じさせることが出来るようになるのがMaps Flash API。 そのサンプルがいくつか紹介されていたので書きとめておきます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Googleマップを3Ｄで表示する「Maps API for Flash」サンプルいままでは、3Dのマップを表示するにはGoogle Earth プラグインを使う必要がありましたが、Maps API for Flashによって、Googleマップで3Dのマップを表示させられるようになります。 そのサンプルが、Google Geo Developers Blogで紹介されていました。 Google Maps for Flash API のデモ動画Weat
Google Maps API for Flash + Street View - MotuLog
このサイトを見てて、 Google Maps API for Flashにストリートビュー機能があるのかなーと思って調べたのですが、 どうやら通常のGoogle Maps APIのストリートビュー機能と連携を取っているようですね。 GoogleCodeのDemo Galleryにもある、以下のサイトで詳しく説明されてました。 Making Components Work Together | InsideRIA ソースも載っているので非常に分かりやすいです。今回は、ストリートビューのパノラマとFlashのマーカーの位置を同期するように改良しました。 位置情報はExternalInterfaceを使ってFlashとJSでやり取りします。 こちらデモ。 ActionScript： package { import flash.display.Stage; import flash.displa
Flash CS3でGoogle Maps APIを利用してみる | alt
Flash CS3でGoogle Maps APIを利用してみる Published by alt on 11 月 27, 2008 01:35 am Category[ サンプル ] Google Mapコンポーネントで簡単にFlashでも地図を扱うことができるので今回は表示部分だけやってみました。 で、CS3で作る際にまず準備として １．APIキー取得 http://code.google.com/apis/maps/signup.html ２．SDK（swcファイル）をダウンロード http://code.google.com/apis/maps/documentation/flash/ 解凍して中のswcファイル（最新はmap_1_8a.swc）を C:\Program Files\Adobe\Adobe Flash CS3\ja\Configuratio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グーグルがiPhoneを助けた理由
1ka2ka.com