Google Charts サンプル
https://www.itdashboard.go.jp/PublicApi/getData.json?dataset=BasicInformation&year=2014&field=organization&option=count グラフ作成手順 環境準備 jQueryとGoogle Chartsを利用するための<script>タグを記述します。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src="https://www.google.com/jsapi"></script> パッケージ読み込みとコールバック グラフ作成に必要なパッケージを
google chartsで横軸が日時なグラフを作成する
google charsで横軸(x軸)が時間軸になるようなグラフの作成方法のメモです。 データタイプによって24時間表記のみか日付+時間かのどちらかを選択可能です。 DataType:datetime DataType:date ソースコード デモ <!doctype html> <html> <head> <meta charset="utf-8" content=""> <title>google-charts 横軸が日時なグラフ</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript" ></script> <script type="text/javascript" src="https://www.google.com/
Google Chart Tools - 折れ線グラフ、面積グラフ | プログラマーズ雑記帳
今回は Google Chart Tools の折れ線グラフ、面積グラフの紹介です。 折れ線グラフ(Line Chart) Google Chart Tools では折れ線グラフには Line Chart を使用します。 Line Chart は初回にあげたので、 今回はデータの扱いについて補足します。 Google Chart Tools の使い方 | プログラマーズ雑記帳 データ形式 折れ線グラフでは先頭列を文字列にすると 棒グラフ、 数値にすると 散布図 のような扱いになります。 var data = google.visualization.arrayToDataTable([ [ '', '売上高', '営業利益', '経常利益'], ['2004', 1000, 400, 380], ['2005', 1170, 460, 400], ['2006', 660, 1120, 9
javascript プリミティブ型 暗黙の型変換 - Google 検索
JavaScriptの暗黙的な型変換は意図しない挙動を発生する原因の1つです。暗黙的な型変換が発生する具体的なコード例や予測が難しいことについてを紹介します。
JSDocコメント - Google JavaScript スタイルガイド - 日本語訳
#divclass(page_title){ &this_page() } 我々は&blanklink(C++ style for comments){http://google-styleguide.googlecode.com/svn/trunk/cppguide.xml#Comments}の考え方に従います。 全てのファイル、クラス、メソッド、プロパティに&blanklink(JSDoc){http://code.google.com/p/jsdoc-toolkit/}コメントが、適切な&link_anchor(jsdoc_tag_reference){タグ}と&link_anchor(js_type_language,pageid=17){データ型}を伴って記されるべきです。また名前から明白に判断できる場合を除き、プロパティ、メソッド、メソッドの引数、メソッドの戻り値を説明する文章
Google社内の標準言語としてTypeScriptが承認される。ng-conf 2017 － Publickey
Googleが中心となって開発しているオープンソースのJavaScriptライブラリ「Angular」のイベント「ng-conf 2017」が、4月5日から3日間、米国ユタ州ソルトレイクシティで開催されました。 3日目の基調講演に登壇したGoogleのエンジニアディレクター Brad Green氏は、TypeScriptがGoogle社内の標準言語に採用されたことを明らかにしました。 この記事では公開されている動画から、基調講演のその部分を中心にダイジェストでまとめました。 2年掛かりでTypeScriptがGoogle社内の標準言語に Brad Green氏。Googleには社内の標準言語（Canonical Languages）としてC/C++、Java、JavaScript、Python、Goが設定されている。 なぜかというと、もし社内のプログラミング言語が15種類もあったら、プロジ
JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita
JavaScriptを読んでいると、「あれ、、、なにこれ？この書き方。。。」と思うことがたまにあります。この際の厄介なことは、どうやって調べたらいいかわからないことです。Google先生に聞こうにも、その書き方をなんと呼ぶかわからないので聞けない。 そんな「なにこれ？」を厳選してみました。覚えておくと、将来スッキリとする時が来るでしょう。 1. なみなみ、ふにゃふにゃ言ってる
緯度・経度からを住所取得する
Google Maps API V3で、google.maps.Geocoderクラスのgeocode()を使って、緯度・経度から住所を求めるサンプルプログラムです。プログラムに興味はなく、地図上で調べたいだけの場合は緯度・経度・住所・標高を取得するを。住所から緯度経度を求めたい場合は、地名や住所から緯度・経度を取得するを。 function getAddress(latlng) { // ジオコーダのコンストラクタ var geocoder = new google.maps.Geocoder(); // geocodeリクエストを実行。 // 第１引数はGeocoderRequest。緯度経度⇒住所の変換時はlatLngプロパティを入れればOK。 // 第２引数はコールバック関数。 geocoder.geocode({ latLng: latlng }, function(result
Google Maps API V3 入門・初心者向けサンプル集丸の描画
Google Map API V3 で丸を描画します。 サンプルコードです。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Google Maps V3</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> google.maps.event.addDomListener(window, 'load', functio
地図上に半径を指定して円を描く
Google MAPS API で 円を描く、V3対応版です。keyが必要なV2版は別のページにあります。プログラムに興味はなく、マウスクリックだけで地図に円を描くページもあります。 かつては本サイトのキラーコンテンツだったんですが、Googleさん純正の google.maps.Circle クラスの登場により、商売あがったりです（笑）。 OKWave系のq5546321でリンクされている、「東京スカイツリーが見える範囲」をサンプルにしてみました。中心点は (35.710139, 139.810833)、半径は95,330mにしています。（この範囲でスカイツリーが見えることを保障するわけではありません！念のため） <div id='map' style='width:700px; height:400px;'><br /></div> <script type="text/javascr
Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 1. スライドのアニメーションがとても滑らか・ちらつかない 2. ボタンの反応にストレスを感
画像ページからGoogle画像で検索を一発で開くブックマークレット
Google画像で検索 javascript:(function(){if(!location.href.match(/\.(png|jpg|jpeg|gif)$/)){return;}a="https://www.google.co.jp/searchbyimage?hl=ja%safe=off&site=search&image_url="+location.href;document.location=a;})(); 画像を開いて上のブックマークレットを実行すると、Google画像で検索の結果ページを開きます。 アイコンのキャラや元絵を見たいときに便利です。
知らない場所で使えそうな「最寄りのコンビニを探す」ボタンをホームに作ったら便利そうだった件 - もとまか日記乙
最近、ブックマークレットが面白いなーと思って、色々とゴニョゴニョしてる中で思い出した以下の記事。 [UPDATE1]iPhoneにカーナビのような『自宅へ帰る』ボタンを作って一瞬で経路検索する方法 | 代助のブログ おぉ、Googleマップの利用は面白いかも！と思ったので、以下を作ってみました。 現在地から「目的地」までの経路検索用URLを取得するブックマークレット javascript:a=prompt('');if(a!=null){prompt('','http://maps.google.com/maps?daddr='+encodeURIComponent(a)+'&saddr='+encodeURIComponent('現在地')+'&dirflg=w&t=m');} でも作った後に気がついたのが、Googleマップの経路検索なら、わざわざブックマークレットを使う必要もないよな
新しいケストレル ベータ 2がやってきた - Choose Opera 日本支部 - by Choose Opera 日本支部
Uncategorized Android 用 Opera Mini – ビデオ用最速ブラウザ March 8th, 2016 Android 端末でビデオを見ようとして 1 日に何度読み込みが遅いと感じることがあるでしょうか。 Android 用 Opera Mini はこの問題を新機能「ビデオビースト」でビデオを最適化しビデオのサイズを小さくすることによって解決しました。この高速モバイルブラウザを未だお試しでなかったら Google Play ストアからダウンロードしてください Ericsson Mobility Report(PDF です) によると、2020 年までにモバイルでのデータの 55% はビデオになるとのことです。... Uncategorized NifMo に Opera Max が協力し通信量節約キャンペーン March 1st, 2016 Android 用データ
他人の記事のタイトルを使ってスパムリンクを大量に貼ってるウザいページ - by edvakf in hatena
Firefox だとおかしいと言われたので直した。 querySelectorAll を使ってるので Firefox 3.5 以上、Opera 10 以上、Safari 4.0 以上なら使えるはず。 Google検索の上位に表示されているページが元ページへのリンクを貼っただけのサイトでイラッとしたのでグリモン書いた - 今日もスミマセン。 深江直人(カッペ)さんのサイトは邪魔だよね、という話 - 隠れん坊将軍の隠れ蓑 常日頃からウザいと思ってました。 いや、別に検索結果で元の記事より下に来てくれるならあまり文句は言わないのですが、元記事はずーっと下のほうにあるのにこういう役に立たない自動生成ページが上に来るのが許せないのです。 というわけで、snaka さんが最初に書いてた UserJS をフォークしてみました。 http://gist.github.com/153078 http://g
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Opera News
Desktop, web3 Opera adds Crypto Browser features to its flagship desktop and mobile browsers and delists the... February 29th, 2024 On March 14th we will no longer be supporting updates for the dedicated Crypto Browser, as its core features have... Gaming, Opera GX Pimp your smartphone with GX Mods, now available in Opera GX on Android and iOS February 8th, 2024 Transform the look and feel of your
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Search Link Fix for Mobile and Desktop :: Add-ons for Firefox