2014/02/28

[jQuery]animateメソッドでbackground-colorを変更

どうやらデフォルトのjQueryではanimateメソッドを使ってbackground-colorをアニメーションをすることは難しいようだ。

で、Color animation jQuery-pluginというプラグインを使えばアニメーションができるようになる。

詳細はこう

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="jquery.animate-colors-min.js"></script>
<script>
jQuery(function($) {
  $('body').stop(true,true).animate({
    backgroundColor: '#000000'
  },250,function(){
  });
});
</script>

2014/02/27

[Java][初めてのeclipse]スペース、tabを表示

「window」→「preference」→「General」→「Editors」→「Show line numbers」にチェックを入れてok
 photo eclipse_showwhitespace01_zps54bd4e86.png
無茶苦茶醜いのですが、「Show whitespace characters」にチェックを入れておk

2014/02/26

[Java][初めてのeclipse]行番号を表示

どうやらデフォルトでは、行番号が表示されないようだ。

というわけで、表示方法について。

「window」→「preference」を選択
 photo eclipse_showline01_zps449986df.png
「General」→「Editors」→「Show line numbers」にチェックを入れてok
 photo eclipse_showline02_zpsccf958fd.png
めちゃ簡単。

2014/02/25

[java][初めてのeclipse]perspectiveを開く

eclipseを立ち上げたら簡単なチュートリアルがあったので、それにそってちょっと使い方を学んでみる。

まずは、perspectiveを開いてみる。

と言ってもやり方はめちゃくちゃ簡単。
下のように「window」→「open perspective」→「Java」を選択すればおk
 photo eclipse_perspective01_zps6587ca11.png

2014/02/24

[Java]エクリプスをダウンロード

ちょっと興味があって、Eclipseをインストールしてみた。

ダウンロードページで下のところからソフトをダウンロード。
 photo EclipseIDEforJavaEEDevelopers_zpsf3509318.png
Xcodeのようにインストールする必要がなく、解凍すればすぐに使えるから便利ー。

2014/02/23

[iOS][Objective-C]Google Analytics イベントトラッキング

iOSのGoogle Analytics SDKでクリックイベント(正確にいうとタッチイベントなんだけれど)を取得することができないだろうか?

答えからいうとできるようだ。

id<GAITracker> tracker = [[GAI sharedInstance] defaultTracker];
[tracker send:
    [
        [GAIDictionaryBuilder createEventWithCategory:@"ui_action"
        action:@"button_press"
        label:@"play"
        value:nil]
    build]
];
上のように試したら確かに取得できました。

2014/02/22

[Objective-C][iOS]WhatsAppのURL Schemeについて

FacebookがWhatsupを買収したようです。
Facebook、メッセージングサービスのWhatsAppを190億ドルで買収。独立運用を継続

このエントリーを読んで、そういえば、Whatsupを起動する方法ってないのかなーっと思っていたらあったようです。

具体的には、I'm an iPhone developer, how can I integrate WhatsApp into my app?に書かれていて、そこには下のように組めばいいようです。

NSURL *whatsappURL = [NSURL URLWithString:@"whatsapp://send?text=hoge"];
if ([[UIApplication sharedApplication] canOpenURL: whatsappURL]) {
    [[UIApplication sharedApplication] openURL: whatsappURL];
}
持っているiPod touchでは開くことができたのですが、「この端末では使えません」的なメッセージがでてきてしまい、果たして、正常終了したのかどうかわかりません。

ヨーロッパで広く使われているそうなので、海外展開するアプリには実装したいですね。

2014/02/21

[本]あのブランドの失敗に学べ!

読了
あのブランドの失敗に学べ!
あのブランドの失敗に学べ!
マット・ヘイグ

第1章 なぜ、ブランドは失敗するのか
第2章 燦然と輝く大失敗
第3章 アイデア倒れによる失敗
第4章 ブランド拡張の失敗
第5章 広報活動の失敗
第6章 異文化の壁による失敗
第7章 人的な失敗
第8章 ブランド再構築の失敗
第9章 ドットコム・ブランドの失敗
第10章 疲弊したブランド

