タイトルで全部言っちゃってる気がしないではないですが、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/

155位の中学生の子を65位にするために12日間で行った勉強法（前編）で紹介したのは、怒らないようにするという趣旨の事を書いたわけですが、その後、怒らないでどうやって勉強をさせるんだという質問などを頂いたので、まずはそこをはっきりさせておきたいと思う所存であります。 特に、怒る、叱る、褒めるっていうのは、結局のところ、自分はこう思っていると伝える方法です。適当に伝えていたのでは示しがつかないので、この辺りはやっぱり理解しておくときっと役立つのではないかと思います。 そもそも『怒る』とか『怒鳴る』とか平気な顔で皆さんやってますけど、これが可愛い可愛いあなたの子供にどのように影響しているのかを考えたことがあるのかという話にさかのぼります。 叱るときってどんな時 悪いことをした時です。 ここでいう悪いことっていうのは残念ながら私から解答することは出来ません。人それぞれの考え、信仰、道徳があります

わからないから聞くんだけども。 時折、情報収集の仕方的なエントリーが上がってきたりしますよね。 特に初めてお会いした人たちなんかから、ブログの話になるのは必然的で、同時に情報収集テクを長々とお話されて、ふむふむと聞いているわけですけど、そこで、突然終了する人が、めちゃくちゃ多いように感じます。 収集方法研究員でしょうか？ 一体その方法になんの価値があるんでしょうか？ ここでいうアウトプット アウトプットをそのまま受け入れるとすれば、外にその情報を公開するようなブロガーや、営業トークに使うといった見方もあります。ですが、それ以外に仕入れた知識やアイデア、コツなんかを、日々の業務に生かすために自分なりに加工して、自分の血となり肉となるような情報も入ります。 ですから、必ずしも外にだすためだけに情報収集をするのではないということが、前提です。 で？っていう 一番多いのは、収集方法について、なんの

以前地球誕生の歴史について記事を書いたことがあります。 このきっかけとなったのは娘の何気ない質問「あの山、どうして高いの？山ってなんでできるの？」という好奇心でした。セミナーでも笑い話としてお話しました。 山について調べるには地球誕生の歴史から知る必要があり、1週間かけて調べました。その結果、娘にそこから話すとなると、「ふ～んよくわかんないや」という結果になったのです。 さて、これは大きな敗北であり、どれほどの知識を詰め込もうと、それを伝えられなければ何の意味もないということです。実はこの話には続きがありまして、私がこの後、いかにして娘に「あの山の存在」をキチンと伝えることができたのかをお話致します。 キーワードは「つかみ」 人とのコミュニケーションにおいて、入り口、いわゆる「つかみ」というものが重要だと私は考えています。 「つかみ」とは、こちらの話しを相手に聞いてもらうためのはじめのきっ

モンスターレビュアーという新しい生態系をもった生物がいます。 それはアプリ開発者を追い込み、そして根こそぎやる気を奪い、最後には何事もなかったかのように去っていく。 今回はiPhoneアプリ開発者の方々からお聞きした、モンスターレビュアーをご紹介します。 値段を下げればののしられ、値段を戻せば罵倒される iPhoneアプリ開発において、一般的には最初のリリースで適正価格をだし、そこから一定期間値段を下げます。 この理由は明確でして、最初に価格を値下げ、もしくは無料にすることで、アプリをダウンロードランキング上位まで引っ張り上げることが目的となります。 まずダウンロードしてもらう多くの人に使ってもらうレビューしてもらう評価してもらうしかし、この価格を下げるタイミングを誤ってしまうと、何故か憤怒するユーザーが多数います。 こんな糞アプリに高いカネ払ったのに3日で値下げとか金返せ→☆１つ昨日買っ

部屋が汚い人っていうのは、いつから汚くなるのかを考え始めてしまい止まらなくなってしまったので、記事にして考えを放棄することを選択しました。 同時に、この理論で行くと、人がなぜ太ってしまうのかについても同様のことが言えるのではないかと思います。つまり、いつ人はデブになるのかという話です。 汚部屋が完成する最大の原因は何か？ 部屋がとてつもなく汚い人のほとんどは、いつか掃除しようとか、まとめてキレイにしようとか、そんな甘っちょろいことは考えていません。勿論、最初は考えていたかもしれませんが、その感情はどこかのタイミングで失い、永遠に蘇ってこなくなるのです。 そもそも汚部屋が、汚いとすら思っていないので、この先も部屋が綺麗になることはありません。 ただし、一部、部屋がどうしても掃除することが出来ない病気もあるらしく、その方々についてはしっかりカウンセリングを受けていただければと思います。 さて、

