#2013.03.25追記 この記事を公開してから2年以上が経ちました。今後このページに記載しているquery_postsを使った実装方法は非推奨になっていく流れです。 また、現在のバージョン（3.1以降だったかな？）では、わざわざ表示用の固定ページを作らなくても、'has_archive' => trueを1行追加しておけば、勝手にアーカイブページが生成されます。 たとえばパーマリンク設定が /archives/%postname%/だったら、http://example.com/archive/goods　で勝手に一覧してくれてるはずです。 適宜最新のCodexなどを参照してください。 前回のエントリー「カスタム投稿タイプの表示用のページを作る－WordPress備忘録－」で書いたコードだと、実は投稿数が増えた時のページ送りのためのリンクが出ないんです・・・。 ページ送りが出ないと困る

プロダクトの品質を高める『フィードバック』 デザイン⇒フィードバック⇒変更・修正のデザインプロセスをまわして、デザインが良くなっている感じがしなかったり、...

ヴィジュアル要素をつくるときに使えるような、表現方法をまとめてみました。 メインビジュアルなどをつくるとき、うまく思いつかず困ってるんだよねーって方の参考になるかな、と思います。 ヴィジュアルの表現方法としては、大きく分けて以下の2種類があります。 ■直接的な表現 人・物・動物・タイポグラフィなどそのものを主役に置いた表現。 ■間接的な表現 抽象的なメッセージを主役に置いた表現。「たとえ」や「見立て」の技法を使う。 今回は、間接的な表現の中でどんなものがあるか、修辞技法をもとにまとめてみました。 言葉だけ聞くと難しく感じるのですが、普段私たちが話し言葉でも良く使っているものですので、理解しやすいと思います。 比喩 直喩法 直喩（明喩、シミリー）とは「（まるで・あたかも）～のようだ（ごとし、みたいだ）」のように、比喩であることを読者に対し明示している比喩である。 「修辞技法」（2011年12

Webサイトにおいて、レイアウトの基本的な型と、レイアウトからデザインまでの流れを簡単にまとめてみました。 レイアウトからデザインまでの流れを把握しておくと、その間の思考が分断されずデザインがしやすくなると思います。 また、ユニークなレイアウトにするにしても、あらかじめ基本的な型を知っておくと逸脱がしやすくなりますね。 レイアウトに影響を与える要因 レイアウトにはいくつかの型がありますが、まずその型を決定する前に、レイアウトに影響を与える要因を知っておく必要があります。これらの要因によって、レイアウトの型があらかじめ決まったり、レイアウトが大きく変わるからです。 情報階層の深さ →1ページのサイトなのか、第二階層以降ありグローバルナビゲーションが必要になるのか、など サイトの目的・属性 →そのサイトでは何を伝えたいのか。企業・ブランドのメッセージや情報、ユーザーに役立つ知識（Wikiped

更新履歴　[ 全て表示戻す ] 2014.12.02: WebCacheフォルダ削除の削除方法について、参考リンクを追加 2014.11.28:IE10/IE11の、WebCacheフォルダ削除について追記 ブラウザ上で動画が再生できなくなったり、ブラウザの調子が悪くなった場合や、特定のサイトにログインできなくなった場合などは、パソコンの内部に貯まったネット上のデータ（キャッシュ）をクリアすると元に戻る場合があります。 このページでは、IE9～11の、キャッシュ削除方法を紹介しています。 以下の操作を行う事で、Youtubeが再生出来ない問題の他、様々な不具合が以下の手順で解決する可能性があります。 インターネットエクスプローラー（IE9～11）の場合 以下は、IE9～11を利用した場合のキャッシュ削除の手順です。 ▲クリックで拡大 1. ブラウザ右上の「歯車マーク」をクリック 2. 「イ

企画書作りに役立つエントリーやサービスを一通り見て 「これだけ抑えておけば完璧！」と思う点を保存版としてまとめました！ 優れた企画書を作るために １，最強の企画書の作り方を学べる記事５選 ２，企画書作りに使える最強の資料作成サービス の２つに分けて徹底的にまとめましたので 仕事で資料をよく作る人はぜひご覧くださいませ！ 企画書を作る前に絶対読むべきエントリーBEST５ 企画書を作る上で絶対に役立つ記事をベスト５形式でまとめました。 どの記事もかなり勉強になる記事なので一度だけでもご覧ください。 第１位　シンプルイズベストな１枚企画書を作ろう！ これぞ完璧企画書――「1枚企画書」パターン実例3題 「問題＋解決＝問題解決型」「背景＋課題＝課題提起型」のように 企画を具体化し、分かりやすく１枚に集約した企画書の作り方が秀逸。 第２位　上司がOKを出す企画書を作る方法！ “通る企画書”作りの基本／

知って得する、Webブラウザ上で利用できるグラフィック関連技術。アニメーションや3Dが表現できる「CSS3」をハックしよう CSSで多彩な表現が可能に 本連載では、Webブラウザ上で利用できるグラフィック関連技術を、読み切りの形で、なるべく分かりやすく紹介していきます。第1回である今回はWebの基本技術の1つであるCSSで実現するグラフィック表現を取り上げます。 従来のCSSはWebページのフォントやレイアウトを整える機能がほとんどで、「グラフィック技術」というには物足りないものでした。しかし、CSS3と呼ばれる近年の拡張によって、アニメーションや3D表現を含む多彩な画面効果が実現できるものに進化しています。 この記事は、そうしたCSS3のグラフィック関連機能の基本的な使用方法をまとめて学習することを目的としています。 ベンダプレフィクスについて CSS3の多くの機能はまだ規格策定段階のも

