タイトルで全部言っちゃってる気がしないではないですが、WebサイトにGoogleMAPを設置して、色々と簡単にAPIを叩けるプラグインです。 ちなみにこの記事の為にこのjQueryプラグインを読み込むなんてことはしておりませんので、説明で使用しているMAPは全てキャプチャー画像です。本来なら、ぐりぐりと拡大縮小出来るあのMAPを貼り付ける事が出来ます。気になる方は、最後に紹介するチュートリアルページをご覧になっていただければ、わかると思います。 まずは呼び出し 基本の呼び出し。 まずはページのどっかに書いて読み込みましょう。 <script src="javascripts/jquery.js"></script> <script type="text/javascript" src="//www.google.fr/jsapi"></script> <script type="text/

色からなにから色々調整 左のメニューから、各種大陸を個別で色をぬることが出来ます。 下のメニューからは、海の色と、個別で色を塗っていない大陸の配色を帰ることが出来ます。 左メニューからは、さらにちょっとしたアイコンの挿入や、テキスト、罫線等を追加することが出来ます。 完成したら、右下から出力出来ます。 SGV、pngファイルでの出力以外にも、HTML/CSSでの書き出しも可能なのが特徴です。 というわけで、使いやすい世界地図が欲しい時はお試しあれ。 Pixel Map Generator | amCharts それでは、また。

高機能で美しい インターフェイスはやはり2015年度版という感じはしますが、UIはある程度設定で変更出来ます。インターフェイスデザインは5年たったらがらりと流行りが変わるので便利かもしれませんね。 ドラッグ&ドロップサポート もちろん普通にアップロードする事も可能ですが、それ以外にドロップアンドドロップにも対応しているという事です。 同時に複数のファイルをアップロード可能 幾つかのファイルを同時にアップすることが出来ます。先にアップロードするファイルを選び、一斉アップロードも出来ますし、一つ一つアップロードすることも可能です。 対応デスクトップブラウザ まさかのIE6から対応。 Google ChromeApple Safari 4.0+Mozilla Firefox 3.0+Opera 11.0+Microsoft Internet Explorer 6.0+ 対応モバイルブラウザ Ap

今回はChromeExtensionを５つのご紹介。正確には以前に１個紹介しているので４つかな。 たった4つかというのもありますが、あんまり拡張するのが好きではないのもあり、入れてもすぐ消す癖があって、本当に便利なもの、もしくはよく使うものしか基本的に追加してません。ただこれ、「職業ブロガー」っていうところに恐らく焦点が合わさっていますので、さきにご了承願います！ 以前書いた記事でもそうなんですけど、かなり消してますね・・・ 私が厳選して愛用するGoogleChromeエクステンション12個＋消した奴36個 是非まだ入れてないって人は使ってみてください。 使えば使うほど味が出る超便利エクステンション とりあえず今回紹介する4つはこちら。 他のやつはド定番なので紹介の必要が無いかと判断したりなんだりです。 １）ato-ichinen ダウンロード とりあえず「１」と書かれたアイコン。押してお

＠yamada_nt です。 「今年」という大枠で紹介したいと考えてはいますが、やはり記憶は新しい記事のほうが印象に残っているケースが多く、すこし偏りがちになりそうな気もします。来年はEvernoteにもっとぶっこんでいこうと心の中で反省している限りです。 ただ今回はですね、記事自体が訴えかける情報が素晴らしいという内容ではないです。 私がこの記事の切り口が素晴らしいと「感じた」部分を表にだして書いていきますので、その時私が何を思ったのかを見てもらうイメージですね。 それではガンガン行きましょう。 今年これだけは読んどけっていうネタ帳のおすすめ セミプロブロガーの憂鬱：#01 プロブロガーの「プロ」には二つある そうかそんな手があったか！となんとなくやられた感のある記事。 憂鬱→解決のヒントを繰り返し連載しはじめたこの「セミプロブロガーの憂鬱」シリーズ。ターゲットも明確で、プロまで目指した

もう使ってる人はそんなの知ってるし・・・と感じるかもしれないけども、知らない人は絶対一度はつかっておいたほうがいいよねっていうアプリ。今更とか言わないの。 そもそもPCのブラウザがChromeを使っているので、これを使わない手はないんだけども、わりと私の周りで使ってる人がいなかったのでご紹介。 便利なポイント７つ 私はこれでChromeアプリをメインにしました的なポイント。 １）タブ移動が楽 これはもうほんと触れば一瞬でわかるレベル。複数のタブをペラペラ見ていける。 画面のはじから中央へスワイプしても隣のタブへ移動してくれます。 ただしこれはデメリットでもあり、だいたい赤いラインをひいたところがスタートラインとなります。この結果、普通にブラウジングしている時に引っ張ってしまう事も多々あります。 ２）PCモードへの切り替えが楽 個人的な問題ではありますが、スマホ用の表示が大嫌いなんですよね。

多くのWebサービスが立ち上がり、そして消えていったこの５年。 それでもまだまだ斬新で面白く、無料、もしくは低価格ではじめることができるサービスが多数あります。 そんなわけで今回は、Webサービス立ち上げ時のユーザビリティの報告をまとめたいと思います。 問題１）SNS連動には理由が無い 実にこの５年間で、FacebookIDがあれば開始できる、TwitterIDがあれば開始できるというWebサービスは膨大に増えました。 しかしその影にかくれ、ユーザーが抱く不信感が増えています。 その一つとして 勝手に拡散されるのがヤダというもの。 実に明確な理由の一つですが、FacebookIDを利用するサービスに多いです。 要するに、ログインしただけで自分のFacebookフィードに「○○がこのサービスを開始しました」と勝手に流されるのが嫌なわけです。 また、なにかする度に勝手にフィードを汚される事もあ

