- 95577 PV金環日食に備える！プリングルズの空き缶は「日食観察機」にもピッタリ
- 28595 PV「汚い言葉には痛みを和らげる効果がある」という研究結果
- 22700 PVアメリカ人が選ぶ！ 生産性アップのテクニック・ベスト5
- 18695 PVオシャレに写真を飾るならフォトフレームはもういらない!?
- 18369 PVまとめ：梅雨に入る前に知っておきたい暮らしに役立つ11のこと
- 16331 PV抜くと増える？苦労すると増える？ 「白髪」に関する諸説まとめ
- 15991 PV食材を無駄にしない使い切り＆使い回しアイデアで賢く節約しよう
- 15198 PVアボカドはちょっと工夫すると1年間冷凍してもおいしく食べられる
- 14698 PV劇的に効果あり！ バレリーナが舞台前に実際に行っていた「しゃっくり」を止める方法 #myspi
- 12816 PV安くて自由自在！ ケーブル管理はバインダークリップにお任せ
- 12752 PV脱獄済みiPhoneの空き容量をアップしてくれる『iCleaner』
- 12386 PVドラッグ＆ドロップするだけ！ Google Driveのファイル自動暗号化にはMacの『Automator』
- 12232 PV寝る前にシャワーやお風呂でほどよく体を温めると寝付きがよくなる
- 12209 PV成熟がすべてだ～人生を味わいつくすためのたったひとつの金言
- 11675 PVシュークリーム、コーヒー、脳力アップ食～土曜のライフハック記事5選
- 11574 PV僕のゲームを買ってくれ！ 「Amazonゲーム買取サービス」で気をつけるべき10のポイント #ktkjp
- 11524 PV今週の壁紙堂vol.70「リラックス効果のある壁紙」
- 10738 PVおいしいコーヒーをいれる基本は「ドリッパーを使う」こと
- 10305 PV平野文＆いしたに 「声のライフハック」vol.1：築地場外市場で学ぶ「声の良さ」とは？
- 10291 PVLH質問箱：PCの中のファイルはすべて暗号化しておくべきですか？
「Lifehacker.me」のオープンソースを使えば、パーソナルページがサクっと作れる
オンラインプロフィールの定番「Googleプロフィール」や、オシャレなページがカンタンに作成できるウェブサービス「Flavors.me」など、パーソナルページのためのサービスはいくつかありますが、こちらでは、米Lifehackerのオープンソースを活用する方法をご紹介しましょう。
必要なものは、以下の2つ（+1）。
- 「Lifehacker.me」の「Landing Page PHP」スクリプト（こちらから無料でダウンロード可能）
- PHP対応したウェブホスト（『DreamHost』などのウェブホスティングサービスを利用）
- Flickr APIキー（Flickrアカウントと連携させたい場合のみ、こちらのページでサインアップすれば、無料で入手可能）
- 「Lifehacker.me」のオープンソースを使えば、パーソナルページがサクっと作れる
- カッコいいオンラインプロフィールがサクっと作れる「Flavors.me」
- 自己紹介ページを作るなら「About.me」が最も簡単！
- まとめ：そろそろ自分を信じていい頃だ～上手く自己アピールするための50選
- 自己紹介ページの作成が最も簡単なのは「Personal Page」
- MobileMeからiCloudへ移行するとどうなる？ その良し悪しと移行ステップを徹底解説！
- Androidケータイ＆タブレットを使いこなせ！ キホンのキから応用ティップスまで一挙ご紹介【保存版】
- SSDはお金をはらう価値があるのか？
- たった3畳で女性の憧れが叶う！ イケアの小スペースアレンジ術
- 龍のタトゥーは危険!? 神聖な生物を「背負う」のは風水的にリスキーらしい
- Androidで見ているURLをChromeへ送信！『Chrome to Phone』とセットで使いたい『Phone 2 Chrome』
- Androidにもあります、2ch専用ブラウザ！『2chMate』
作業プロセスの詳細は、以下の動画チュートリアルをご参照いただくとして、ポイントは以下のとおり。
1: 「Lifehacker.me」の「Landing Page PHP」スクリプト（ZIPファイル）をダウンロードし、解凍して、すべてウェブサーバーのディレクトリにアップロードする。
2:「config.php」をテキストエディターで開き、設定を変更する。
・ページの設定変更：「config.php」の「VISUAL STYLE」の項目で設定変更すれば、背景画像やテキストの影、名前やナビゲーションの色など、自在にカスタマイズできる。背景画像は、サーバーのどこかにアップロードして、そのURLを指定すればOK。
※ クリックで拡大
・Flickrユーザ名の指定（Flickrのみ）：Flickrのユーザ名を設定し、Flickr APIキーを貼り付ける。
・Vimeo/YouTube/Twitterユーザ名の指定: VimeoやYouTube、Twitterのユーザ名を指定する。
なお、これらすべてのソーシャルネットワークと連携させる必要はなく、ページ内で表示しないアカウントは空欄のままでOK。ページのナビゲーションには表れません。
ちなみに、米LifehackerのAdam Dachisが作成したデモページは、こちら。作業のプロセスは至ってシンプルですが、コンテンツとしては十分ですね。
こちらのページ作成で利用したコードは、完全オープンソースです。自由にCSSを書き換えて、新しい機能を追加しましょう。「github」のこちらのページに保存されていますので、ぜひご活用ください。
Adam Dachis（原文／訳：松岡由希子）
このエントリーのトラックバックURL :
戻る