ゲーミフィケーションに関するリソース集 - Serious Games Japan
ここ最近、マーケティングやWebサービス分野を中心に、ゲーミフィケーション（Gamification）というバズワードが米国で広がっており、毎日のようにブログ等で言及されて普及が進んでいます。ゲーミフィケーションは直訳すれば「ゲーム化」、ゲームデザインの発想を取り入れて、ユーザーの参加度を高める活動全般を指しています。 欧米のシリアスゲームのコミュニティでも話題にあがっているのをよく見かけるようになり、次回のシリアスゲームサミットでもゲーミフィケーションをテーマにセッションを組む準備を進めているようです。シリアスゲームはデジタルゲームのメディアの枠内で議論されていましたが、このゲーミフィケーションはゲームデザインの他のメディアの開発やサービス活動への応用であり、ゲーム概念の拡張とも捉えられます。 ゲーミフィケーションのデザイン手法として紹介されているテクニックは、個別には「ポイント制」
Vol.5企業と個人のコミュニケーションを繋ぐ新戦略"ゲーミフィケーション"は万能なのか？「メッシュ･カンファレンス2011 レポート」(2)（小林 弘人） @gendai_biz
Vol.5企業と個人のコミュニケーションを繋ぐ新戦略"ゲーミフィケーション"は万能なのか？「メッシュ･カンファレンス2011 レポート」(2) インターネットが普及し、ユーザー数も当初とは比較にならないくらい爆発的に増大した。 あらゆる場所と人々がつながったいま、インターネットを利用するということは、ただ検索や買い物、情報発信のためだけではなく、社会そのものを変える可能性にも満ちている。 実際に、新しい産業が生まれ、旧来の産業のなかには価値転換を迫られているものもある。あまりにも変化の速度が激しいため、我々自身がその状態に適合する術を知らない。 本連載ではインターネットを介在させることで、これまで見過ごされてきた価値や経験などのヘリテージ（財産）を、新しい未来へとどう接続し直していくのか、コミュニケーションやメディアの変遷を通じて探ってみたい。 例えば、それは筆者のフィールドであるメディア
なぜゲーミフィケーションは効果的なのか？（Why Gamification Works？）
「ゲーミフィケーション（gamification）」という言葉をなんとなくわかったつもりで、バズワード的に使う人が増えてきました。本当にそれを可能するゲームのメカニズム（game mechanics）を理解してますか？ゲーミフィケーションというすばらしいコンセプトが、自分ではゲームをやりもしない人に、ビジネス上の理由だけでバズワードとして使われてしまうのは残念です。 以前、ゲーミフィケーションについてのNOTEを書きました（「進化するゲーミフィケーション」）。ゲーミフィケーションという言葉の意味を詳しく知りたい方はこのNOTEをご覧ください。時間が経ちゲーミフィケーションという言葉を知る人も増えてきましたので、今回はそのゲーミフィケーションを効果的にするゲームのメカニズムについて、こちらの記事を参考にしながらNOTEにとりたいと思います。 ［参考：Mashable「HOW TO: Gami
ゲーミフィケーションが顧客との関係構築の鍵を握る時代が来た ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
ソーシャルゲームが大流行なのは海外でも日本でも同じですが、最近海外で大注目されている分野が「ゲーミフィケーション」。ゲームデザインの仕組みをゲーム以外の分野に応用していこうという試みです。特にソーシャル全盛の今、ゲーム要素を通じて企業がユーザーとの関係構築を深めていこうという試みが注目を浴びており、様々なベンチャー企業も誕生しています。今回はそんなゲーミフィケーションの可能性について初心者でも理解できる記事を初登場のソーシャル系ブログThe Social Customerから。 — SEO Japan ゲームは人気がある。そして調査報告によると、それはさらに人気が出る構えであるようだ。 調査会社Nielsenによると、ゲームは、アメリカ人にとってソーシャルネットワークに続き2番目に頻度の高いインターネットアクティビティである。メールを超える人気だ。アメリカ人は、毎月およそソーシャルネットワ
さぶみっと！コンペ｜WEBデザイン（ロゴ・バナー・イラスト）専門のコンペサイト
あなたの依頼に全国のWeb制作会社がデザインを作成してくれます。寄せられたデザインはコンペ形式で採用、購入することができます。ロゴやバナーやWebサイトのデザインなど、Webに関するデザインの依頼なら「さぶみっと！コンペ」ウェブマスターツール・Google Analytics 設定代行 Googleウェブマスターツール設定 Google Analytics設置 全国のWEB制作会社から一括で見積もりがもらえる さぶみっと！ホームページ制作マッチング 全国のデザイナーがあなたの依頼に対して作品を応募 さぶみっと！コンペ SEOをやるならまずはこれから 検索エンジン登録代行サービス モバイルサイトでは良質な被リンクを集めることが大事 モバイル検索エンジン登録代行サービス ユーザーが組み合わせて検索している関連検索ワードをチェックできます 関連キーワードアドバイスツール 原稿校正から配信先メディ
トップページ - コミPo! （コミポ）公式サイト
コミPo! は「すべての人にマンガ表現を」という思いから生まれた「3Dキャラで組み立てる、マンガデザインツール」です。マンガ・広告・ポスターの他、難しい解説書もコミPo! ならマンガ表現でわかりやすく伝えられます。 もっと読む > コミPo! の活用事例をご紹介！ はじめてのX-M1 & X-A1 (富士フイルム イメージングシステムズ株式会社) 「日本語能力試験」対策アプリ (株式会社ワオ・コーポレーション) もっと読む >
Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする（変更点を日付と一緒にメモしていく）XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり／なしの統一を指定するサイトリンクの表示をチェックして調整（以降随時）Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste
イベント（Event）の構造化データ | Google 検索セントラル | ドキュメント | Google for Developers
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 イベント（Event）の構造化データ Google のイベント機能を活用すると、ユーザーは Google 検索結果や他の Google サービス（Google マップなど）からイベントを見つけ、参加しやすくなります。この機能には多くのメリットがあります。 よりインタラクティブな結果: イベントが Google のイベント機能の表示対象となり、ロゴ、イベントの説明などを目立たせることができます。 検出とコンバージョンの機会を増やす: ユーザーは、イベント情報を参照し、クリックしてサイトにアクセスするための新たな手段を利用できます。詳しくは、Google 検索からのトラフィックが前年比で 100% 増加した Eventbrite の事例をご覧ください。 コンテンツのマークアップ方法によっては
リッチ スニペットのフォーマットに「イベント」が追加されました
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
「Twitterでつぶやく」ボタンと「Twibでみる」ボタン：ekken
少し前にたつをさんのこのブログに「twitter でつぶやく」ボタンをつけた という記事を読んで、これを真似てみようと思っていた。 たつをさんの「twitter でつぶやく」ボタンは、これを実行するとTwitterの投稿画面が現れ…… 上記の文字列が入力された状態になっている。Twitterをオンラインブックマーク的に使うことに適した書式なんだけど、僕はブログのコメント代替ツールとして使うほうが面白いのではないか、と思って、この部分を＠ekkenに変えることにした。 短いコメント制限の中にはブログのタイトルも不要ということで、タイトル要素も除外。 ということで、FC2ブログのデザインテンプレートの中に下記のものを書き込む。 <a href="http://twitter.com/?status=@ekken%20<%topentry_link>"><img src="【画像のURL】" a
iPhone対応Webサイト構築入門（前編）：SourceForge.JP Magazine
iPhoneにはWebブラウザとしてMac OS X/Windows用のSafari（以下、PC版Safari）のサブセット版が搭載されている。iPhoneのSafariでは一般的なWebサイトのほとんどが閲覧可能だが、Appleが提供している「iPhone向けのWebサイトデザイン」に従ったデザインを施すことで、iPhoneで閲覧した際により操作しやすいWebサイトを構築できる。本記事では、このようなiPhone向けのWebサイトを作成するテクニックを紹介する。 なお、以下では主にiPhoneについて述べているが、iPod touchに搭載されているSafariについても仕様はまったく同一だ。 iPhone版Safariの特徴 iPhoneに搭載されているSafariは、PC版Safariに採用されているレンダリングエンジン「WebKit」を使用している。また、フォントについてもMac
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種｜CSS HappyLife
普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
Da Button Factory - Free CTA Button Generator
What happened to the old "Da Button Factory"?Da Button Factory has been acquired by ClickMinded! The tool has been upgraded and will remain free. It's now a call-to-action button generator for our digital marketing students learning how to write a blog post that converts. We recommend you use the latest versions of Chrome, Firefox, Edge, or Safari to use this tool. You might run into issues if you
@icon変換 - 画像とアイコンの相互変換ツール。favicon作成にも。
@icon変換 Vista形式、PNG、透過マスク、アルファチャンネルなどに対応した、画像とアイコンの相互変換ソフト。favicon作成にも。 スクリーンショット 特徴 画像とアイコンの相互変換ソフトです。ホームページの favicon、デスクトップのアイコン等の作成に便利です。 Windows Vistaの大きなサイズのアイコンを作れます。 Windows XP の半透明アイコンに対応し、透過マスク／アルファチャンネルの編集もできます。 主に、お気に入りのグラフィックツールで素材を作る人向けです。 読み込みは ICO/BMP/PNG/PSD/ICL/EXE/DLL、書き出しは ICO/BMP/PNG/ICL に対応しています。ICO では複数のアイコンを一つのファイルに持つマルチアイコンに対応し、ICL は同種アイコンのグループ化に対応しています。 1x1 から 256x256までの任意
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter / ツイートボタン
http://cchp.dion.jp/flv/create_bubble_on_inkscape.htm
ParaFla!のページ
ダウンロードし放題 商用利用可能な写真素材サイトいっぱい | DesignWalker
