作者別: kishir

趣味： sk8, ピスト、ターンテーブル、レコード 仕事： Python, Objective-C, PHP, JavaScript

Facebookで日本の携帯アドレスの登録方法のメモ（iPhoneでもOK）

FacebookでDeveloper登録するには、携帯のメールアドレスやクレジットカードを登録しなければならないのだが、

クレジットカードは登録したくないので、携帯のアドレスを登録する事にした。

ちなみに登録したいアドレスは、私の携帯はiPhoneなので「@i.softbank.jp」アドレスだ

しかし、国を選択するプルダウンに「日本」が無い・・・なんでだ？

と困っていたので、Googleさんで聞いてみた。

「facebook携帯電話モバイルアカウントの認証について」
http://www.facebook.com/note.php?note_id=165896513464789

ここに書かれている通り、

「facebookのヘルプページ」
http://www.facebook.com/help/?page=819&hloc=ja_JP

の項目、「私の携帯電話会社はサポートされていません。アカウントを認証することはできますか。」内に記載されている箇所
# 下記画面の「こちら」というリンク（）

このリンク先のページが「携帯メールアドレスを確認」というページになり、
ここから日本の携帯のアドレス（iPhoneもOK）を登録する。

後は、登録が完了したら「マイアカウント」の「モバイル」タブで登録されているかを確認したら、

「Facebook開発者」
http://developers.facebook.com/?ref=pf

にアクセスをして、各種アプリの開発を始める事が出来る様になっているのを確認で完了。

DJ NOZAWA 『WE ARE THE ONE』 – 全額寄付ＭＩＸCD企画 –

やはりやってくれました。DJ NOZAWA 『WE ARE THE ONE』 – 全額寄付ＭＩＸCD企画 –

# この盤は過去のMIX MOVE（2003）、Absorption（2008）、FLAIR（2008）から構成

ってことで、少しでも力になれればという思いで、下記から購入。

DJ NOZAWA OFFCIAL HOME PAGE
http://www.dj-nozawa.com/info.html

FREEDOM RECORD
http://www.freedomrecord.net/?pid=30478066

「Shing02 / Homare」が「Free Download」

まずは今回の地震、津波により被害を受けた方は多数。

しかし、くよくよして立ち止まっていては何もならない。

各が出来る事をやっていく。前へ進む。それが大事。

まずはすぐに出来る「節電」はしていて「募金」もしました。

被災地では色々と大変だが、みんな一生懸命と問題に立ち向かっている。

その方達には感謝の気持ちを。

では、本題となる「Shing02 / Homare」です。

下記URLからダウンロード出来る様になっているので、是非聞いてほしい。そして歌詞を読んでほしい。

今の日本に必要な言葉が色々と含まれているはずです。

http://www.e22.com/homare/

iPhoneでiframeのようにスクロール

知人から、

・ヘッダーとフッターは固定で表示
・PCでもiPhoneでもiframeのようにスクロールバーでコンテンツ部分をスクロールさせたい

という相談を受けたので、iframeで良いのでは？と思ったけど、iPhoneでは「iframeは非推奨」との事。

なのでいつも通り、Google先生に聞いてみたところ良いJavaScriptライブラリがあった。

Dragdealer JS

ブログ：http://blog.ovidiu.ch/dragdealer-js

ドキュメント：http://code.ovidiu.ch/dragdealer/

このライブラリで出来る事は、スクロールバー・写真のスライドショー・コンテンツをドラッグでスライドなど。

IEでもSafariでもiPhoneのSafariでも問題無く動作しました。

使いかたは簡単。今回は知人の要望通り「スクロールバー」を実装してみる。

ここからソースコードをダウンロードし、head内で読み込ませます。
※ 他に面倒だったので「dragdealer-main.css」というCSSをサンプルコードから落としてきて読み込ませてます。

<html>
<head>
<link rel="stylesheet" type="text/css" href="dragdealer.css" />
<!-- このCSSは各自のサイトのデザインに併せて調整 -->
<link rel="stylesheet" type="text/css" href="dragdealer-main.css" />
<!-- このCSSは各自のサイトのデザインに併せて調整 -->
<script type="text/javascript" src="dragdealer.js"></script>
</head>
<body>
</body>
</html>

で次にスライダー部分。これが無いと動かんですよー 😀

※サンプルサイトのCSSを読み込ませているので、classに必要の無いものが指定されているが無視で。

<div id="scroll-bar" class="dragdealer rounded-cornered">
    <div class="red-bar handle"></div>
</div>

これがスクロールバー部分になるので、次に本題のコンテンツ部分を実装

<div id="scroll-mask" class="top-spaced rounded-cornered">
        <div id="scroll-content">
            <p>
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
                テスト<br />
            </p>
        </div>
    </div>

これが下記のような画面になる。

これで完了。

iPhoneでも試してみたところ問題無く動作したー 😀