via:目次
失敗学を学びたくで本書を手に取ったのだが、アマゾンレビューにも書かれていたように、ジャック トラウトが書いた大失敗!―成功企業が陥った戦略ミステイクの教訓と内容が似ている気がした。

しかも、本書で引用しちゃっているし。

なので、ジャック トラウトの方を手に取ったほうがいいかもね。

2014/02/20

[JavaScript]location.searchの挙動について

昔のエントリーURL変数のみ取得するを読みながら再度、query変数を取得したときに、IEとchromeで挙動で違うことがわかりました。

具体的には、http://hoge.com?と「?」だけしかない時

console.log(location.search)
この時、IEは、「?」だけ返すのに対して、chromeは何も返さない。

しかし、http://hoge.com?bar=1とした場合は、両方共「?bar=1」を返してくれます。

細かい話だけど、ちょっと気をつけたいですね。

2014/02/19

[iOS7][Objective-C]UINavigationControllerとUIViewController時のstatusbarの挙動 その2

前回、UINavigationControllerとUIViewController時のstatusbarの挙動という記事を書きました。

で、あれから色々と試してみたのですが、UINavigationControllerを使った場合でもステータスバーの下に潜りこんでしまうパターンを発見しました。

[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"hoge"] forBarMetrics:UIBarMetricsDefault];
上のようにUINavigationBarに画像を設定した場合は、ステータスバーにナビゲーションバーが潜り込みません。
[[UINavigationBar appearance].barTintColor = [UIColor whiteColor];
としてしまうと下に回りこんでしまう。

微妙な問題ですが、備忘録まで。

2014/02/18

[iOS7][Objective-C]UITableViewのseparatorについて

iOS7からUITableViewのseparatorが最初から表示されずに途中から開始されてしまっております。

これを回避するためには、
AmebaアプリのiOS7対応時に行ったUI実装
にも書かれていたのですが、

[UITableView appearance].separatorInset  = UIEdgeInsetsZero;
を設定するといいそうで、実際に、そうしたら確かに、線が最初から最後までひかれました。

うーん、ちょっと解決するまでに時間がかかりましたー。

2014/02/17

[iOS][Objective-C]UITableViewCellのimageViewについて

下のようなプログラムを書くときがあります。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
  cell.imageView.image = [UIImage imageNamed:@"hoge"];
  /*-- 省略 --*/
}
上記のようなプログラムを書くときに、iOS7だろうが6だろうが関係なく、
cell.imageView.frame = CGRectMake(
  10,
  0,
  cell.imageView.image.size.width,
  cell.imageView.image.size.height
);
みたいな感じで、frameの再セットを行っていたのだが、そんな必要はなく、うまい具合に、OS側でframeの調整をしてくれるようだ。

プログラムが簡素化されていい感じかも。

2014/02/16

[google]Music Timeline

Googleがデジタルコンテンツを提供するGoogle Storeでは、Google Play Musicといった音楽アプリの提供や、楽曲ファイルの販売も行われています。そんな音楽にも力を入れているGoogleが、クリックしていくだけで視覚的に音楽の歴史や詳細を、ジャンルごとに表示してくれるサービス「Music Timeline」を公開しています。

via:Googleがクリックするだけで音楽の歴史をジャンル別に表示できるサービス「Music Timeline」を公開
これMusic Timelineにはアクセスできるんだけど、そっから先がアクセスできない。

いつ先に進めるようになるのだろうか?

2014/02/15

[Game][iOS]iOS版ファイナルファンタジー6が配信へ

前回、先行してandroid版が配信されたことを書きましたが、どうやらiOS版もapp storeで配信されたようです。

また、iOS版ではiCloudを利用したセーブデータ共有機能を追加。外出先ではiPhone、自宅ではiPadといった楽しみ方もできるようになっている。

via:iOS版「ファイナルファンタジーVI」が配信開始--iCloudによるセーブデータ共有も
これ、他のタイトルにも搭載してほしいなー。

2014/02/14

[jQuery]indexメソッドについて

indexメソッドは範囲を指定してあげるとその範囲内におけるindexを返してくれるようだ。