今年リニューアルをしてからというもの、だんだんと利用する機会がへってきたはてなブックマークのWebサイト。 最初はいつかなれるだろうと思ったけども、このなんともいえない見づらさが引っかかってしまう。 最近では、私の知り合いでも最低9人のユーザーが、はてブサイトを見なくなった、もしくはAPIを利用した見やすく加工されたサイトを見るようになったという意見も聞く。 はたしてはてなブックマークの何が自分にとって見難いのかを考えてみたい。 ほとんど個人的な主観です。私はここが嫌！っていう事を訴えたい。 パッとみてささっと見れなくなった この一言に尽きる。とにかく面倒臭いサイトに生まれ変わったといってもいいです。 これははてなブックマークをどのように利用していたかによって受け取る感想は千差万別だと思いますし、「これから新規ユーザーを呼び込みたいので、そういう人は気にならないでしょ、昔をしらないんだから

こんにちはこんにちは。 ちょっと言って見たかったんですすいません。 今回はTwitterをやってる人向けの記事なので、それ以外の人にはなんの役にも立ちません。いまあるTwitter生活にちょっとしたスパイスを効かせるツールのご紹介です。 既に知れてるものも改めて使って見ると「なんだ意外といいじゃない・・・」となったサービスを６つご紹介。 海外のものはレビューも含めてます。 予約ツイートと解析のBuffer Buffer is a smarter way to Tweet かの百式の田口さんも絶賛するTwitter予約投稿ツール。 とりあえずここにポストしておくと、過去のツイートから、最も人に見られているであろうツイートを測定して、その時間にポストしてくれると言うツール。 そのため、時間の指定も基本必要ない。 まずはサインイン。 このとき登録するのはTwitterメールアカウントではなくて、

要点：たった３つのチェックを記事を公開する前に5分行うだけでその記事が大きく生まれ変わる事があります。そのチェックポイントを学んでみましょう。 ブログ記事には色んな記事があって、それぞれどんな方向性があるのかを吟味しながら記事を書かれていることだとおもう。 記事には「数字」を稼ぐという意味ではてなブックマーク向けの為の記事や、Twitterやfacebook受けするような大衆向けの記事、あるいはGoolgeから検索してもらう事で将来的に数字を稼ぐ記事などがあります。 今回はこうした点について考えてみましょう。 3つのポイント ポイント分けして考えるとそれぞれ3つのポイントがあります。 それは 口コミしやすいか最後まで読まれたか検索されやすいか この3点です。 これを検証する事で、その記事が持つ力を測定できるのではないかと考えました。 １）口コミしやすいか 口コミ率の高い記事というのは至極あ

今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし

今月のWebマガジン目次 超必読記事WebデザインWordPress関連記事CSS/JavaScript無料アイコンWebサービス業界記事 必読記事 結局どうすればいいの？ - Dive Into HTML5 HTML5を学ぶ最適な資料。内容も面白いです。 PayPal 基礎知識ゼロから始める、個人利用・事業利用の使い方大辞典 日本でなじみないPayPalだが、そろそろきてもおかしく無いながれ。ブクマをすすめます。 目次にもどる Webデザイン 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス スマートフォンサイトのデザイン集です。デザインのインスピレーションに。 絶対見ておきたい有名企業のスマホサイトまとめ 有名企業サイトのスマートフォン用デザインのまとめ記事。 25 Examples of Wireframes and Mockups Sketches 手書きのWe

ウェブ上には様々な便利ツールがあります。以前紹介した『CSS3.0Maker』もそうですが、わずか数秒で希望のCSSが出来上がればそれに越した事はないですよね。 今回はこうしたジェネレータを実際に使用した結果、使いやすくてわかりやすい物をまとめてみました。 便利なCSSジェネレータ１０選 目次 使われているclassやIDを抽出してCSSの開始を楽にするclassやidのバックグラウンドのCSSを作成HTMLのリストをいじるだけでサイトマップが完成してしまうCSSCSSでグラデーションカラーを書き出すジェネレータhtml5対応のCSSレイアウトジェネレータCSSを絞るCSSダイエットジェネレータメニューCSSジェネレータメニューCSSジェネレータ２タブ作成ジェネレータ丸角CSSジェネレータ 使われているclassやIDを抽出してCSSの開始を楽にする PrimerCSS ちょっと何いってん

webデザインに磨きをかけたい人のためのベストデザインのショーケースです。 「刺激はいつも外部から」というわけで、色々楽しんでみましょう。 これらは私のTwitter (yamada_nt) on Twitterで毎日つぶやいて紹介した中から、webデザインに関して人気のものだけを抽出しています。全部紹介出来ませんので他にも気になる人がいたらフォローしてみてください。 webデザインまとめのエントリ リンクがまとめ記事です。それに対していくつか記事の内容がわかるものをピックアップしてご紹介しています。 独創的なwebデザイン集 30 impressive examples of web design layout これはdeviantARTで公開された、デザインの試作をまとめたもの。様々な新しい試みが生まれています。 いくつか試作をご紹介。 背景を生かす透明感が素敵ですね。 実にシンプルミ

