Bugle Diary

[GoogleAppEngine]forループでkeyとvaluseにアクセス

2012-02-14T10:00:00.000+09:00

前回、POSTで受け取った変数を全部取得する方法について書きました。

で、今回は、それをdjangoを使ってHTMLに出力する方法について。

サーバー側のプログラムは下のようになります。

import os
from google.appengine.ext import webapp
from google.appengine.api import urlfetch
from google.appengine.ext.webapp import util

#django
from google.appengine.dist import use_library
use_library('django', '1.0')
#from django.utils import simplejson
from google.appengine.ext.webapp import template

class MainHandler(webapp.RequestHandler):

 def post(self):
  argsNames = self.request.arguments()
  template_values = {'arg':''}
  arg = {}

  for i in argsNames:
   arg[i] = self.request.get(i)

  template_values['arg'] = arg
  path = os.path.join(os.path.dirname(__file__), 'index.html')
  self.response.out.write(template.render(path, template_values))


def main():
 application = webapp.WSGIApplication(
  [('/test/', MainHandler)],
  debug=True
 )
 util.run_wsgi_app(application)

if __name__ == '__main__':
 main()

どうやら、djangoのバージョンが1.0ではないと、使いたいforループが使えないようだ。

で、クライアント側はこのようになる。

{% for key, value in arg.items %}
key = {{ key }},value = {{ value }}
{% endfor %}

実行した結果、正常終了しました。

ポイントは、「items」というプロパティーで一回アクセスするところ。
これは、how to access dictionary element in django template?
でわかりました！！

ajaxでパラメータ確認するときに便利かも。

それって、Google Cloud Storageじゃないの？

2012-02-13T13:50:00.000+09:00

そのサービスは、もうあるんじゃーないの？

関係者の話として伝えたところによると、Googleが準備をしているクラウドストレージサービスの名称は「Drive」で、パソコンを始めスマートフォン、タブレット端末などあらゆるデバイスからデータファイルにアクセスできるようにするという。サービスインは１，2週間から１，２ヶ月以内とみられている。
via:GoogleがDropBox対抗のクラウドストレージサービスを準備中？WSJ紙【湯川】

これって、Google Cloud Storageとどう違うの？

クライアントアプリもGoogle Cloud Storage Managerがあるし、記憶が定かじゃーないけど、確かある程度まで無料で使えたような。

別サービスとして立ち上げる必要とメリットって？？

今後の動きを見ていくしかなさそうですねー。

[iOS]Automatic Reference Countingを使わない方法

2012-02-12T22:49:00.000+09:00

今、iOS経由でfacebookにログインする方法を、iOS Tutorialを見ながら勉強しているのですが、gitに公開されているソースコードをダウンロードして、ビルドしても、エラーが発生してしまう。

エラーの内容を見ていると、なにやら、Automatic Reference Counting関連のバグのようなのだが、久しぶりのXcodeの開発でしかも、バージョンが4になり、ものすごくUIが変わってしまったため、全然、解決の方法がわからない。。。どうしよう。。。

で、結局、「Automatic Reference Counting」を使わないようにすればいいところまで、わかり、次に、それをどうやって設定すればいいのだろうか？

How to enable/ disable “Automatic Reference Counting”?を読むと、こう書かれていました。

Go to "Build Settings", look for "Apple LLVM compiler 3.0 - Language". Set the field "Objective-C Automatic Reference Counting" to "No".
via:How to enable/ disable Automatic Reference Counting?

確かに、この通りにやってみた結果、エラーが取れました。

よかった。よかった！！

[本]女性の品格

2012-02-11T23:30:00.000+09:00

今さら感たっぷりだけど、こちらを読了

第1章マナーと品格
第2章品格のある言葉と話し方
第3章品格ある装い
第4章品格のある暮らし
第5章品格ある人間関係
第6章品格のある行動
第7章品格のある生き方
via:目次

ビール3缶、焼酎1缶、ワインボトル半分飲んだ後に、読んだので、あまり内容を覚えていないのだが、全体を通して、なぜ、このタイトルのしたのだろうか？と疑問に思ってしまった。