» クラブミュージック好きは要チェック！世界の最強DJが集うインターネットラジオ『block.fm』 特集 ラジオというと車や家でゆっくり聴くイメージがあるが、仕事中に聴くとかなりノリノリになれるインターネットラジオがあるのをご存知だろうか？ その名前は『block.fm』。人気音楽グループM-FLOのDJタカハシタクさんがクラブミュージック専門で流しているチャンネルだ。 その他のレギュラー陣も超豪華で、「VERBAL & KOZM」や「Bryan Burton-Lewis & Sugiurumn」、「Morley Robertson」など、ファンにはたまらないメンツがそろっている。 もちろんジャンルもHIPHOPからエレクトロニック・ミュージック、ドラムンベースなど多岐にわたっており、どの音楽が好きな人でも楽しめるかなり充実した番組ばかり。 また、実際に全国各地で行われているクラブイベン

ラジック 気軽に楽しめるブログメディア「ラジック」は２ちゃんねるを中心にエンタメ情報をお届け！

【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を

このブログを始めて3年が経ち、今年になって徐々にアクセス数やフィード登録者数が増えてきました。ってことで調子に乗って今年に入ってから心がけていることを7つ紹介します。 アクセスアップの基本は、まずサイトに来てもらうこと、そして来てもらった人に「今後も定期的に来たい」と思ってもらうことです。で、今年に入ってから以下のポイントに注意して、ブログのデザイン変更や記事を書くようにしたところアクセス数やフィード登録数が伸びました。 1. サイト内の情報を厳選する 2. できるだけ画像を使う 3. 更新頻度よりも内容の充実を 4. アクセスが増えるまでは広告を載せない 5. ソーシャルメディアを活用する 6. ブログに合った投稿時間を把握する 7. 分かりやすくインパクトのあるタイトルにする 1～4は訪問者に今後も定期的に来てもらうため、5～7はブログに来てもらうために必要なことになっています。ブログ

1：以下、名無しにかわりましてVIPがお送りします：2011/02/17(木) 23:54:50.78ID:OcnJu/Qj0 お願いします 2：以下、名無しにかわりましてVIPがお送りします：2011/02/17(木) 23:58:44.98ID:OcnJu/Qj0 まさか立つとは思わんかった 4：以下、名無しにかわりましてVIPがお送りします：2011/02/18(金) 00:02:04.25ID:kVqUKT5H0 てかスレタイ失敗したな…絵を描くのに参考になるような画像なら何でもいいです 5：以下、名無しにかわりましてVIPがお送りします：2011/02/18(金) 00:03:41.29ID:kVqUKT5H0 6：以下、名無しにかわりましてVIPがお送りします：2011/02/18(金) 00:06:29.91ID:kVqUKT5H0 10：以下、名無しにかわりましてVIPがお

こんにちは、NHN Japanのマッチングサービス事業部でマーケティングを担当しているotakeです。 今回は担当サービスの運用業務と並行して出稿も担っている忙しいディレクターさんやこれから出稿業務に携わる方のために、チャッチャと読んで現場ですぐに使える実戦的なナレッジの一部を「バナー広告制作の基礎知識」として書かせていただきます。 当事者意識を持たせるAttentionを考える ユーザーの購買行動において、バナー広告が担うポジションはAttention（注意）喚起にあたりますが、一般的にバナー広告は誰に注意を促すものなのでしょうか。 検索から目的を持って能動的に何かを探しているわけではないが、潜在的な関係性を秘めているのがバナー広告の対象となる潜在層。ここに位置する対象には”この広告はあなたに関係あるものです”、”おそらくあなたの話です”といった潜在欲求に気づきを与える「当事者意識を高め

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

これからWebデザインやコーディングの勉強を始めたい方、またはWebデザイナーになったばかりの方向けのまとめ記事です。 「無料で始められる…」とか「本を買わなくても…」などのテーマにしようか迷ったのですが、無料ではじめられる記事としては、既にネタ帳さんの以下のようなエントリ↓がありますので、ここでは純粋に私がおすすめしたい記事、本、サイト、ソフトなどを有料無料に関係なく紹介したいと思います。 Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳 デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）*ホームページを作る人のネタ帳 あと、渋谷でWebデザインスクールを開講しています。 詳しくはこちらの記事 をご覧下さい。 デザイン基礎 年末年始にWebデザインを学び直すための3つのステップ いきなり手前味噌で申し訳ないですが、これからWebデ

元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ

もくじ カスタム投稿タイプの設定 カスタム分類（タクソノミー）の設定 カスタムフィールドで日付を入力 jQuery UI で日付を入力しやすくする イベント一覧画面に項目（カラム）を追加する 未来のイベントだけを表示するアーカイブテンプレート 月別にイベントを表示する 月別にイベントにリンクするナビゲーション また、タイトルいは「カスタム投稿タイプで」なんて書いてありますが、どちらかというとメタデータで日付の取り扱い的なことがメインとなっています、ベーシックなカスタム投稿タイプの例は「WordPressのカスタム投稿タイプで作るよくある質問（Q&A）ページ」 をご覧ください。 カスタム投稿タイプの設定 管理画面で入力するところから作っていきます。最初はカスタム投稿タイプです。 function.php function event_postype() { $labels = array(