企業ブロガーからの相談案件をご紹介。 「現在web制作をしてくれた人からブログのアドバイスを受けて書いているのですが、製品等のリリース時に、製品の紹介を細かくしてくださいと言われて書き続けています。しかし、8ヶ月立った現在でもあまりブログからの手ごたえが無く、本当にこのままでよいのかYamadaさんにご相談したかったのですがいかがでしょうか」 というものがありました。 どうでしょうか。確かに製品紹介は必要不可欠かもしれませんが、ぶっちゃけ製品の紹介は本体のwebサイトで紹介するのが当たり前であり、それをリリースした時にまた製品の紹介をすると言うのもへんな話のように感じました。 この場合どうすれば良いでしょうか。 シチュエーションを説得する方法に切り替える さて、先ほどの相談者は、お花を販売するサービスを行っています。 これまで、お花を販売する為に記事を書いていました 宣伝です。何日に何が入

かなり偏った考えを書こうと思うわけですが、結局なにが言いたいかというと、ブログを中心とした戦略のお話です。 私はこれまで多くの記事をへて今日まで「ブログの事」を書いてきたわけですが、これらは全て、ブログを中心に考えたものを書いてきました。 例えば、文章はこうあるべき、タイトルはこうあるべき、記事の構成は、ビジネスブログならこう書くべき等がそれに該当するかと思います。見やすくするためにはどうすればよいか、読者に喜ばれるにはどうすればよいかと言うのが一つの『妥協点』として決めていたからです。 本日の記事はそう言う面から考えると、この『妥協点』のレベルをワンランクアップして書いてみます。 『妥協点』について そもそも、マーケティングにのみ焦点をあてて考えると、世界にマーケティングという存在を築き上げたフィリップ・コトラー氏のマーケティング・マネジメントやマーケティング原則を見る事で、市場でのマー

初年度と2年目はやっていたのにいつのまにかやらなくなったシリーズを、今年から時間が作れそうになったので復活させてみようと思う。 少なくとも半年はもってくれ・・・私の気合・・・。 デザインとインスピレーション 50 Way Awesome jQuery Web Design Effects | CreativeFan 要所要所で使われている素晴らしきjQueryのインスピレーション。色々いじるべし。 デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 「ノンデザイナーズ・デザインブック」著者 Robin Williamsが提唱する４つの基本原則。 携帯サイトのデザイン参考サイトまとめ 携帯サイトデザイン集。モバイルサイトを作るときの参考に。 Fireworksだけでできる、カンタンきれいな画像切り抜き術 Fireworksを使った画像切抜きチュートリアル。

概要：現在日本ではどのようにFacebookが使われてきているのか どうでもいい事にイチイチかみつくのがネタ帳クオリティというわけで、本当にどうでもいい事に噛み付くわけですが、朝のテレビ番組で「ソーシャルネットワーク」っていうあの映画の、そう、多分それが話題と言う事で無理やりfacebookの特集が組まれたんだと思います。 するとテレビ中の人が 『Facebookなどのソーシャルネットワークは友達がいない人がするツール』って言うんだ。 いくらなんでもひどい話だ。 とりあえずそんな簡単な話ではないし、そんな小さなツールではない。 今回はFacebookの流れと共に今どのように興味を持たれ始めているのかをまとめて見る。 もともとは友達同士がするソーシャルネットワーク 日本での使われ方は、海外のそれとは大幅にずれちゃったわけだけど、もともとFacebookはリアル友達同士がするものです。（Fac

webサイトにおけるユーザーの視線は、なかなか見る事が出来ない代物ではあります。 実際に企業や、あなたが作成したwebサービスが、ユーザーに訴えたい事を、ユーザーにきちんと届ける為に、どのような方法があるのかを考えて見ましょう。 １）全ての情報を遮断する 手っ取り早い方法としては、あらゆる情報を遮断する方法があります。 つまりその言いたい事意外の情報をあえて隠蔽するわけです。 実にシンプルな方法です。 ただし、シンプルであるがゆえに非常に難易度が高いです。 なぜなら、配置するテキスト選びは慎重にしなければなりませんし、訴えたい事が多い場合、何をまず訴えるべきかをしっかりと考えて、ユーザーが迷う事なく、そして的確な操作が出来るように誘導して上げる必要があるからです。 １）サービスに対して興味を少しだけ持ってもらう情報を書く ２）サービス開始はちょっと・・・という人のためにクリックしやすいリン

ブログに限らず、ラインディングをされる人なら当然のように文章を結構書くと思いますが、こうした『相手に伝えるための技術』と言うものには様々なものがあります。 いくつかある中から、今回は読者に、あなたのブログの記事を最後まで読んでもらうためにするべき事について考えて見ましょう。 どういうことかというと、ネタ帳ならこんな情報が多いとか、他のブログはこういう情報が多いとか、要するにブログの特徴が強ければ強いほど、ユーザーは事前に「こんな情報を提供してくれる」というイメージを持ちます。 文章を読んでもらうには、まず、どのような情報を得られるのかと言う事が読者に明確に伝わっている事がポイントなのです。 公開するジャンルに特徴を持たせても良いですし、自分の考えのみをひたすら書き殴っても良いです。 読者はこうした情報から、そのブログやブロガーのイメージを作り、興味のある人はその人のブログをまた見たくなりま