女性ばかりではなく、男性にも通じる内容だと思うのだが、なんだか、新人研修のマニュアルをひたすら読まされたような気分になってしまった。

ものすごく売れた本のようだが、そこまでよかっただろうか？疑問を感じてしまう。

国家の品格が売れたから便乗しようとしただけではないのだろうか？

[本]「伝説の社員」になれ

2012-02-10T02:10:00.002+09:00

読了

第1章自分の値段は自分でつける！
あなたの「代金」は高いか安いか
若かろうと平社員だろうと「経営者アタマ」で仕事する
年収は「給料＋授業料」として考える
どんなことでも九年続ければ成功する
「社内転職」は、やりたいことをやる近道
「好きなことを仕事にする」という大ウソ
絶対に勝てない一流の人にふれて自分を知る
ストレスとは、自分を高めるための道具
「教育ATM機」に金をため込め！
第2章付加価値をつければ人生が変わる！
人生はすべて「仕入れ」で決まる
「頭を下げる仕事」だから見えてくるもの
二十四時間働く覚悟なら、なんでもできる
入社した瞬間、自分で自分をクビにする
人のために働くと「大バケ」できる
五％の法則に当てはまる人材になれ！
自腹を切れば切るほど、自分がトクをする
失敗するときには、明らかにわかるような失敗をする
飛躍とは、その仕事自体を変えてしまうこと
「成功している人」より「一緒に伸びていく人」とつきあう
コピー取り、ティッシュ配りで自分を磨く
第3章最強の自分マーケティング
日本車も、外国に行けば外車になる
複数のキャリアを組みあわせて「わらしべ長者」になる
才能とは、小さな成功を大きなパワーに変換する能力
「会社のものさし」ではすべてのスキルを測れない
レバレッジが効く「一人」を探し出す
「未来の芽」が見えると大ブームが起こる
「名前＋長所」のセットで人を紹介する
人から情報を引き出す質問力のつけ方
常識以上の「使える」ビジネスマナーを身につける
第4章「伝説の社員」になれ！
「一億円あったら？」という妄想は人生を映す鏡
最後に勝つのは能力より「バカになれる情熱」
自分の「当たり前」も、他人にとっては新鮮
「ちゃちなプライド」より「正しい自尊心」をもつ
誰からも好かれる人なんて価値がない
自分を知るためには、言葉より相手の反応を見る
紹介しやすい自分＝「一言で言えるウリ」をつくる
ナンバーツーの美学を知る
自分をブランド化するお金の使い方
カエルは決して、牛にはなれない
via:目次

うーん、実に難しい。

なぜ難しいというと、頭では理解できても、メンタルまで落とし込めていないから。
具体的には、この部分

「安く売る」という点に関して言えば、オープンソースに参加するというのはある意味その極北ではないか。何しろ無料、それそのものは一銭にもならないのだ。

それでは、「自分は安く売る」とは一体どういう意味なのだろうか。

差額を授業料にする、ということである。
via:差額は授業料 - 書評 - 「伝説の社員」になれ!

わかっちゃーいるんだけど、感情がー。

すでに実践していることは、社内転職。

今の会社では、プログラマとして採用されたが、今は、プログラムに加え、

webの企画
webのディレクション
子会社への業務のアサイン
htmlとcssのコーディング

と多岐に渡っている。

プログラムだけに限定せずに、色々とチャレンジしてみたいし、可能性を探りたいという理由から、去年の後半から、取り組んでいるのですが、本書で、後押ししてもらってすごく安心した。

確かに、24時間働くことができれば、成功すると思うが、逆に、体を壊しそうな気がする。
なので、少なくとも、睡眠は取った方がいいんじゃーないのかなーっと思いました。

あれ、今、amazonでみたら文庫版があった。こっち買っとけばよかったかも。

[google app engine]送信データをすべて確認する方法

2012-02-09T23:30:00.000+09:00

Google App Engineで、クライアントからform の値を受け取る時に、

self.request.get('hoge')

みたいな書き方をしますが、毎回、毎回、これを書くのはしんどい。

