2015/07/28

Apple MagSafeを購入

以前、購入したmac book airの電源アダプタがいかれてしまったので、新規に購入しました。

Apple MagSafe 電源アダプタ (45W) MC747J/A
アップル (2010-10-22)
売り上げランキング: 22,426
が、しかし、YAMADA電気で買ったにもかかわらず、高い。高すぎる。

なんで、こんな値段するの。

下のコンバーターを購入すれば、magsafe2に変換できるとはきいたが、それでもwww
Apple MagSafe - MagSafe 2コンバータ MD504ZM/A
アップル (2012-06-13)
売り上げランキング: 3,011
ショック

2015/07/27

[本]米中逆転 ――なぜ世界は多極化するのか?

読了。

米中逆転 ――なぜ世界は多極化するのか? 角川oneテーマ21
KADOKAWA / 角川書店 (2012-10-01)
売り上げランキング: 54,942

プロローグ―多極化とドル崩壊で進む米中逆転
第1章 米中逆転と日本
第2章 米英覇権の崩壊
第3章 経済覇権としての中国
第4章 欧米と中国の500年
第5章 手を組む中国とロシア
第6章 国際政治を転換する中国
エピローグ―米中逆転は日本の好機

via:目次
田中宇の国際ニュース解説を読んでいるので、特段目新しい発見はなかった。

2015/07/18

[Google Analytics SDK][Objective-C][cocoapods]Google Analytics SDKのcocoapodsのパスが変わった件

cocoapodsでGoogle Analytics SDKを管理する場合、以前までは下のように設定していました。

pod 'GoogleAnalytics-iOS-SDK'
で、新しいアプリを作ろうと思って、再度、これでコマンドを打ったら、エラーが発生して、下のようにしたら、エラーがとれた。
pod 'Google/Analytics', '~> 1.0.0'

2015/07/17

[本]iPhone SDK 3 プログラミング大全 実践プログラミング

読了

iPhone SDK 3 プログラミング大全 実践プログラミング (MacPeople Books)
木下 誠
アスキー・メディアワークス
売り上げランキング: 839,534
リファ本としては結構わかりやすいかも。

第1章 iPhone SDKで開発を始める前に
第2章 Objective‐C基礎講座
第3章 プログラミングガイドシステム編
第4章 プログラミングガイドユーザインターフェース編
第5章 プログラミングガイドネットワーク編
第6章 プログラミングガイドメディア編

via:目次

2015/07/16

[cocoapods]cocoapods内のライブラリを更新する

過去ログでcocoapods内のライブラリを更新する方法を書いてなかったので、さくっと書いてみる。

pod update
の一行でおk

2015/07/15

[jQuery][JavaScript]Swiperプラグイン fullscreenなswipeページ

Swiperプラグインのサンプルプログラムを確認しながらページネーションなしのフルスクリーンかつレスポンシブなプログラムを組んでみた。

<style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.1.0/css/swiper.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.1.0/js/swiper.jquery.min.js"></script>
<style>
body {
    margin: 0;
    padding: 0;
}

.swiper-container {
    width: 500px;
    height: 300px;
    margin: 20px auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
</style>
<!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
        <div class="swiper-slide">Slide 4</div>
        <div class="swiper-slide">Slide 5</div>
        <div class="swiper-slide">Slide 6</div>
        <div class="swiper-slide">Slide 7</div>
        <div class="swiper-slide">Slide 8</div>
        <div class="swiper-slide">Slide 9</div>
        <div class="swiper-slide">Slide 10</div>
    </div>
</div>
<script>
jQuery(function($){
  new Swiper('.swiper-container');
});
</script>
これで、fullscreenかつレスポンシブのswipeページを作ることができた。

2015/07/14

[jQuery][JavaScript]Swiperプラグイン 簡単なswipeページ

Swiperプラグインのサンプルプログラムを確認しながら簡単なプログラムを組んでみた。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.1.0/css/swiper.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.1.0/js/swiper.jquery.min.js"></script>
<style>
body {
    margin: 0;
    padding: 0;
}

.swiper-container {
    width: 500px;
    height: 300px;
    margin: 20px auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
</style>
<!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
        <div class="swiper-slide">Slide 4</div>
        <div class="swiper-slide">Slide 5</div>
        <div class="swiper-slide">Slide 6</div>
        <div class="swiper-slide">Slide 7</div>
        <div class="swiper-slide">Slide 8</div>
        <div class="swiper-slide">Slide 9</div>
        <div class="swiper-slide">Slide 10</div>
    </div>
</div>
<script>
jQuery(function($){
  new Swiper('.swiper-container');
});
</script>
これを実行したらスワイプで切り替わる単純なコンテンツが表示された。

2015/07/13

[CSS3]flexboxについて

Swiperプラグインのサンプルプログラムを確認していたところ、下のようなflexboxについての記述があったので調査してみた。

<style>
body {
    margin: 0;
    padding: 0;
}

.swiper-container {
    width: 500px;
    height: 300px;
    margin: 20px auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
</style>
<!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
        <div class="swiper-slide">Slide 4</div>
        <div class="swiper-slide">Slide 5</div>
        <div class="swiper-slide">Slide 6</div>
        <div class="swiper-slide">Slide 7</div>
        <div class="swiper-slide">Slide 8</div>
        <div class="swiper-slide">Slide 9</div>
        <div class="swiper-slide">Slide 10</div>
    </div>
</div>
CSS3のFlexboxを基本から理解して、使い倒そう!で確認すると、

複雑な Web ページをレイアウトすることを目的とし、画面やブラウザー ウィンドウのサイズがさまざまに変化する場合にも要素の相対的な位置とサイズを一定に保つ場合に、特に役立ちます。位置とサイズを正しく設定するのが難しいフロートへの依存を軽減できます。

via:Internet Explorer 10 の可変ボックス ("Flexbox") レイアウト
と書かれており、レスポンシブデザインに適したプロパティーだといえる。

ちなみに、align-itemsプロパティーで垂直方向の揃え方を設定することができる。

2015/07/12

[TypeScript][JavaScript]enumについて

普段、enumを使うケースがないので、試しに組んでみて、デバッグしてみた。

enum hoge {
  foo,
  bar
}
console.log (hoge)
こうすると、
{0: "foo", 1: "bar", foo: 0, bar: 1}
となる。次に下のようにしてみた。
enum hoge {
  foo,
  bar
}
console.log (hoge.foo)
console.log (hoge.bar)
で、これをデバッグするとそれぞれ下を出力する。
0
1
ここからはさすが、js。下のように書き換えることもできる。
enum hoge {
  foo,
  bar
}
hoge.foo = "hello 1"
hoge.bar = "hello 2"
console.log (hoge.foo)
console.log (hoge.bar)
hello 1
hello 2

2015/07/11

[RequireJS][JavaScript]Hammer.jsをRequireJS経由で使う

Hammer.jsをRequireJS経由で使う場合、下のように組んだらおkだった。

define([
  'hammer'
], function (Hammer) {
  
});
参考
How to use hammer.js plugins with require.js