<script>
jQuery(function($) {
  $('#hoge > div').on('click',function(e){
    e.preventDefault();
    console.log ($('div',$('#hoge')).index($(this)))
  });
});
</script>
<div>0-1</div>
<div>0-2</div>
<div id="hoge">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
これid="hoge"の中にあるdivタグをクリックすると順に0,1,2と返してくれます。

うーん、便利。

2014/02/13

[jQuery]touchmove、touchstart、touchendのバインドについて

jQuery mobileではなく、普通のjQueryでもバインドできるのかなーっと思っていたら、どうやらできるようです。

$(window).on('touchstart touchmove touchend',function(){


});
iOSで試したら動きましたー。

これ便利ー。

2014/02/12

[本]転んでもただでは起きるな! - 定本・安藤百福

読了
転んでもただでは起きるな!  - 定本・安藤百福 (中公文庫)
転んでもただでは起きるな! - 定本・安藤百福 (中公文庫)
安藤百福発明記念館

カップヌードルをぶっつぶせ!―創業者を激怒させた二代目社長のマーケティング流儀と同様に昨年度の株主優待でいただきました。

日清食品の社史を知るのにいいかもしれないです。

ただそれ以上のことを得るのは難しいかもしれないです。
というか、そもそも、そういうことを目的にしてないと思うし。

横浜にあるカップヌードルミュージアムに行きたくなりました。

2014/02/11

[Love Nail]カタログカテゴリーの人気作品の1番目に掲載

 photo popularNo1_zps911f5229.png

実は、今年に立てた目標の一つが「カタログカテゴリーの人気作品の1番目に掲載されること」と立てていたのですが、早くも達成しました!!

もっともっと磨きをかけてもっともっと多くのお客様に使っていただけるように精進するぞと。

ダウンロードは、無料でapp storeから。

2014/02/10

[Google]Chromecast SDKが公開

デベロッパはGoogle Cast Software Development Kit(SDK)をダウンロードして、自分のWebアプリケーション~Webサイトの中へChromecastのサポートを組み込む。

via:GoogleがChromecast SDKを全デベロッパに公開
すんごい興味があって、実際にSDKのページに行っても肝心の端末検証ができないという不都合な真実。

amazonでも売っているだんけど、並行輸入物だし、パチモンだったらいやだなーっと。
並行輸入品 北米版 グーグルChromecast HDMIストリーミングメディアプレーヤー
並行輸入品 北米版 グーグルChromecast HDMIストリーミングメディアプレーヤー

日本で正規に販売してほしいんだけど、何故でない??

2014/02/09

[HTML]amazonのAppstoreでHTML5アプリの受付開始

これ、すご

Amazonが今日(米国時間1/28)、同社のAppstoreのポリシーの変更を発表した。それによるとこれからは、デベロッパは自分が作ったHTML5アプリケーション(Webアプリケーション)に、ネイティブのアプリケーションと同じく値段をつけて売れるようになる。

via:AmazonのAppstoreでデベロッパはHTML5のWebアプリケーションを売れるようになった
iOSやandroidでHTML5で作ったアプリも受け付けると言っても、それでもはやりネイティブ言語は少しは必要で、今回、amazonが発表したのは、オールHTML5で考えるとJavaやObjective-Cを書けない人にとってはチャンスかもしれない。

ただ、問題は、kidleが商売として成り立つぐらい普及しているかどうかが懸念点としてあるが。

2014/02/08

[Google]Chrome AppsをandroidやiOSに変換するツール

Googleの、オフラインのChrome Appsが、AndroidとiOSにも住処(すみか)を見つけることになる。Googleは今日(米国時間1/28)、HTMLとCSSとJavaScriptを使ってネイティブアプリを作るためのツールチェインの、デベロッパプレビューをローンチした

via:Chrome AppsをAndroid/iOSネイティブアプリに容易に変換できるツールチェインをGoogleが提供
ツールは、GitHubで公開されているようだ。

ちょっと見て思ったのが、node.jsが必要なんっすねー。

iOSの場合、バージョン6以降を対象としているようです。

ってか、別にネイティブアプリに変換しなくても、chromeアプリで動くようにすればいいんじゃないかと思ったんだけど、どうなんだろう?

