kenji0302 による更新 RSS コメントスレッドの表示 / 非表示 | キーボードショートカット

  • kenji0302 21:20   2011年9月10日 パーマリンク | 返信  

    サイトつくりました「5文字以内の地図検索」 

    スクリーンショット

    先週の話ではありますが、新しくサイトを作って公開しました。

    5文字の地図検索

    名前通り5文字縛りの地図検索ができるのみの簡単なサイトです。

    元々は、仕事でジオコーディングなどを扱っている時、試しに入れてみた「テスト」「hoge」などの適当な単語で座標がとれてしまって、それが気になったスタート。これは他にもいろいろあるだろう、と思って遊んでるうちにこんな風になりました。

    割と普通の単語で座標が出てくるので、もし良ければつついてみてください。個人的には愛知にある「地獄」とか中国にある「サガ県」とかが気になってます。

    ちなみにですが、制作期間は7,8時間くらい。使っている技術は

    このあたりです。

    Bootstrap, from Twitter は初めて使ってみたのですが、簡単にそこそこ綺麗なレイアウトが作れましたので、デザインが苦手な人にはかなりお勧めです。

    さて次は Mashup Awards 7 に向けて何か作ろうと思います。今後も地図系・座標系、かな。

     
  • kenji0302 01:12   2011年4月10日 パーマリンク | 返信  

    初歩から始めるTwitterマーケティング 

    大げさなタイトルですけどね。商売でツイッターを使うならこんな感じかな、というのを以前纏めたのが出てきたので掲載しちゃいます。

    最初に押さえるべき事

    短時間に多数の発言は避ける(1時間に一発言程度が目安)

    タイムライン(ログイン後の表示画面)にはいろいろな人の発言が並びます。
    連続して多数の発言を行った際には、その発言でタイムラインが埋められてしまいます。
    タイムラインが1人の発言で占められてしまう事を嫌う人は多いようです。
    ただし、返信「頭に@がつく発言」に関しては返信先の人にしか見えないので、上記の範疇外です。
    もし、誰かから質問などが有った場合は(頭に @自分のアカウント名 がつく発言)なるべく早めに返信しましょう。

    Twitterクライアントについて

    twitter.com でも良いのですが機能が貧弱です。

    http://hootsuite.com/

    このサービスを使うのがオススメです。
    Androidでの場合このアプリが便利です

    http://jp.androlib.com/android.application.jp-r246-twicca-xqpF.aspx

    誰かにフォローされたら

    メールで通知がきますので、SPAMアカウントなどでなければフォローしてくれた人をこちらからもフォローしましょう。

    Twitter運用第一段階

    まずはともかく登録

    • プロフィールには自サイトのURLを掲載しましょう
    • ぱっとみてわかるようアイコンを変更しましょう
    • 登録できたら今手元にある情報を少しずつ発信していきましょう

    Twitter運用第二段階

    ある程度発言が貯まったら(25件程度)興味をもって貰えそうな人をフォローしていきましょう。

    フォローをすると、相手にTwitterから「○○さんにフォローされました」というメールが届きます。
    相手に興味を持って貰えればアカウントをフォローしてもらう事ができます。

    興味を持って貰えそうな人を探すにはTwitterの検索機能を利用します。たとえば「○○ 欲しい」で○○に興味がある人が検索できます。

    またGoogleのリアルタイム検索も便利です。たとえば、パソコンを探してる、て人だとこんな感じ。

    パソコン 探して

    発言からその人のアカウントを見て、興味を持って貰えそうだったらフォローしましょう。

    手動で1日10人10日間、100人程度。感覚をつかむまでは程々の人数で。

    Twitter運用第三段階

    もし企業や団体のアカウントであれば、ツイナビに登録しましょう。
    以下のURLの一番下から登録する事ができます。

    ついナビ

    困っている人にアドバイスを。「○○ 困った」「○○ 探している」といった方に解決の手助けになるようなメッセージを投げてみましょう。

    Twitter運用第四段階

    リツイートしてらいましょう

    有用な発言であればリツイートで発言が広がる可能性があります。
    が、コンスタントにそういう発言をするのは難しいので企画をやりましょう。

    たとえば粗品を出す
    RTキャンペーン

    たとえば割り引きをする
    ツイ割り

    ただし、炎上騒ぎになった例もありますので注意が必要です。

    そうそう…一番大事な事を忘れてました、上記の全ては僕の想像。そして、うまくいかなくても僕に文句を言わない、重要です。

    とはいえ数年Twitterを利用してきて、このような企業アカウントであれば有用だろう、と思ったものを纏めたものです。何かの参考になるのでは、と思っております。

     
  • kenji0302 23:58   2011年3月9日 パーマリンク | 返信  

    いい質問ですねボタン 

    重なるときはいろいろ重なるもので…先月の想定では、今頃落ち着いてるはずだったんですが、なぜだか慌ただしくて仕方ないです。

    そんな時にぼんやりFacebookを眺めてると「いいね!」を全部「いい質問ですね!」に置き換えたくなったので作りました。仕事しろっていわれそうだけど、忙しいときって変なこと考えちゃうよね。たまには息抜きさせてください。

    アドレスバーに下のJavaScriptを打ち込んだら、ニュースのおじさんがいっぱいに。ついついいい質問をしたくなりますね。Facebookを表示しているときに実行してみるのがオススメです。

    JavaScript:with(document.body)innerHTML=innerHTML.replace (/いいね/g,'いい質問ですね');focus()

    せっかくなのでブックマークレットにもしました。説明しても需要はないとおもいますが、下のボタン、ブックマークバーにドロップしておけば、ボタンを押すだけでいつでもどこでもニュース学べる感じになります。

    いい質問ですね

    いいね!

     
  • kenji0302 21:19   2011年2月21日 パーマリンク | 返信
    タグ: JQueryMobile   

    JQUERY MOBILE 1.0 ALPHA 3リリースを祝して小ネタを何本か 

    ちょっと前の話ですが、JQueryMobileの1.0Alpha3が出ましたね。実はAlpha2から実践投入して使っていたのですが、いろいろバグに苦しめられました。Alphaなのでもちろん覚悟の上ではありますが。

    で、せっかくなのでいろいろ調べた事をメモがてら書いてみます。基本的にな話であれば

    このあたりが詳しいのでこちらを。このエントリではちょっと気になって調整した箇所などを。

    ロード中の文字を日本語にする

    JavaScriptファイルを準備して以下のように記述、これを読み込めばロード中の「loading」って文字が「読み込み中」になります。

    $(document).bind("mobileinit", function(){
    $.mobile.loadingMessage = "読み込み中";
    });

    Backボタンを一括して日本語に

    JavaScriptファイルを準備して以下のように記述すれば、「Back」ボタンの文字が全部「戻る」になります。

    $(document).bind("mobileinit", function(){
    $.mobile.page.prototype.options.backBtnText = "戻る";
    });

    Selectメニューをネイティブのものにしたい

    Alpha2だとセレクトメニューにちょっとバグがあって、ネイティブのものを利用する必要がありました。以下のように書くことによって、JQueryMobileのselectメニューを無効にできます。

    $(function () {
    $.widget( "mobile.selectmenu", $.mobile.widget, {
    options: {disabled: true}
    });
    });

    いまのところこんな感じ。テーマファイルなんて機構もあって、つくった覚えがあるんだけど詳しいやり方忘れちゃいました。思い出したら追記します。

    JQueryMobileは細かくデザインしなくても、それっぽいサイトが直ぐにつくれるのでいいですよね。リリース版が出るのがとっても楽しみです。

     
  • kenji0302 15:45   2011年1月7日 パーマリンク | 返信  

    JQueryMobileでも使えるスマートフォン向けカレンダー 


    ここ最近、お仕事でJQueryMobileでiPhone, Android他向けのサイトを作ったりしてます。JQueryMobile、いいっすよね。まだ結構バグが残ってて悩む事もありますが、そこはそれ、まだAlpha版なので。

    で、サイトを作っている際にカレンダーを使うことがありまして。いろいろ調べてはみたものの、iPhone向けのカレンダーってのは殆ど見当たらない。iCalがあるからあまり必要とされないのかもしれないですね。

    とはいえ、必要ですので仕方なしに、PC向けに作られているものにちょっと手を入れて、iPhone, Androidで使えるようにしてみました。

    ベースはiCal-like calendars with jQueryを使わせて頂いております。

    一回タップでツールチップ(ていうのかな?)が表示されます。で現在はコメントアウトしてますが、もう一度タップすると別ページに遷移できるようになっています。

    PCの場合はマウスオーバーでツールチップ表示、クリックで別ページに遷移、って感じです。

    ソースコード及び一式は以下。

    2011/01/10版

    改善点
    今回は動作変更です。2011/01/10版とは大幅に動きが変わっていますので、上記のデモをみていただいてお好きな方をどうぞ。

    • ツールチップを自動的に隠す動作から、テーブル内の別箇所タップで消去に変更
    • ツールチップが表示されている場合は、ツールチップクリックでリンク先に遷移するよう変更

    2011/01/10版

    改善点

    2011/01/07版

    いろいろいじくってみてはいますが、正直JQueryとかあまりよくわかりせん。ここおかしいよ、ってのはがあれば指摘いただけますと嬉しいです。

     
  • kenji0302 13:38   2010年11月24日 パーマリンク | 返信  

    最近Symfony1.4でシステム構築してます。で、参考になる本を探してみたんだけど、あまり良さそうなものがない。
    どうもSymfonyの情報はWEBに十分あるようで、みんなそれを使ってるっぽい。確かに本家の情報はよくまとまってるんだど、チートシート的なものも欲しい。

    といったわけで、Symfony1.4について 備忘録として情報をまとめてみました。まぁ、日本Smyfonyユーザー会のこのページ見ればだいたい辿れるんですけどね。自分が便利に使うためです(笑)

    日本Symfonyユーザー会

    Symfony公式サイト

    チートシートなど

    プラグイン

    Admin ジェネレーター

    その他

    Doctrine

    他にも良いドキュメントがあれば追記していきます。

     
  • kenji0302 21:17   2009年10月6日 パーマリンク | 返信
    タグ:   

    CakePHP勉強会資料「導入編」 

    bake
    先日、自宅でCakePHP勉強会をやってみました。実は勉強会みたくものを説明するのは久しぶり。

    で、今回はThe Cookbookの開発例をやってみたけど、CakePHPの良さがいまいち判らなかった人向け。

    bake コマンドを使ってちょっと感動してもらおう、ついでにhasManyとかbelongsToの話もできれば、って感じで資料を作ってみました。

    ダウンロード可にしてますので、使えそうでしたら使ってください。間違ってるところがあれば直しますので、教えて頂けるとうれしいです。

    勝手に使うのに抵抗がある人向けにライセンス、つけときますね。

    Creative Commons License
    CakePHP勉強会資料「導入編」 by http://firstlife.jp/ is licensed under a Creative Commons 表示 2.1 日本 License.

     
  • kenji0302 19:48   2009年6月28日 パーマリンク | 返信  

    BASIC認証のユーザー名パスワードをHTMLのフォームで処理できるか試してみた 

    PHPとHTMLでBASIC認証のログイン処理を作って見てから気がついたんですが、InternetExplorer7では

    http://ユーザー名:パスワード@localhost/

    みたいなURLが無効になっているので、PHPやHTMLを用いた方法では出来ない事はできなさげです。

    どうしてもBASIC認証をHTMLベースでやりたい場合は、モジュールを使うのが良さそうです。

    いつのバージョンから含まれているのか判らないですが、Apacheに mod_auth_formっていうのが含まれているそうです。

    他にも、同名のモジュール(中身は別物)で二つほど同じような事を実現するモジュールを作成されている方がいるようで。

    mod_auth_form

    mod_auth_form

    どちらもちょっと古いので、Apacheに含まれているのを使った方が良さそうですが。

    今後は公式の mod_auth_form を使ってHTMLでBASIC認証するようになるんでしょうね。

    ではここからが試してみた事のメモ。
    (続き…)

     
    • kouya 18:22   2010年7月23日 パーマリンク

      初めまして^^

      僕はものすごい初心者です。
      で、新しくホームページを立ち上げたいと思うのですが、なかなか上手くできません。
      そこで、できれば協力をいただきたいと思っています。
      作りたいホームページはこうです。

      ・Basic認証で、特定の人しか閲覧できない。
      (○○○:○○○
      ↑ID ↑パスワード というファイルの準備はできています。)
      ・ホームページのデザインも出来ています。

      ↑のようなホームページはどうすれば出来るでしょうか?
      僕がいまいち出来ないのは、Basic認証 HTMLを作る事です。
      「○○をここに付けて、○○でOKだよ」
      みたいな説明をいただければ幸いです!

      それではよろしくお願いします!

    • kenji0302 04:02   2010年7月28日 パーマリンク

      kouyaさん

      BASIC認証って言葉が判って、こんなへんぴなブログ記事を見つける事ができる時点で、きっと初心者じゃないですよ(笑)
      小学生でそこまでできる、というのは僕からみるととても凄い事だと思います。

      さてさて、BASIC認証をHTMLでやるこの記事の方法ですが、実はInternetExplorer7以降だとちゃんとうごきません、

      つまり、Windows7やWindowsVISTA、そしてInternetExplorerのバージョンが上がっているWindowsXPでは動かないんです、ごめんなさいね。

      普通にダイアログ表示のBASIC認証を使うのがいいと思います。このあたりを参考にしてみてください。

      http://www.futomi.com/lecture/htaccess/htpasswd.html

      もしどうしてもHTMLでログイン画面をつくりたい!というのであれば、PHPなどでプログラムを作成する必要が有ります。このページが参考になりそうです。

      http://mylearning.jugem.jp/?eid=8

      それでは、頑張ってくださいね。

  • kenji0302 03:26   2009年6月3日 パーマリンク | 返信  

    インターネットビジネスを語り出す前に読んでおいて貰いたい文書二選 

    しばらく外出せずに仕事ばっかりしてるたので、気分転換がてらブログ更新。

    前から書きたいと思ってたんだけど、インターネット上で商売とか何かする、って場合には、個人的に読んでおいて貰いたい文書があるんです。インターネットについて知ってた方がいい話。ま、おっさんの昔話って言われればそれまでですが。そうそう、普段開発やっている人は飛ばしちゃっていいですよ、きっと知ってる話だから。
    (続き…)

     
  • kenji0302 21:12   2009年5月23日 パーマリンク | 返信
    タグ: Google, WEB, メディア   

    WEBのメディア界隈の人は週明けが大変!(Google Ad Planner) 

    google-ad-planner

    メディア界隈の人、大変大変。各WEBサイトのページビュー、ユニークユーザー、ユーザー層が判っちゃうよ。

    いきなり何を、と思うだろうけど、とりあえず上の画像を見て欲しい。私のサイトの情報なんだけど、見て何が判ります?

    ページのユニークユーザー数、ページビュー、閲覧者の平均閲覧ページ数、平均、滞在時間、年齢層、学歴、性別、収入。

    ね、凄いでしょ?

    ともかくGoogle Ad Planner が凄い。うちのサイトでも見れるくらいなので、ほとんどのサイトの情報が一目でわかります。

    たとえばアメブロ。

    媒体紹介「アメブロ」では73.6億ページビュー。

    Ad Plannerでは…こちら。11億ページビュー。1.1 Bilionって11億だよね。間違ってないよね?

    PCのPVが11億で、モバイルで残り60億ページビュー稼いでる、のかな??広告出してたらとっても気になりますよね。

    ってわけで、メディア界隈の人は週明けが大変になると思います。

    情報がとれるのはGoogle Adsense、Analytics、Googleツールバーがあるからしょう。もしかするとこれから、企業を中心に Google離れが始まるかもしれません。

    2009/05/23 22:30追記

    実のところ、このサービスがリリースは結構前みたいですね(
    Google、サイト属性を調査できる「Google Ad Planner」をリリース
    )。でも、日本で話題で話題になり始めたのは昨日今日、やっぱり週明けは大変だと思います。

    やっぱり記事のタイトルは大事ですね。

    黒船Google汐留沖に出現でWeb広告業界に激震!

    過去30日間に書かれた、Google Ad Plannerを含む日本語のブログ記事
    テクノラティ グラフ: キーワード「Google Ad Planner」に関するグラフ
    このグラフをブログに貼ろう!

    Kizasi.jp「Google Ad Planner」

    (via ascii.jp

     
c
新規投稿作成
j
次の投稿 / 次のコメント
k
前の投稿 / 前のコメント
r
返信
e
編集
o
コメントを表示する / 隠す
t
トップへ移動
l
ログイン画面へ移動
h
ヘルプを表示する / 隠す
shift + esc
キャンセル