Facebookが発表している数字によると、Facebookユーザーは平均で130名の友人とFacebook上でつながっているそうです。ただ、Twitterでもそうですが、一定数を超えると全部のニュース(ツイート)を読むことは難しくなってきますよね。 Facebookは、ユーザーにとって大事な人の情報は出来るだけ伝わるような仕組み(News Feeds Optimization:ニュースフィード最適化)の開発に取り組んでおり、それを実現するアルゴリズムとしてEdgeRankを開発しました。 Facebookでマーケティングなど企業活動を行う上で、この仕組みを理解しておくことは非常に重要だと思いますので、是非、目を通してください。 ニュースフィードの順番は、最新順ではありません デフォルトでは、ニュースフィードはハイライト順で表示されています。ハイライトとは、あなたと関係の深い人や企業(Fa
前の翻訳記事でも述べらているけど、やっぱりデザイナーもプログラミングはある程度書けたほうがいいと思う。んで、その言語はJavaScript! O’ReillyさんからJavaScriptを学ぶうえで役立つ本をまとめた電子書籍(JavaScript Bibliography)が公開されているのを教えてもらったのでAmazonリンクを張ってみるポスト。こう見てみると、翻訳されていないJS本いっぱいですね(気づいてないのもありそう…)。原書の方はKindle版も売ってますので、円高のアレもあるのでYOU買っちゃったらいいんじゃないの! JavaScript Bibliography - O’Reilly Media Beginning JavaScript
Tumblrをブログとして使うためにやるべき事 投稿用サブブログを作成 Tumblrはメインブログと、Create tumblelogから改めて作成するサブブログと分かれていて、メインブログは共同更新ができない感じになっています。なので、今後そういう可能性があるならばCreate tumblelogから改めてtumblelogを作成します。 【連載】『Tumblr』のおさらい (12) 複数人でTumblelogを共同更新してみる | ネット | マイコミジャーナル ドメイン Tumblrは独自ドメインが使用できます。 特にドメインの制限はないので、DNSレコードでTumblrのIPアドレスを振って、「Info」 メニューの一番下にある 「Use a custom domain name」 にチェックして取得したドメインを設定するだけでOKです。 (別にドメインを持ってなくてもドメインを指
お待たせしました?! WordCamp KOBE2011は593名の来場者数を記録し幕を閉じました。 日本国内のWordCampとしては今のところ最大動員数となっています。 遠方から参加していただいた皆様、関西圏の皆様も本当にありがとうございました!! 運営委員・ボランティアスタッフの皆様も本当にお疲れさまでした。 多々反省点は残ったかと思いますが、関西で、しかも神戸でこれほどの来場者数を見込んだWordPressイベントとしては大成功だったのではないかと思います。これをきっかけに、オープンソースコミュニティが活性化してますますWEB業界が発展していく相乗効果になればいいなと思います。 ということで、広報委員(写真班)の写真がまとまりましたので公開します。 もし「きゃーその写真はやめてー!」という方おられましたらご連絡ください。 ※上記スライドショーが見れない方はこちらをご確認ください。
CSS is an acronym that stands for cascading style sheets and refers to a set of instructions that controls the appearance of a web page. The formatting principles of CSS are supported by most browsers include Firefox and IE3. In comparison with HTML, CSS provides more formatting options and finer tuning for instance, instead of being stuck with 7 font sizes one can simply use an infinite number of
Webを見ていると、フレームワークっていう言葉をよく目にします。初心者の頃は、このフレームワークっていうものがどんなものなのか、いまいち分かりませんでした。今回は、色んな例でフレームワークというものを紹介してみました。なので、フレームワークって何だろうっていう人向けの記事です! Web制作関連のブログを読んでいると、ときどきフレームワークっていう言葉がでてきます。例えば CSSのフレームワークとか、HTML5 + CSS3 のフレームワークとか …。 今でこそ、このフレームワークって何だかわかりますが、初心者の頃は、このフレームワークっていう言葉が何だか難しそうで、意味の分からないものでした(私だけ?)。何となく雰囲気で、使ってみると便利なのかなーという感じはしましたけど、そもそもフレームワークという言葉自体の意味が分かっていなかった頃は、使ってみよう!というところまで行きませんでした。
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したインタラクティブなページを作ることが出来ます. 以下のサンプルを見れば,JavaScriptらしい表記をほとんどする必要がないことがわかると思います. toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります. $("#target_toggle").toggle("slow"); このブロックは,<p id="target_toggle"> です. Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
Index of Semooh jQuery Sample Site 画像 1.画像を切り替える(フェード) 2.画像を切り替える(フェード2) 3.画像を切り替える(サイズ、フェード) 4.画像を切り替える(スライド) 5.画像を切り替える(奥行き) 6.画像を切り替える(サイコロ) 7.画像を切り替える(シャッター) 8.画像を切り替える(カルーセル) 9.画像を切り替える(色々) 10.画像の一部分を拡大する 11.縮小した全景で画像を見る 12.画像をパノラマ風に表示する 13.画像を反射する 14.LightBoxを表示する 15.画像にマスク処理を施す 16.マウスオーバーで画像を拡大表示する 17.透過PNGをIE6でも表示させる スタイル 1.マーキーを滑らかに実装する 2.クリックできる範囲を広げる 3.要素の高さを最大のものに揃える 4.グラデーションを作成する 5.文
Firefox で userContent.css を使って広告をブロックする方法です。 Firefox には Adblock というアドオンもありますが、アドオンを多用すると僕の環境ではツールバーをカスタマイズするときに、真っ白になってしまう不具合が多いので、極力アドオンは減らすようにしています。 【 userContent.css を設定する 】 Firefox ではユーザ定義のCSSを設定するときには、「userContent.css」というファイルを使います。別に広告をブロックする為だけのものではありません。 フォントの大きさを設定するとか、リンクに下線を付けるようにするとか、いろいろ自分好みにホームページの表示を設定できます。 話が逸れたけど、まず「Firefox Help: 広告をブロックする」のページの点線枠の中を command+C でコピーします。 これを CotEdit
株式会社クラッチが主催したセミナーに参加した際に取ったメモをまとめました。 Facebookやソーシャルメディアを使った販促活動に関心のある人向けの記事です。 ■セミナーの内容 超実践型Facebook活用セミナー 宣伝会議が紹介するソーシャルメディア施策 「自社サイトのソーシャル化」でコンバージョンを劇的に向上させるテクニック完全公開! http://bit.ly/mBQIlt
このサイトを、WordPressの公式テーマ「Twenty Twenty-Four」でリニューアルし…
著者プロフィール:安田英久(やすだ・ひでひさ) インプレスビジネスメディアWeb担当者Forum編集長。プログラミングやサーバ、データベースなどの技術系翻訳書や雑誌『インターネットマガジン』などの編集や出版営業を経て、現在、Webサイト「Web担当者Forum」編集長。ビジネスにおけるウェブサイトの企画・構築・運用と、オンラインマーケティングの2軸をテーマにメディアを展開している。 オンライン視聴率などのデータを提供しているHitwise(ヒットワイズ)のブログに面白い記事がありました。 →「1 Facebook fan = 20 additional visits to your website」 小売業では、Facebookページで1人の新しいユーザーに「いいね!」してファンになってもらうと、その後1年でWebサイト自体への訪問者数が20訪問増えるというのです。 「Facebookで広
今日はスタートアップのマーケティングについて考えてみたい。 まずはユーザー数10万人までの推移を3段階に分けて 10のチャネルの有効性を想定した下記の表をご覧頂きたい。 スタートアップといってもユーザー数別に細かいステージがあり 細かいステージごとのマーケティングを設計する必要があり 各ステージごとに最適な施策を打つことが最短でユーザー数を伸ばすことに 繋がるのではないかと思います。 3つのステージごとに各ステージでの有効チャネルを紹介しつつ スタートアップのマーケティング戦略を考えてみたいと思います。 スタートアップのサービスはCPもしくはCGMのコンテンツ起点のものが多いと思いますので 今回は特にそこに絞った戦略であるとご理解頂ければと思います。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■1. Seedステージ:Web業界イノベーター向け ━━━━━━━━━━
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 最近、HTML5の影響やタッチデバイスのUXからの転移もあってか、これまでとは異なるデザインのWebサイトが増えてきているように感じます。 例えば、イギリスのデザイン・エージェンシー、TME Solutions。 このサイトの構造は従来のページ遷移型の構造をしていません。いちおページ単位で個別のヴィジュアルが展開されていますが、構造的には紙を折り畳んだパンフレットのように上から下まで連なった形をしています。 グローバルナビゲーションが後から追いかけてくるUXの是非はともかく、ページを遷移せずにみせる形式は一枚の紙の一覧性の良さと同様に、ユーザー自身が情報全体のなかでの自分が見ている現在位置を把握しやすいという利点があります。 類似の構造をもつのがReverse Büroです
アニメーションのエフェクトを仕込む際、:hoverを使ってユーザーのホバー操作に対して実行することが多いですが、それ以外の擬似クラス :active, :focus, :checked, :disabled やMedia Queriesに仕込むスタイルシートのテクニックを紹介します。 CSS3 Transitions Without Using :hover [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに -「:hover」の例 「:active」でCSS3アニメーション 「:focus」でCSS3アニメーション 「:checked」でCSS3アニメーション 「:disabled」でCSS3アニメーション Media QueriesでCSS3アニメーション 対応ブラウザ はじめに -「:hover」の例 CSS3アニメーションのトリガーとしては、「:hover」を利用す
ふと頭に思い浮かんだいいアイデア、ちょっとしたきっかけで思い出したずっと忘れていたこと。「それ」はいつも突然、前触れもなく頭の中にやってきます。そして、ふとしたことですぐに頭の中から消えてしまうものでもあります。 消えてしまわないようにするには、すぐに頭から出してやらなければいけません。例えば、メモに書きだしたり、ボイスレコーダーに吹き込んだり...。しかし、メモするにも紙とペンが必要ですし、吹きこむにはボイスレコーダーが必要です。とはいえ、いつでも手元にあるとはかぎりませんよね。 そのような時、iPhoneユーザーなら、いつでも手元にあるであろうiPhoneに『PostEver』を入れておけば、頭の中に浮かんだことを素早くメモでき、内容は『Evernote』に記録できます。 僕が実際にPostEverを使ってみていいなと思うところは、以下の点です。
Tumblr API Tumblr APIへようこそ!わたしたちにとって、優秀なデザイナーやエンジニアがTumblrを使って創作表現のまったく新しい形をつくってくれることより楽しいものはありません。わたしたちはあなたがたのどんなプロジェクトに対しても十分に機能的で柔軟なAPIとなるように途方もない注意を払ってきました。APIの使い方についてやどうするのがよりよいのか、またAPIを使って作っている驚くべきものを話すときはわたしたちのディスカッショングループに参加してください。どうぞ責任をもってAPIをお使いください。また、フィードバックをください。楽しんでね! もし古いAPIのドキュメントを見たいなら、ここで探すことができます。 必要なもの OAuthキーを入手するには: アプリケーションを登録してください あなた用のAPIキーを入手する必要があります。たとえ、署名付きOAuthリクエストを
新しいMacBookAirを買ってから1週間ほど経ったので、その間やったことをまとめてみます。 スペック 11インチ Core i7 1.8GHz メモリ4GB SSD256GB ベンチマーク とりあえずベンチマーク。 GeekBenchを使用。 MacBook Air4,1 MacBook Pro (13-inch Mid 2009) Score 5822 3554 Integer 4330 2915 Floating Point 8039 5241 Memory 5201 2589 Stream 4536 1823 速い。 設定など システムフォルダ名を日本語に 日本語のままだとコマンドラインでの移動がやりにくいので。 $ cd /System/Library/CoreServices/SystemFolderLocalizations/Japanese.lproj $ sudo mv
この記事は5/23に掲載された「A HTML5 Primer for the Overwhelmed」を訳したものです HTML5がグーグルやアップルにより、リッチインターネットアプリケーション(RIA)のためのソリューションとして強力にサポートされ始めた結果、HTML5という言葉がバスワード化しています(特にGoogle I/O以降)。そして、HTML5という言葉が広く流布するにしたがって、その言葉本来の意味とは違う意味で使われ始めていることも、驚きではなくなっています。「HTML5の経験があること」が採用条件となっているような採用情報も既に存在しますし、シンプルなJavaScriptアニメーションもCSS3によるアニメーションもひっくるめてHTML5のサンプルとして紹介されていたりします。 ちょうど00年代中頃に「次世代のWeb開発」を指すバズワードとして「AJAX」や「Web2.0」
ブックマークレットの使い方 一度作ってしまったら、あとはとても簡単です。 まず、ブックマークレットを使いたいと思ったページを開きましょう。開きましたか? 開いたら、ブックマークレットをタップ!これでブックマークレットが機能します。 ブラウザに戻るとほら!ページが下までスクロールされています。 それでは以下に、便利なブックマークレットをどんどん紹介していきます。自由に活用下さい!(また、「このブックマークレットも追加すべきだ!というものがあれば@toshism0331までご連絡下さい! アプリと連動するブックマークレット *iPhoneでコピーをする場合、テキストは右端よりも右にとび出してコピーできないという声を頂いております。その場合、次の行のテキストまでコピーして、最終行を削除するという方法でコピー下さい。(例えば、「読んでいるページをGoogle Readerに追加」のブックマークレッ
TOP > Design > デザインが整ったフリーCSSテンプレート集「20 Beautiful Free CSS Web Templates」 webサイト制作に欠かせないCSSですが、度重なるバージョンアップや活用方法の多様化で、常に新しい技術の習得が必要になります。そこで今回は、デザイン性の高い整ったフリーCSSテンプレートを集めた「20 Beautiful Free CSS Web Templates」を紹介したいと思います。 (Darkness Free Website Template | Free Website Templates | OS Templates) シンプルで洗練されたCSSや機能的なCSSなど、さまざまなCSSが紹介されています。中でも気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Web Templa
Motorcycle accidents often lead to severe injuries and complex legal battles. Victims face an uphill struggle with medical recovery, financial burdens, and navigating the intricate legal system. Protecting your rights and interests in the aftermath of such an incident is not only advisable but sometimes essential to securing fair compensation. An experienced attorney can be…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く