Google Maps API V3で、google.maps.Geocoderクラスのgeocode()を使って、地名や住所から緯度・経度を求めるサンプルプログラムです。 Google MAPS APIの料金（Cloud Platformへの支払い）が高く、維持困難となりましたので、ソース公開のみといたします function getLatLng(place) { // ジオコーダのコンストラクタ var geocoder = new google.maps.Geocoder(); // geocodeリクエストを実行。 // 第１引数はGeocoderRequest。住所⇒緯度経度座標の変換時はaddressプロパティを入れればOK。 // 第２引数はコールバック関数。 geocoder.geocode({ address: place }, function(results, sta
こんにちは、サンプルアプリ開発者の山田健一です。 iUIには、簡単にタブインターフェースを実現できる記法が存在しませんが、タブインターフェースを用いたいと思うことも多いと思います。 そこで、iUIでタブインターフェースを実現する手法を紹介します。次のようなイメージになります。 <table>タグを利用してリンクを横に並べ、スタイルシートを用いて、タブっぽく見せるという手法です。 index.htmlのBODY部のコードは次のようになります。 <body> <div class="toolbar"> <h1 id="pageTitle">リンク集</h1> </div> <ul id="tv" title="" selected="true"> <table> <tr> <td> <a href="#tv" class="select">テレビ局</a> </td> <td> <a href
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
こんにちは。 この春に無事大学を卒業したので、KRAYアルバイトから社員に転職しました、浅海です。 最近、JavascriptのリアルタイムWebアプリケーションフレームワークのMeteorで遊びました。 リアルタイムWebアプリケーションを簡単に作ることができますので「最近流行りのリアルタイムWeb、一度やってみたいなー、でも難しそうだなー」と思っている方におすすめです！ この記事ではグーグルマップ上で会話できるリアルタイムチャットの作り方を解説します。 完成品はこちら 目次 注意事項 Meteorを始める リアルタイムチャットの作成 Googleマップとの連携 作ったアプリケーションを公開する 宣伝 注意事項 ・この記事を執筆時点のMeteorのバージョンは0.42です。 ・「コマンド一発でインストール！！」とか書きましたが、これは自分が使っているMacでの話です。 windowsのc
こんにちは、サンプルアプリ開発者の山田健一です。 今回はGPSにより取得した緯度、経度から住所を求め、さらに地図を表示するサンプルについて解説します。 住所取得、地図表示、どちらも Google Maps API を利用します。 Google Maps API を利用するためには、htmlに次のコードを追加します。 Google Maps API の指定 これだけの指定でGoogle Maps API が使用できるようになりますが、sensorパラメーターは必ず指定してください。地図を表示するにあたり、GPSのよaうな位置情報を使用するか否かの指定です。今回はGPSを使用しますが、GPSを利用して地図を表z示するのではなく、GPSから取得したデータを厳選した上で、そのデータをもとに地図表示を行うため、 false を指定します。 GPSから取得したデータには誤差が含まれるため、一定時間計測
JavaScriptフレームワークに興味あるし、Angular.jsを使ってみようかな・・・ そんな純真無垢なあなたを混沌の世紀末に引きずり込むのが、ほかでもないTutorialなのです。 TutorialではほぼControllerしか出てこないので、素直にこの通り書いているとまず間違いなく３カウントでControllerにコードが集中するいわゆるFat Controllerになり、せっかくMVCフレームワークも地獄の荒野になります。 実は、Angular.jsでまず目を通すべきなのはDeveloper GuideのConceptual Overviewです。これを読めばどう処理を分割するかがきちんと書かれていますが、以下ではそれ＋経験をもとにAngular.jsで正しくMVCを使用するためのポイントをまとめました。 Angular.jsの３原則 1.Controllerはイベントハンド
この記事は、英語版アシアルブログの翻訳記事です。 （原文はこちら） ============================== ほとんどのモバイルアプリでは複数のページ間でデータの共有・受け渡しを必要とします。 OnsenUIはAngularJSの機能を利用しながらページ間でのデータ受け渡しを実現しています。 実際のアプリでは以下のように作ることができます。 手順1. 『OnsenUI最小限のテンプレート』からプロジェクトを作成する 1-1. monaca.mobiにログインします。 1-2. 新しいプロジェクトを作成します。 1-3. 『OnsenUI最小限のテンプレート』を選択してプロジェクトを作成します ※詳しい作成方法についてはこのチュートリアルで紹介されています 新しいプロジェクトを作成するとこのようになります: 手順2. データを保持するためのServiceを作成する ここ
この記事は、英語版アシアルブログの翻訳記事です。 （原文はこちら） ============================== この記事では、Flickr APIを利用して写真を表示するアプリを、HTML5 モバイル UIフレームワーク・OnsenUIを利用して作成します。 さらに、ボタンのスピナーアニメーションを使うことで、アプリに生き生きとした見た目を与えます。 今回作成するのは以下のアプリです。実際に動くので、触ってみてください。 1. プロジェクトを作成する 1. Monacaのダッシュボードで、「新しいプロジェクト」をクリックします。 2. 「Onsen UI最小限のテンプレート」を選択します。 プロジェクトの名前を「Flickr」とし、IDEを起動します。 OnsenUI最小限のテンプレートには、page1.htmlとpage2.htmlを行き来するナビゲーターコンポーネント
Today we are excited to release developer preview 2 of Onsen UI. The main focus of this release is support for themes and Font Awesome integration. Themes Our designer have cooked up 6 themes specially for Onsen UI--Blue, Green, Orange, Pink, Purple, and Yellow. Here are some screenshots of how they look like. Blue How to use 1. Go to Plugins Settings Open Onsen UI project and go to plugins settin
Create any product you can imagine and sell it everywhere. We remove the roadblocks—supply chain, global shipping, and customer service—so you can focus on your creativity. With automatic storefronts on platforms like YouTube, TikTok and more, your fans can easily buy what they love from you. You create. We handle the rest.
はてなブログをスマホから見るとデフォルトではスマホ用表示がされる。これはスマホからのアクセスと判断した際に、専用のCSSを適用しているためである。（http://hatenablog.com/css/touch/blog-touch.css） このスマホ用CSSで気に入らない部分があったので編集を試みた。 PCサイトであればFirebugなどを使い簡単にデバッグ -> 編集出来るが、スマホサイトのデバッグは初めてであったため色々調べてみた。いくつか良さそうなツールがあったのだが、Mac向けのものがほとんどでありWindowsユーザの僕は使うことが出来ない。。。 そんな中よさそうなツールを発見！その名は「weinre」。使ってみた感想を最初に書いておくと、スマホの実機に対してリモートで快適にデバッグできた。というわけで、Web開発において冷遇されがちな（被害妄想？）Windowsユーザ向けに
1. HTML5ハイブリッド アプリ開発実践編 クロスプラットフォーム開発で ハマりがちなポイントを解説 アシアル株式会社 久保田光則 URL : http://monaca.mobi/ Copyright © Asial Corporation. All Right Reserved. 1 2. 自己紹介 • 久保田光則 @anatoo • アシアル株式会社 • UI&UXデザイナー兼 ソフトウェアエンジニア URL : http://monaca.mobi/ Copyright © Asial Corporation. All Right Reserved. 2
PhoneGapを使ったプログラムで外部のプログラムとの通信を行うためには、まずPhoneGap側の設定ファイルを変更する必要があります。PhoneGapでは、外部プログラムとの通信にホワイトリスト方式を採用しており、許可された接続先のみ通信できるようになっているからです。ホワイトリストは次のように設定します。 iOSの場合 「Supporting Files」というディレクトリの中に「phonegap.plist」または「cordova.plist」というファイルが格納されています（バージョンによって異なります）。このファイルを開いて「ExternalHosts」という項目を探し、通信先のホストを記載してください。 全てのホストとの通信を許可する場合には「*」を指定してください。 Androidの場合 「res/xml」というディレクトリの中に「cordova.xml」というファイルが格
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