2014/02/07

[Google]Chromebox For Meetings

今日(米国時間2/6)、マウンテンビューの本社でGoogleはプレスカンファレンスを開き、Chromebox for Meetingsというビデオカンファレンス・システムのローンチを発表した。

via:Google、999ドルのビデオ会議システムChromebox For Meetingsをローンチ―近く日本でも発売へ
これほしいなー。

使い道はないけど。amazonで検索したら売っていなかったwww

最近のgoogleの動きを見ていると広告収益をもとに色々なプロジェクトを開始してホントすごいなーっと思ってしまう。

この動きもそうなのだが、今後も既存の業界を崩すような動きを進めていくに違いない。

2014/02/06

[jQuery]after beforeメソッドについて

jQuery日本語リファレンスのafter、beforeメソッドを見るとそれぞれ下のように書かれている。

各要素の前にコンテンツを挿入する。

via:before(content)

各要素の後ろにコンテンツを挿入する。

via:after(content)
それぞれの説明に「各要素」と書かれているんだけど、1個の要素に絞ることはできるのだろうか?

結果からいうと可能のようです。
<script>
jQuery(function($) {
  $($('#hoge > div')[1]).before($('<div>4</div>'));
});
</script>
<div id="hoge">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>
<script>
jQuery(function($) {
  $($('#hoge > div')[1]).after($('<div>4</div>'));
});
</script>
<div id="hoge">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>
上を実行したら正常終了しました。

こうして検証を行ったので次回以降ガシガシ使っていきたい。

2014/02/05

[CSS]-webkit-touch-calloutについて

iPhone、iPadで画像を長押ししたときに、画像の保存が聞かれるのですが、これを回避する方法があったようです。

iPhoneサイト向けCSSサンプル(CSS3)によると-webkit-touch-callout属性にnoneを設定すればいいようです。

さらに、CSS property: -webkit-touch-calloutを見ると、初期値はdefaultのようです。

以上を考慮して、下のようコーディングしてみました。

<style>
#hoge{
   -webkit-touch-callout:none;
}
</style>
<div id="bar">
  <img src="">
</div>
<div id="hoge">
  <img src="">
</div>
確かに、1番目の画像は、保存を聞かれましたが、2番目は聞かれなかった。

これは便利だー。

2014/02/04

[本]田原総一朗責任編集 2時間で人生が変わる! 嫌われることを恐れない突破力! 世間という牢獄から脱出する方法

あっというまに読了
田原総一朗責任編集 2時間で人生が変わる! 嫌われることを恐れない突破力! 世間という牢獄から脱出する方法 (2時間で人生が変わる!)
田原総一朗責任編集 2時間で人生が変わる! 嫌われることを恐れない突破力! 世間という牢獄から脱出する方法 (2時間で人生が変わる!)
勝間 和代 堀江 貴文

第1章 生きにくかった子ども時代
第2章 勝間和代の生き方
第3章 堀江貴文の生き方
第4章 これが絶対、成功をつかむ極意だ!
第5章 だから私たちは嫌われる
第6章 こうすれば、もっと稼げる
第7章 「夢」をもてば、突破できる!

via:目次
田原さんが、堀江さんと勝間さんにズバズバと確信に迫るよなことを聞いてきて、それをまた豪快に答えてくる様がすごくおもしろかった。

スピード感をもって読むことができた。

こんな感じで朝まで生テレビも進行するのかと思うと、今度から見ようかなと思った。

2014/02/03

[iOS][Objective-C]NSNumberFormatterを使って3桁区切りにする

数字を3桁区切りにするにはどうすればいいのだろうか?

iOS 電卓のように数字を3ケタずつカンマで区切ったNSStringを作る
を見ると、下のように実装すればおk

NSNumberFormatter *format = [[NSNumberFormatter alloc] init];
[format setNumberStyle:NSNumberFormatterDecimalStyle];
[format setGroupingSeparator:@","];
[format setGroupingSize:3];

return [format stringForObjectValue:[NSNumber numberWithInt:number]];

via:iOS 電卓のように数字を3ケタずつカンマで区切ったNSStringを作る
これ便利だなー。