特に、デバッグで、変数がたくさんある場合。

一括して受け取る方法はないのだろうか？と探した結果、ありました。

Requestクラスのarguments()を使えばPOST、GETともに受け取ることができそうです。

リファレンスを読むと、リスト形式で返却することから、下のように組めばいいではないのかと。

for i in self.request.arguments():
  print i, self.request.get(i)

実際に実行したところ、正常に取得できました。

以後は、これでajaxなどの時には、もっと効率よくデバッグできそうです。

[jQuery mobile]ヘッダーを表示

2012-02-08T10:00:00.000+09:00

これもiOSにはデフォルトである機能なのですが、ヘッダーを表示する方法について

Header structureを読みながら実装した結果、下記のようになりました。

<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script>
jQuery(function(){
var ul = $('ul');
var li = $('li',ul);
var liLen = li.length;
for(var i=0;i<liLen;i++){
$('a',$(li[i])).click(function(){
//$.mobile.showPageLoadingMsg();
$.mobile.changePage('./test02.html');
});
}
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="inline" class="ui-header ui-bar-a" role="banner">
<h1 class="ui-title" tabindex="0" role="heading" aria-level="1">Page title</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
</div>
</div>
</body>
</html>

ポイントは、

<div data-role="header" data-position="inline" class="ui-header ui-bar-a" role="banner">
<h1 class="ui-title" tabindex="0" role="heading" aria-level="1">Page title</h1>
</div>

動作した結果、無事に表示されました。

[jQuery mobile]ページ遷移

2012-02-07T09:30:00.000+09:00

iPhoneのUITableViewControllerの動きをどのようにすれば実装できるのか調査しました。

Methodsのセクションを読みながら実装した結果はこちら

<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script>
jQuery(function(){
var ul = $('ul');
var li = $('li',ul);
var liLen = li.length;
for(var i=0;i<liLen;i++){
$('a',$(li[i])).click(function(){
$.mobile.changePage('./test02.html');
});
}
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="content">
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
</div>
</div>
</body>
</html>

上記の実行結果は、↓

で、各セルをクリックすると、/test02.htmlに遷移します。

遷移後は下のようになります。

[twitter]intent機能

2012-02-06T13:30:00.000+09:00

webサイトからtwitter anywhereを使えばtweetをすることは可能なのですが、その際に、めんどいのは、一回、承認をえなくちゃーいけないこと。

それを省く手段として、twitterから、Web Intentsという機能がリリースされました。

で、実装方法ですが、ツイートの場合、
https://twitter.com/intent/tweet
にquery string(or URL変数)に、パラメータを付与すればおｋです。

他にも、Retweetや、favorite機能なども実装することができるので、便利ですね。

[jQuery mobile]buttonの作成

2012-02-05T00:13:00.000+09:00

今度は、buttonを作りたいと思います。
Button basicsを読んだ結果、下記のようなコードに落ち着きました。

<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="content">
<input type="button" value="tweet by clicking" id="tweet" />
</div>
</div>
</body>
</html>

実行結果は、下のようになりました。

[本]決断力

2012-02-04T00:37:00.001+09:00

読了

第1章勝機は誰にもある
第2章直感の七割は正しい
第3章勝負に生かす「集中力」
第4章「選ぶ」情報、「捨てる」情報
第5章才能とは、継続できる情熱である
via:目次

決断力と書かれているが、実際は、著者の「羽生善治」氏の将棋に対する考え方、スタンス全体を垣間みることができる内容となっていた。

将棋は、小学校のころから好きで、よくおじいちゃんと指していたので、すんなりと内容が入った。
1ページ、1ページ、ものすごい臨場感が伝わってきた。
思わず手に汗握りしめながら通勤中に読んでいました。

それだけでもお腹がいっぱいで、本書を読む価値があったなーっと思ったのですが、仕事の上で通じるものや応用できるものが多々ありました。

まず、ものごとをごちゃごちゃ考えずにシンプルに考えるという紹介がされていたが、業務を推進していく上で、これはものすごい重要である、あまり複雑に考えすぎて、本来の目的を失ってしまい結果的にプロジェクトが失敗してしまう場合があるからだ。

さらにミスから学ぶことも、次に繋げるために重要であり、集中するには、習い事や嫌いなことを無理矢理させるのではなく、好きなことをやらせることで、自然とそうなるようになると書かれていたり、すぐに人に教えを請う前に、まずは、自分の頭で考える癖を付けないと最終的に人に頼る癖がついたりすることもあると。

努力をすることは大切だが、その方向性が間違っていると報われないことがあるし、かつ仮にあっていたとしても保証はできないし、トップ棋士たちは、ほぼ実力が均衡状態なので、そこで、どうやって差別化をはかるのかを考えることが重要だったり、それは商品開発にも通じることがあったり、自分のスキルを向上させるのにも、共通しているのかなと。著者の場合、勉強の基本スタイルは変わらないそうだが、それでも、ITを取り入れた勉強をしたりして、学習方法を変えているそうだ。これは重要だと思う、あまりに固執してしまうともうそれ以上伸びない可能性があるからだ。

ITの波も当然、将棋の世界に入りこみ、ものすごい勢いで戦型も変わってきているそうだ。昔は、一度、オリジナルを作れば、半永久に使えたそうだが、今では、3回もつかどうかであるそうだ。競争が激しくなっている証拠でもある。
一方で、一度、奨励会から脱退したアマが、ネットを使って勉強しプロと拮抗している場合もあるそうで、昔とは違った時代になりつつあるようだ。それらに対する著者の考えは本書を参照してほしい。

かつグローバル化も押し寄せているそうで、海外で試合を開催されることもあるそうだ。
将来、海外の棋士も誕生するかもしれないと著者は言及していたが、相撲をはじめ、野球、駅伝などをみると、必然となるかもしれない。
もっと、ドラスティックに書くと、タイトルを保持している日本人の棋士が一人もいなくなる状況も将来はありうるのかもしれないが、それはそれでしょうがないのかなーっと思ったりする。スポーツだしね。

こうして書評を書くと将棋から学べることができるんだなーっと。

久しぶりに将棋がやりたくなりました。

[jQuery mobile]textを作成する

2012-02-03T09:30:00.000+09:00

昨日の記事に続いて、今日は、テキストを実装する方法について。
Text inputsを読みながら書いたコードはこちら。

<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="content">
<input type="text" name="name" id="basic" value="" />
</div>
</div>
</body>
</html>

iPod touch上での実行結果は、このようになりました。

自分でライブラリを書いたわけではないのですが、やはりかっけ！！

[jQuery mobile]listを作成する

2012-02-02T13:30:00.000+09:00

jquery mobileのQuick start guideを読みながら、きわめて基本的なリストを作成しました。

コードは、下のようになりました。

<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport"
content="width=device-width, initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1"
>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="content">
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
</div>
</div>
</body>
</html>

表示結果は、こんな感じ

[本]苦しいときは自分にやさしく―転落ビジネス書作家の幸福論

2012-02-01T23:51:00.000+09:00

読了

Prologue 本当の幸せはどこにある？

Chapter 1 自称成功者たちのリアル

Chapter 2 過去の自分にさようなら！----あるビジネス書作家の痛みと回復

Chapter 3 本来の自分を取り戻す知恵

Chapter 4 自分が活きる人間関係の作法

Chapter 5 再スタートの心得

Epilogue 未来の自分へ
via:目次

「販促・集客・儲けのネタ帖」以来、実に7年ぶりに原崎さんの著書を読みましたが、この7年間、原崎さんはどうなったのだろうか？と気になっていたのですが、本書でその後をたどることができてよかった以上に、驚愕しました。

すさまじい人生を歩んでおられたことに。
同じ人生を歩む事はできないだろう。確実に精神崩壊するなと。

大学時代にマーケティング、仕事でのスタンス、取り組みなど数々のことを教えていただいて、とてもお世話になった方なので、微力ながらも協力できたらなーっと思いました。

そのために、もっと、もっと実力をつけなければと。

[html]コンテンツの最適化

2012-01-31T09:50:00.000+09:00

以前、webのコンテンツをiOSのデバイスに合わせるというエントリーを書きました。

で、その知識を使ってjQuery Mobileを使ってみたものの、いざ、端末を使って確認するとコンテンツが調整されないではないですか！！

ちなみに、編集前は、こちら

なぜかなーっと思って調査したところ、metaタグの属性が抜けていることがわかりました。

The minimum-scale and maximum-scale properties also affect the behavior when changing orientations. The range of these property values is from >0 to 10.0. The default value for minimum-scale is 0.25 and maximum-scale is 5.0.
via:How Safari Infers the Width, Height, and Initial Scale

というわけで、
最終的に、下記のように落ち着きました。

で、調整後のUIは下の形になりました。

栗城史多さんにお会いしました

2012-01-30T13:30:00.000+09:00

生きていると色々な人に一度は会ってみたいという願いがでてきます。

子供の時だったら、野球を見ているとあのプロ野球選手に一回あってみたいとか。

中学生や高校生になると、あのドラマに出演していたかっこいい(カワイイ)俳優さんにあってみたいとか。

大人になると新聞(雑誌)にでている有名社長にお会いしたいなど。

きっかけは、色々ありますが、その願いが一つ叶いました。

なんと、あの、あの、登山家の栗城史多さんにお会いすることができたのです。

お会いしたのは、先週の金曜日に開催された社内の講演会。

実際にお話を伺って、ものすごく感動しました。本にサインしてもらったのはもちろんのこと、一緒に写真もとっていただきました。

普通だったら死ぬことも果敢にチャンレンジし、たくさんの人に勇気を与える姿はかっこいいと思います。

同じ年として負けられないなーっと気合を入れて仕事、育児に万進していきたいと思いました。

[google]Social Graph APIが終了

2012-01-29T23:30:00.000+09:00

最近は、googleサービスの終了が目立ちますが、またいくつかのサービスも終了するようです。

Social Graph API – TwitterやFlickrの上での、人びとのつながりをグラフで表すためのAPIは、4月20日をもって廃止される。このAPIを使うとデベロッパは、ユーザに関する情報を取り込んで自分の製品をより便利にできるが、Googleによれば、”期待したほど利用されていない”。GoogleとしてはGoogle+上のソーシャルグラフの開発に力を注いで、Facebookに追いつきたいのだ。
via:Googleがまたまたぜい肉落とし…６製品を整理

本家を見てみると、↓のようになっています。

Warning:The Social Graph API has been officially deprecated as of January 20, 2012 and will be fully retired on April 20, 2012. For more information, please see the announcement.
via:Social Graph API

正直にいうと、このAPIを使おうか、非常に悩みました。

色々なサービスの情報を取得できるので、とても魅力的だったのですが、いざ使おうとすると、どう使っていいのかわからず、サービスとしてどう反映させていいのか思いつきませんでした。

で、迷い続けているうちに、今回終了になりました。

最近、googleのAPIサービスがすごく多く把握するだけでも大変なので、こうして整理されるのも悪くないのかなーっと思いました。

[本]「残業ゼロ」の仕事力

2012-01-28T14:55:00.001+09:00

はじめに
現在ソフトランディング中
第1章御社の残業がなくならない理由
残業ニッポンの現実
なぜ残業はなくならないのか
残業が「問題解決」を送らせる
ルール違反で戦うニッポン
残業ゼロでも増収増益
「デッドライン」がスピードと密度を上げる
最後はトップの「覚悟」
第2章問題はとにかく「分けて」考える
「問題がない」会社は危険ゾーン
「緊急対策」「再発防止」「横展開」が基本
骨はロジック、身は「GNN」
問題は姿が見えれば八割解決
天才以外は問題を小分けせよ
「デッドライン」ですべてが決まる
やることの「優先順位」は必要ない
「これくらいならできる」は禁物
ファイルもスケジュールもデッドラインで整理
第3章次に「会議」を変えていこう
会議を大切にしてきた本当の理由
「空気を読む」なんてもってのほか
会議こそ最良の「鍛錬の場」
なぜ二分で結論を出せるのか
一番早いのは「立ち止まらない」こと
「コミュニケーション」さえあればいい
会議が社員のキャパシティを広げる
「長くて多い」のがよい会議
会議をうまく続ける「秘訣」
第4章「残業ゼロ」の達成まで
残業と仕事内容は関係ない
きっかけは他社の取り込み
二千時間働いて売上増は「あたりまえ」
悲鳴のなか、電気を消し続ける日々
「二度と残業したくない」と思わせるには
それでも残業したら「連帯責任」
仕事は会社のなかで完結させよ
「終わり」の時間でタイムスケジュール
第5章「速くて強い」チームの作り方
「勝てる会社にする」思いはそれだけ
仕事は「ゲーム」、勝つチャンスを与える
「成功するまであきらめない」から成功する
「豹変」「朝令暮改」はあたりまえ
「社訓」が会社をさびつかせる
組織は「右向け右」で動くもの
まずは自分の△から始める
リーダーシップより「フォロワーシップ」
組織にいる間にやっておくべきこと
活気がないのが「いいオフィス」
「仕事の範囲」は明確になっているか
社員は個室、役員は大部屋
「強いリーダー」とワンマンの違い
第6章「仕事の常識」はこれだけ変わった
日本人は「野性味」を取り戻せ
「TTP」をできる人と会社が伸びる
「人事を尽くし」切っているか
ビンが倒れるまで放っておくな
仕事は「お金のため」にする
組織のストレスから自由になる方法
小さな現場経験を大切にする
最初の一歩は小さな工夫から
第7章本当のワークライフバランス
もっと楽しい働き方がある
少子化対策だって簡単だ
パートナーはどっちを向いているか
ワークライフバランスの「理想図」
残業ゼロで人生が決まる
「本生（ほんなま）で生きよう
via:目次

前回、「残業ゼロ」の人生力を読んで、前著が気になったので手に取ったのだが、これは、難しいなー。

確かに1時間当たりの労働生産性をアップし残業を0にするというのはオール賛成なのだが、トップが決断しないと実行できないことばかりな気が。。。

個人でも残業を減らしているケースが紹介されていたが、それでもある程度の決断力がないのと厳しいと思いました。

ただ、出来ないできないと言っても何も始まらないし、変わらないので、オリジナルの「頑張るタイム」や「デッドライン」を設けて、残業を減らしていきたい。

もちろん、批判しようと思えばいくらでも批判はできる。たとえば著者は従業員を増やしていないが、派遣労働者はかなり使っている。「単に仕事を派遣に押し付けたのではないか」というツッコミをかわし切れるだけの材料が本書には足りないとは思う。しかしそれを考慮しても、残業ゼロで売り上げ5倍というのは誇張ではないし、他もやって出来ないようにはとても思えない。
via:残業は会社にも優しくない - 書評 - 「残業ゼロ」の仕事力

まじっすか！！確かにそこの部分に関しては、本書では読み取る事ができない。

補足
新装版もあったのかー。こちらを購入した方がよかったのかも。

[BootStrap]buttonの実装

2012-01-27T23:30:00.000+09:00

久しぶりに今日は、buttonの実装方法について。

実行結果は、こんな感じ

ちょっとかっこいいボタンの出来上がり。

[jQueryUI]progressbarを実装

2012-01-26T09:50:00.000+09:00

自前で、プログレスバーの実装はめんどいのです。
なので、jQueryUIを使って手っ取り早く実装できないものかと。

昨日、QueryUIをCDNを使ってロードする方法を書いたので、それを使いつつも、jQueryUIのProgressbarを読みながら試しに実装しました。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" ></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" ></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css">
<script>
$(function() {
var jObj = $( "#progressbar" );
jObj.progressbar({
value: 37
});

});

</script>
</head>
<body>
<div id="progressbar"></div>
</body>
</html>

これだけで、すっげーかっけー、プログレスバーを作ることができました。

ちなみに、上記の実装だと、プログレスバーが画面いっぱいに広がってしまいます。
横幅をカスタマイズするためには、

で縦幅の場合は、

バーの色を変更したい場合は、

でカスタマイズすることができます。

こうしてまとめておけば、後で、実装するときに便利ですね。

[Google Libraries API]jQueryUIをロード

2012-01-25T09:50:00.000+09:00

googel CDNを使ったjQueryのロードに引き続き、今度は、jQueryUIのインクルードの方法について。

下のように一発かませばおｋ

ただし、これだけだとまだ不十分で、jQueryUIでは、CSSが必要。

jQueryUIのサイトのdownloadページにいけば、CSSのダウンロードをすることができるのですが、それは、めんどい。
だって、jsは、CDNをつかっているのに、CSSは違うサーバーなんて！！

どうせならCSSもCDN経由で使いたい。
何か方法ないかなーっと思っていたら、ありました。

jQueryUIを利用してUI widgets(用意されているスタイル)を使用する場合には専用のcssも読み込まないと正しく表示されないので注意して下さい。

jqueryUIのcss直リンURL

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/[テーマ名]/jquery-ui.css

テーマ名は後述
via:jQueryやUI、PrototypeなどのライブラリーをGoogleライブラリAPIから読み込む方法

というわけで、最終的に以下のようにして、使うことができました。

CSSに関しては、BootStarpと共存させたいので、衝突した場合、ちょっと怖いですが、とりあえずは、このままで。

[jQuery]inView Plugin

2012-01-24T09:50:00.000+09:00

ある要素がスクリーン内にあるかどうか判断できるプラグインを発見しました。

きっかけは、Nikebetterworld Parallax Effect Demoで紹介されていたプログラムにそのプラグインが使われていたからなんですけど。

プラグイン自体は、Element 'in view' Event Pluginというエントリーにあって、
導入も非常に簡単。
jquery.inview.jsを読み込んで、下記コードを記述するのみ

$('div').bind('inview', function (event, visible) {
  if (visible == true) {
    // element is now visible in the viewport
  } else {
    // element has gone out of viewport
  }
});

bindさせたい要素はその都度変更する必要があります。

サイトが閉鎖されたときのことを考えて今のうちからプラグインダウンロードしておこうかなー。

[iOS]iPod touch第四世代を購入

2012-01-23T09:30:00.000+09:00

じつにすばらしい！！

ケースも購入

げースだけだと、パネルが手の脂でベトベトになってしまうので、シールも購入

シールも買ったものの、ケースにシールが同封されており、実質、必要なかった。

iPhone3Gから一気にバージョンアップしたので、iOSは5だし、カメラもバージョンアップしたし、Retinaディスプレイもすばらしい。

まさに通話機能「だけ」がないiPhoneですなー。

[blogger]Navbarを隠しました。

2012-01-22T23:30:00.000+09:00

え、うそ！！、まじで！！

（はい、Navbar を無効にするための詳細はこちらです。しかし Navbar の無効化は、読者が新しいブログを見つけるためのキーツール「次のブログ」から、あなたのブログを隠してしまうことを覚えておいてください。私たちはまた、Navbar のいくつかの新機能を、数ヶ月以内に用意します。それが Blogger の使用を損ねず、一助となるように願っています。）
via:Blogger の Navbar は隠してもいいらしい

というわけで、chromeでデバッグをしつつ削除しました。

方法は、下記のCSSを追加

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

これ、今、思ったのですが、CSSで要素の削除をしていますが、HTML自体はレンダリングを行い、ダウンロードしちゃっているので、いっそのこと要素ごとごっそり抜いちゃった方が早いんじゃーないのかなーっと思えてくる。

そこら辺はどうなのだろうか？

[思い出]長男の1歳の誕生日

2012-01-21T00:18:00.000+09:00

今日は、長男聡斗の誕生日おめでとう！！

誕生日ディナーをしました。

写真を送って似顔絵ケーキを注文しました！！とてもよく似ています。
ちなみに、味は、豆乳だったので、食べても、あっさりしていました！！

食べ物もごちそうです。もちろん聡斗もです。

はじめて靴をはきました。とても似合ってます。

食事後は、一生餅をかつぎました。

本人は、大変喜んでおります。

いつまでも、この平和が続きますように！！