こんにちは、株式会社SINAPの守谷です。 今回は、2009年7月24日（金）19:00からSINAPのオフィス内にて行われた勉強会、「ワイヤーフレームコミュニケーション研究会」第一回目の内容のレポートをお届けします。この研究会の企画をされたのは昨年「SINAP TALK Vol.2」でご講演いただいた株式会社エフエックスビイの原一浩さんです。 もともとこの研究会は、原さんがTwitter上で「デザイナーがひっぱられないワイヤーを素早く作る研究会をしたい」と発言されたのが開催のきっかけでした。 発言の瞬間には「ワイヤー」とは何かという言及はまずは置いておいて[1]、原さんをTwitter上でフォローしているワイヤー（フレーム）を「作る」側のディレクターをはじめ、ワイヤー（フレーム）から「デザインを起こす」側のデザイナーももちろん、大勢の人達が是非研究会を開催しようと原さんに同調していっ
■編集元：Web制作板より「【お客様は】痛過ぎるクライアント2【神様です】」 1 Name_Not_Found :2008/07/06(日) 14:21:57 ID:wMP9xXue ・WEBは何でもできると思ってる（制作料金も変わらないで……）。 ・とりあえず値切ることしか考えてない。 そのくせ料金がかかるような仕様変更を平然と言い、 追加料金の話を出すと逆ギレ。 ・異常に細かいところを気にして、修正がいつまでも終わらない。 内容確認の段階で、次々と原稿差し替えを送ってくる。 ・ほぼ完成（コーディング済み）なのに、必殺どんでん返し。 ・納品後のサポートは当然無料だと思っている。 納品後のリニューアルも無料だと思っている。 ・何故かPCのトラブルやソフトの使い方の相談をしてくる。 ・現行サイトにSEO対応しろというからやったのに、 ブラウザでの見た目で、何も変わっ
Single-page websites are becoming more popular among web designers, both for their own projects and for client sites. There are a lot of cases out there in which a single-page site makes a lot of sense: if there isn't a ton of content; if the content is all closely related; or in cases where a particular stylistic element works best on a single page. In any case, single-page sites are cropping up
公開日 : 2010年4月12日 (2012年8月13日 更新) カテゴリー : ユーザビリティ ページが存在しないアドレス (URL) にアクセスすると、「ページが見つかりません」といったメッセージが表示されるのを見たことがあると思います。いわゆる「Not Found (404エラー)」と呼ばれる現象です。 Not Found (404エラー) が起こる原因としては、以下のようなものが挙げられます。 サイト内でのリンク切れ (コーディングミスのほかに、サイト更新の関係でページを移動または削除したりすることによって生じることもあります)。 外部サイトや検索エンジン (SERPs) からのリンク切れ (主に、サイト更新の関係でページを移動したり削除したりすることによって生じます)。 URLの入れ間違い (ユーザーがブラウザのアドレスバーに直接URLを入力するときのタイプミス、あるいはURLを
魅力が伝え難いWebデザイン Webデザインを説明するのは非常にやっかいです。このサイトでも何度も取り上げては書き続けていることですが、上手く説明しきれていない部分は少なくありません。 最近よく感じることが Web サイトの魅力を伝えるのは難しいということと、そもそも「魅力・良さ」という部分も人それぞれであるという点です。いろいろな意味が含まれていると思いますが、Web における「魅力・良さ」は、見た目や動きに集約されることが多いです。 ときどき、Webデザイン専門学校の先生とお話をすることがありますが、HTML の勉強をずっとしてても、最終的に出て来る作品がフルFlashということがあるそうです。当然 Flash サイトが魅力的ではないわけはありません。良い Flash サイトもたくさんあります。学生さんが Flash を選んだ気持ちも分かります。パッと見たときの魅力やインパクトは Fl
MT5で中・大規模サイト開発するためのシステム設計図 2010年2月4日 MT5の機能をフルに活用して100ページ以上、4階層以上のサイト構築の際のシステム設計図をまとめてみました。 要件定義 100ページ以上 サイト構造は4階層まである 各階層にインデックスページを用意する インデックスページも含めて出来る範囲クライアントが編集できるようにする カテゴリーやフォルダ、ページを後からでも追加できるようにする PCサイトと連動したモバイルサイトも自動構築で作成する 「サイト」だけで構築する際のハードルが高い MT5からは大元である「サイト」を作ってから「サイト」と連動した「ブログ」を作るという手順になります。 「サイト」だけでもMTIｆのような分岐をたくみに使うことで4階層まで対応したサイト設計は可能になりますが、多々問題点が発生してしまいます。 問題点 テンプレートの設計が複雑になってしま
Every week I make 1 redesign of a corporate website until I reach 100. Watch how better design and attention to details could make your customers happy. Have a tip which site should I redesign next? My goal is to show companies how simple, clean and properly working website helps to get loyal clients, optimize business processes and, eventually, make more profit. Corporate websites can and must co
Webサイトを制作する際、パーツ類に使う色を決める必要があります。色の選択は、ユーザーの印象を大きく左右するため、慎重に行うことが重要です。特におすすめなのが、「ベースカラー」「アクセントカラー」「サブカラー」という3つ […]
昔から量より質だった 「Top 25 Blogs About Blogging」では、ブログに関するアドバイスなどを記載しているブログのトップ25がリストされています。Google や Alexa のスコアなどを基にランキングされているこのリスト。複数のライターを抱える大規模サイトもあり、それらは毎日情報を更新していますが、大半は毎日更新していないのが分かります。平均で 2,3日に一回更新しています。同サイトは「Top 25 SEO Blog」や「Top 25 Web Design Blogs」という別分野のトップ 25 を同じ採点方法でランキングを出していますが、こちらも傾向が似ていて毎日更新しているサイトがトップに来ているわけではなさそうです。 数より質を評価しているのは人間だけでなく検索エンジンもそうである 2年以上前に作られたランキングなので最新のランキングでは異なるサイトが並ぶ可
2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派！」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト！ オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイト とにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。 トライアルをするにはまずトップページから「Get S
情報処理推進機構（IPA）は2010年1月20日、Webサイト開発者・運営者が適切なセキュリティを考慮したWebサイトを作成するためのドキュメントの新版「安全なウェブサイトの作り方 改訂第4版」を公開した。とくに実践的な脆弱性対策を普及させるため、具体的な「失敗例」を従来版よりも拡充した。PDF形式で、自由にダウンロードできる。 IPAが受けた脆弱性関連の届け出の情報を基に作成した資料。件数や影響度が大きい脆弱性を取り上げて、それぞれの脅威の特徴や根本的な解決策、攻撃の影響軽減を期待できる対策などを解説する。改訂第4版は「ウェブアプリケーションのセキュリティ実装」「ウェブサイトの安全性向上のための取り組み」「失敗例」の3章構成。 失敗例では、「OSコマンド・インジェクション」「パス名パラメータの未チェック」「クロスサイト・リクエスト・フォージェリ」「HTTPヘッダ・インジェクション」の4種
（リアルアクセス解析）アクセス解析ツールを導入したはいいが、月に数回眺めて「アクセスが増えた、減った」だけで済ませているウェブ担当者はいないだろうか? アクセス解析で得られた数字は数字でしかない。その数字から何を読み取り、サイトの改善にどのように活用していくかが重要だ。しかし、ツールが高機能になればなるほど使い道がわからなくなるのも事実である。アクセス解析ツールとしてGoogle Analyticsを使っているのであれば、この記事はそんな悩みをきっと解決してくれるだろう。 文字数が多くても平気、モバイルサイトでテキスト量を増やすコツ （モバイルSEOプロ）モバイルサイトは、画面が小さい都合上、多くの文字を書くと読みづらくなってしまう。しかしテキストで書かれたキーワードはモバイルSEOでも重要な要素だ。この記事では、モバイルサイトで読みやすさを損なうことなく文字量を増やすテクニックを公開して
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
2009年12月23日 22:15 カテゴリライティング仕事 [TC] おしえて著作権表示 Posted by iishun No Comments No Trackbacks copyright表記について (JaGraプロフェッショナルDTP&Webスクール スタッフブログ) このブログを読んで思ったことを。本当は「JavaScript 使って常に発行年号新しくしようね」が主題なんですが、それを忘れさせるぐらい例文に対してツッコミを入れたくて入れたくて。 でもこの辺ってセンシティブだからあんまり突っ込みたくないなあと思いつつ。嗚呼本当に恐い。 © と (C) 表記する内容は、Copyright + © + 西暦 + 著作権者名 + All Rights Reserved. とするのが一般的です。 んん? 一般的かなこれ? ウェブサイトを 2〜3 コ見ただけで云ってない? 「©」(マル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
