Photo by Matthew Pearce 今回のpaiza開発日誌は片山がお送りします。 皆さんはWebデザイナーがどんな仕事をする人か？という事を明確にイメージ出来るでしょうか？ 最近、弊社でWeb/UIデザイナーを採用する事になったのですが、求人の要件を固めていくにあたって、そもそもWebデザイナーって、どんな経験を持った人を指すんだっけ？というのが曖昧だったので、Webデザイナーのキャリアパスと、15分野のスキル一覧を書き出してみました。 現在20代のWebデザイナーだという方が、今後のキャリアを考える際にもちょうど参考になりそうな物になったので、せっかくなので公開してみようと思います。Webデザイナーからどのような職種にキャリアアップ出来るのかと言う事と、そのために必要な経験を15分野にまとめてみました。 企業がWebデザイナーを採用する際の求人要件定義にも使えるかと思います

概論、インストール、基本操作 ここでは「さくらのレンタルサーバ」を例にインストールの方法を解説します。 サイト制作・運営に必要なツール「CMS」の役割を理解する 「WordPress」とは？　特徴と人気の理由を理解する インストール（1）必要な環境と作業を把握する インストール（2）「さくらのレンタルサーバ」との契約 インストール（3）独自ドメインの取得 インストール（4）取得した独自ドメインの設定 インストール（5）「クイックインストール」の利用 インストール（6）独自ドメインでサイトを表示する設定 管理画面の構成と基本操作 初期設定 サイトの立ち上げ時に行うべき設定です。 サイトでいちばん伝えたい内容を「キャッチフレーズ」に設定する どのようなブログや企業サイトが運営できるかを理解する 新しい記事を検索エンジンに知らせる「更新通知」でSEOに有利にする コメントが必要ないサイトでは最初

最近、下にスクロールすれば消えて、上にスクロールすれば現れる固定メニューを設置しているサイトを２つくらい（サイト名は忘れてしまいました。。）見かけて、これは流行っているのではないかということで作ってみました。 メニュー自体はいたって普通のものですが、一応ソースを載せておきます。まずはHTMLです。 <nav id="menu-wrap"> <ul id="menu"> <li><a href="#">menu1</a></li> <li><a href="#">menu2</a></li> <li><a href="#">menu3</a></li> <li><a href="#">menu4</a></li> <li><a href="#">menu5</a></li> </ul> </nav> 続いてCSSです。 #menu-wrap { position: fixed; z-inde

Webサイトのリニューアル期限が迫っているのに、打ち合わせが多くてスケジュール通りに進んでいない！ なんてことありませんか。実は、サイトのリニューアル時にメンバーで、たった1回のワークショップをするだけで、打ち合わせの回数が劇的に減ります。そのワークショップの「進め方のノウハウ」を大公開！ 住宅メーカー、リノベーション専門会社のサイトを集中攻略せよ！Webサイトをリニューアルするときに、一般的にどのくらいの期間がかかると思いますか。私の経験からお話しすると、リニューアルする規模にもよりますが、契約からリニューアル完了まで3か月程かかります。そのリニューアル期間に、月2、3回の打ち合わせを行います。ではなぜ、このように複数回の打ち合わせを行う必要があるのでしょうか。 たとえば、 リニューアルの目的が明確になっていない上司の意見と担当の意見にズレがあり、その調整をする必要がある自社のWebサイ

本稿では、まず「ウェブサービス開発の現場で、ウェブデザイナーの仕事はエンジニアに奪われつつある」という脅威を語る。次に、生存戦略を考えるヒントとして「分かりやすい生存戦略」を2つ提示する。「アートディレクター」と「フルスタックウェブデザイナー」という2つの生存戦略だ。 なお、「仕事を奪われていくプロセス」と「生存戦略を遂行するプロセス」について、5〜10年程度のタイムスパンをイメージしている。 ウェブデザイナーの仕事がエンジニアによって奪われつつある ウェブサービス開発の現場では、ウェブデザイナーの仕事がエンジニア／プログラマーによって少しずつ奪われつつある。とくに小さな組織や新規事業の現場では。 象徴的なのは「Bootstrapがあればデザイナー不要だよね」論。「もはや社員としてデザイナーを雇う必要はなくて、必要な時にランサーズで発注すればいいよね」「スタイルシートいじったり画像パーツ作

Bucknell Universityのサイトの、型破りなレスポンシブデザインへの変更は話題を呼んだが、それによってユーザビリティがかなり犠牲になっていることが、学生と保護者によるテストで明らかになった。 Breaking Web Design Conventions = Breaking the User Experience by Katie Sherwin on July 20, 2014 日本語版2014年10月6日公開 大学のWebサイトのトップページを頭に思い浮かべてほしいと言われたら、どのようなイメージが浮かぶだろうか。浮かぶのはSUNY Cortlandのトップページのようなもの、つまり、芝生の上に学生がいる画像があって、ページの上部にはナビゲーションがあり、そこにAcademics（：学部・大学院）、Admissions（：入学案内）、Prospective Studen

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 2014 7/10 WordPressガッツリ使い倒すぞー！ PHP、HTML、CSS超勉強するぞー！ で、まず何したらいいの！？ なんて方はかなり多いかと思います。というか僕がそうでした。そんなワケで今回は Web制作ど素人だけどWordPressのサイト構築をバリバリできるようになりたい！ ブログ書くだけじゃなくテーマをゴリッとカスタマイズできるようになりたい！ こんな方々に超オススメの国内有名ブログを18個紹介させていただきます。Web制作のスキルというとデザインだったり、集客だったり色んな要素が考えられますが、今回は 構築、及びコーディング つまりサイトを”作る”という点で特に参考になるブログのまとめです。 構築・コーディングとは言ってもWeb制作の括りではかなり基礎的なレベルから勉強

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