[この記事は頑張れば12秒で読めます。頑張ってください] さてさて。 1週間前から始めているiPhoneアプリのアレを調査、集計している時に友人が訪れまして、私の検索の仕方がなにこれ酷いと言われました。 そして聞いた所、こんな検索している人見たこと無いとか言われる始末でして、まぁ普通は要らないかもしれないですけど、アルファベットで検索する時は必ず使ってます。とくにリサーチの分野で仕事をしている人におすすめしたい検索スキルとしてご紹介。 市場でどんだけ話題なのかを調べる 例えばですね、アルファベットのiPhoneアプリとかあるじゃないですか。 「Alarm Tunes」 これが周りでどのような反応があるかを調べたい時に、そのままGoogle検索したら意味が無いんですよね。 該当結果　1,440,000 件 うおおおすごい人気のアプリですね！！とかいう人がいたら要注意ということで。 これをダブ

今回は人気の画像編集Webサービスのご紹介。 ビジネスシーンにおけるphotoshop加工の無限の可能性は否定できないが、勉強にかかるコストは馬鹿にできない。しかし、そんな細かい加工や補正も、ワンクリックで行える時代は既に来ている。そんな無料のWebサービスをお探しの方に是非読んで欲しい。 もはや無料でここまでできんのかという話ですよ・・・。 画像編集をネットでいつでもどこでも Photoshop Express Photoshop Express Editor | Photoshop.com 一時期は英語しかなく、ユーザー登録が必要だったためえらい敬遠されてたサービスですが、そのどちらの問題も解決され、人気サービスの一つに。 覆い焼きツールと焼き込みツールといった痒いところに手が届く機能。自動補正に関しては一般的な写真でも綺麗にしてくれるため人気が高い。ただし、さすがはphotoshop

美しい単一ページの無料テンプレート集。 CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。 色々と使い所満載のテンプレート集 単一ページだからと思って油断していましたがなかなかのクオリティでびっくり。 Free Single-Page HTML5 Portfolio Template Demo / Download スライドショーの部分も細かいですがよく出来てます。 Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 Demo / Download Page 一般的な縦型のシングルページ。スムーズな移動も特徴的です。 Resume (HTML) Demo / Download Page Roundfolio: A Free Portfolio T

ブログに書くネタがどうしてもないという場合にどうしたらいいのかを簡単に解決していきます。 特にネタがない人に限って言えば、「いつ、どこで、だれが、何を、どうしたか」に囚われ過ぎる傾向にあるので、今回の方法で、そこを広げていけばいけるんじゃないかと。 ネタが無いなら「なぜ」をつかいこなせ そもそもネタがなぜ無いのか？ 5W1Hでしたっけ「いつ、どこで、だれが、何を、なぜ、どうしたか」意外と軽視されがちなのがこの「なぜ」です。 ブログと言ってもメディアとして書かれている場合は特に「いつ、どこで、誰が、何を、どうしたか」を中心にみなさんはブログを書いています。とくに「いつ」を常に最新の情報に付加価値をおき、出来事を書き記す方法が一般的です。 中小企業の「お知らせ」は全て自社のプレスリリースのみになるため、これほど他人の興味を引きにくい情報はありません。 では、なぜ皆さんはこの「いつ、どこで、誰が

今回は多くのブロガーがネタを考える時、探すとき、発見するときに使う視点と、それを記事にするときに利用する妙技をご紹介。最初6個くらいかなと思ってスタートしたら27個とかになってしまい、勝手に命名していますがご愛嬌でお願いします。 ネタを作る方法が良く分からない場合や、ネタが無い場合。そんなときに思い出してもらえればと思います。 １）串刺し バラバラになった記事を一つにまとめるキュレーション。 それぞれがバラバラの時は意味をなさないが、まとまると一つの価値が生まれる。 逆にそれぞれに価値があった場合でもきちんと整備する事で昔の情報に価値をつけることが出来る。また、全く異なったジャンルのモノでも、「人生がつらいときに見るべき記事」といった方法で一つの考えや感情にぶつける事で同じく価値が生まれる。 ２）中刺し 別々の記事の中で、同様の話題について触れられている事をカウントしたり、測定したり、まと

色々とjQueryのサンプルやプラグインが掲載されていて、眺めてるだけで楽しくなるエントリー。 ナビゲーションメニューで悩んだ時に使えそうです。 45 jQuery Navigation Plugins and Tutorials - Noupe さて、いまや多くの人たちから支持を得ているjQueryで、もっと楽しいブログにしてみるのもいいかもしれない。 jQueryは何もWEBサイトだけのものではありません。条件さえクリアすればブログだって使えるのです。 あなたのブログがほんの少しのjQueryで生まれ変わるかもしれない。 わかる方はさくっと上のリンクを叩いて色々試して見てください。 jQueryってそもそも何、って言う人が居ましたら以下を。 jQueryって、美味しいの？ 結構美味しいです。 多くの方に支持されるにはやはりそれなりの理由があります。 超、簡単に説明すると あなたが書いた