リニューアルと同時に、Facebook ページを作ってみたんですが、タブ追加機能を使って、Facebook ページにアクセスした際に最初に表示されるページをカスタマイズしてみましたので、その作り方や設定方法などを簡単にご紹介。恒例（謎）の 5分でわかるシリーズ。 Facebook ページは iframe を使用して、外部のサーバにあるコンテンツを比較的簡単に読み込める仕様になっていますが、これを利用することでオリジナルのページを自分の Facebook ページにタブとして表示することができます。 Facebook ページにオリジナルのページを読み込むには、最低限下記の準備が必要です。 Facebook ページの開設 （当たり前ですが） Facebook への開発者登録 外部に公開された PHP が動作する Web サーバ （共有で構わないので SSL が利用できる必要あり ※後述） コンテ

Facebookページをカスタマイズする方法はいくつかあるみたいですが、Web制作ができる人だったらこれが一番やりやすいと思います。 とりあえず早くテンプレートデータが欲しい！って人はこちらから facebook_page_2011-04-07.zip FacebookページにiFrameを読み込む Facebookページのトップページに iFrame（インラインフレーム）を読み込むことができます。いくつかの制限はありますが、自由にページをデザインできますね。ザックリとした流れはこんな感じです。 Facebookページを作成 開発者登録をする Facebookアプリケーションを作成 iFrame で読み込むページを作成 レッツショータイム！ このページの内容に沿って進んでいけば問題なしと思います。 FacebookページにiFrameを組み込もう｜Social Media Experien

基本的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。

ところで皆さん、「超重要」なOGP(Open Graph Protocol)の設定は出来てますか？ これは、ラボの『わかっているようでわかってないFacebookの「いいね！」「シェア」を徹底解剖！』という記事の参照元の計測データです。アクセスを牽引しているのは、「はてなブックマーク」でも「twitter」でも「Google」でも無く、『Facebooｍk』です。

カテゴリー別配色アイデア100配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね！ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ（？）のCOLOURloversから、「これは！」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください！また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 配色に関するおすすめサイトCOLOURlovers色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。 ウェブ配色ツール Ver2.0以前「配色に自信がなくても！Web デザインが好きになる配色ツ

先日、WCAN mini Markupの第8回がありました。前回の「デザインを(X)HTML化しました」に続いて、今回は「CSS ココにこだわってみました」というテーマで前回組んだHTMLを(一部でもいいので)CSSで装飾してみよう、ということをしたのですが、フツーにXHTML+CSSで組むのもつまらないなーと思って最近話題になりつつあるHTML5でページを組んでみました。主に以下のサイトを参考にしました。 HTML 5 (W3C Working Draft 10 June 2008) HTML 5 (Editor’s Draft 12 December 2008) HTML 5 における HTML 4 からの変更点 (Working Draft 22 January 2008) HTML 5 の新要素 HTML5が話題になっているので試しに書いてみた。｜CSS HappyLife 試しに

概要 Firefoxの環境移行に引き続き、Thunderbird編をおつたえします。 まあ、基本的にはFirefoxと一緒なんですが困った人が検索で入ってくれば役に立つかなということで。 Thunderbirdのバックアップ 古いパソコン（旧PC）から新しいパソコン（新PC）にThunderbirdの環境を移行する手順です。 旧PCでの手順 「windowsキー+E」でエクスプローラーを立ち上げる。 アドレス欄に「%AppData%\Thunderbird\Profiles\」と入力してEnter。 「適当な文字列.default」というフォルダがあると思うので、それをどこかに保存。この中にThunderbirdのすべての情報が入っている。 新PCでの手順 こちらからThunderbirdをダウンロードしてインストール（これは説明の必要がないよね？）。 「windwosキー+E」でエクスプ

以前も質問させていただきましたが、結局解決できませんでした。 あるブックの他ブックへのリンクがどうしても消えないのです。 そのときもいろいろ教えていただき、外部参照式がないか、外部参照の名前がないか、マクロにリンクがないかいろいろやってみましたが、どうやってもリンクが消えません。 おかしなことに、問題のブックに新しいシートを挿入しそのシートを別の新規ブックにコピーしてもそのリンクがついてきます。コピーしたシートを削除してもリンク先が消えません。 新しいく挿入したシートをコピーして、すぐに削除したわけですから、リンク式が含まれているはずもなく、「名前」もなにも定義されていません。しかしリンクだけはしっかり残っているのです。 シートが２０以上ある結構大きなファイルでシート間にリンクがいっぱいあるので、一から作り直す気力はありません。 顧客に提出用のブックで、開くたびにリンクを更新するかどうか聞

Linuxカーネルを理解しよう Linuxカーネルはイベント駆動型、その鍵を握る「割り込み」とは 2024.08.21

Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて

ソーシャルネットワーキングサービス「Facebook（フェイスブック）」で、入力した出身校や近況をもとに古い友人と再会したり、交流の輪が広がったりした人も多いのではないでしょうか。交流を楽しむ一方で、気を配りたいのがプライバシー設定です。Facebookへの投稿や個人情報の公開範囲など、適切なプライバシー情報の設定方法を紹介します。 ■ 投稿や個人情報の公開範囲を設定する Facebookでは、近況、写真、リンク、動画のほか、連絡先や交際ステータスなど、プライベートに関するさまざまな情報を公開、共有できます。その公開範囲が、Facebookの「推奨」と自分の想定とで違っているかもしれません。Facebookページ上部の「アカウント」から「プライバシー設定」を選び、現在の設定を確認してみましょう。 ▽ Facebook - プライバシー設定 「Facebookでのコンテンツ共有」の欄に、各項