２０年間Web業界で働いてきたJamin Andrews（アンドリュース）氏による時代遅れなトレンドの記事。 日本と海外の違いも踏まえてご紹介いたします。 不容易なポップアップ 日本ではほっとんど見かけませんね。 でも海外のサイトみてたら７割位のブロガーが導入してるんじゃないでしょうか。結構な頻度で見かけます。 Facebookの登録、メルマガの登録、ユーザー登録等など。訪問者は誰一人としてポップアップを見たいと思っていません。それはあなたがもっとも見てもらいたいWebサイトの大きな損失です。 フォトストック 一時期爆発的に盛り上がったフォトストックですが、今やユーザーの目は一箇所に集まった無料フォトサイトに集中し、ほとんど売れなくなったといいます。というより現在の日本だとやはり無料でクオリティの高い無料素材サイトが増えましたので、きびしいかもしれませんね。ちなみにフォトストックはとった写

唐突に始まった企画の対談モノですが反響次第では継続していくかもしれません。 ということで企画の第一弾として、Webディレクターズマニュアルの運営をはじめ、若手(？)Webディレクターとして幅広い活動をされていらっしゃる中村健太氏に、「WebディレクションとSEO」をテーマにお話頂きました。 自身の集客経験から、SEOの重要性を知る 土居：今日は「WebディレクションとSEO」というテーマでお話できればと思います。改めまして中村さん、本日はよろしくお願いします。 中村：はい、よろしくお願いします。 土居：さて、中村さんはWebディレクターの中でもかなりSEOにも精通しているイメージがあります。SEOは独学ですか？ 中村：昔は個人でWebサイト作ってアフィリエイトをやっていた時期が何年間かありまして、その時にかなりSEOは勉強していました。今では通用しないような手法も結構やっていましたけどね（

なぜコードは汚くなるのか こうめ氏の記事「コード汚くてもデザインが見えればいいじゃん」への返答を読みました。 簡単にまとめると、汚いコードは一見ユーザーには関係なさそうに見えるけども、メンテナンス性を損ねることは開発スピードを下げたり、アクセシビリティに影響することで、間接的にユーザーのベネフィットを下げるよねって話。 自分はDTP出身のWEBデザイナーなので、正直言ってコードに関してはまだまだ勉強していかなければいけない身だけれど、デザインよければコードなんてどうだっていい、とは思わない。基本的に記事の内容に全面同意です。 汚いコード。 これが具体的に、どういう事態を招くのか。とある若手コーダーY君の仕事ぶりを見てみましょう。（以下の内容はすべてフィクションであり、実在の人物、企業とは一切関係ございません） とあるコーダーY君の物語 新サイトの開発&ローンチ！これから頑張るぞ！ Y君はと

LPO研究所所長の鎌田です。 「Webディレクターが、Web広告の知識を持たなくなってきている」 近頃、こんなことを耳にすることがあります。 スマホ対応、はやくしないと… ソーシャルとかも考えなきゃ… Google アナリティクスの勉強も… こんな感じで、Webディレクターの仕事というのは近年増えるいっぽうです。そのため、Web広告の学習まで手がまわらない人が出てきてしまっているのです。 実際、私も以前はリスティング広告の管理画面を自分で触ったりしていたのですが、今は基本、運用に関しては専門のスタッフに任せています。 しかし、だからと言ってリスティング広告の知識が “ゼロ” の状態では、仮にクライアントから相談を受けたときに、「成果に繋がる説明」をきちんと行うことができないでしょう。 クライアントの売上を左右するWeb広告の基礎知識は、Webディレクターが「成果に対して責任を持つ」ポジショ

本日から新たに、「Webデザイン入門」というタイトルで連載を始めます。 9月からWebスクールの講師をさせていただいているのですが、そこでカリキュラムとして渡されたテキストには「Photoshop や Dreamweaver 等のソフトの操作説明」しかされておらず、ソフトの操作方法を習得しただけではWebデザイナーとして就職し、仕事していくのは少々厳しいのではないかと思いました。 そこで、ソフトの操作方法と平行して「Webデザインそのもの」について考える時間を設けたいと思い、オリジナルのカリキュラムを作ることにしました。 ここでは、そのカリキュラムの一部をブログ形式にして掲載しています。 既にWebデザインの仕事をされている方はご存知のことばかりかもしれませんが、これからWebデザイナーになりたい方や、今はプログラミングなどデザイン以外の仕事をされていて、これからデザインも手がけてみたいと