Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ(Webサイト)を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
私が勤める会社は、基本的には経験者のみを採用しています。未経験者を育てていきたいところではあるのですが、まだ規模が小さいので、人を育てる余裕も人員も足りないのが実状です。 しかし、未経験者に内定を出したことが一度だけあります。今回は、彼のポートフォリオがどのようなものだったのかご紹介したいと思います。 未経験者のポートフォリオの実態 Web制作会社にデザイナーとして就職するためには、ポートフォリオ(作品集)は必須です。私の勤める会社にも、多くの未経験者からの応募があり、ポートフォリオが送られてきます。経験者しか採用しないという方針ではありますが、そうした方のポートフォリオにももちろん目を通しています。 未経験者のポートフォリオに載っている作品は、以下のようなものがほとんどです。 スクールの課題で作った架空の会社のサイト スクールの課題で作った趣味のサイト スクールの課題で作ったPhotos
書籍『Webプロジェクトマネジメント標準』を全文PDF無償公開 ロフトワークは、書籍『Webプロジェクトマネジメント標準』全文をPDFデータで無償公開します。 ロフトワークは、2002年という早い段階からWebとクリエイティブの領域に世界標準のプロジェクトマネジメントの知識体系「PMBOK(ピンボック)」を導入し、Webプロジェクトのフレームワーク確立やリスクの軽減などに努めてきました。その過程で得た知識や経験を体系化、Webの制作現場につながるように編綴し、2008年に技術評論社より書籍『Webプロジェクトマネジメント標準』(共著=林千晶・ロフトワーク代表取締役、高橋宏祐・富士通グループWebサイト統括(*1))を出版しました。 『Webプロジェクトマネジメント標準』は、プロジェクトの課題が個人の能力・努力の問題であると苦しんでいる方々にこそ読んでいただき、制作側・クライアント側の双方が
Photo by Matthew Pearce 今回のpaiza開発日誌は片山がお送りします。 皆さんはWebデザイナーがどんな仕事をする人か?という事を明確にイメージ出来るでしょうか? 最近、弊社でWeb/UIデザイナーを採用する事になったのですが、求人の要件を固めていくにあたって、そもそもWebデザイナーって、どんな経験を持った人を指すんだっけ?というのが曖昧だったので、Webデザイナーのキャリアパスと、15分野のスキル一覧を書き出してみました。 現在20代のWebデザイナーだという方が、今後のキャリアを考える際にもちょうど参考になりそうな物になったので、せっかくなので公開してみようと思います。Webデザイナーからどのような職種にキャリアアップ出来るのかと言う事と、そのために必要な経験を15分野にまとめてみました。 企業がWebデザイナーを採用する際の求人要件定義にも使えるかと思います
Photo by Marcy Leigh こんにちは。谷口です。 現在、Webデザイナーとして働いている皆様はどんな書籍を読んでいますか? 最近は、基礎的なデザインの勉強をしてきた方だけでなく、もともとITエンジニアとしてWebサービスの開発をする中で、Webデザインもすることになったという方も多くいらっしゃるかと思います。 今回は、Webデザインの仕事をしている方々が、デザインをするに当たってジャンルごとに役立つ書籍を17冊ご紹介いたします。 目次 ・IA、UI、UX ・レイアウト ・配色 ・HTML/CSS ・CMS組込み ・デザイン技法 ■IA、UI、UX ◆1.IAシンキング Web制作者・担当者のためのIA思考術 IAシンキング Web制作者・担当者のためのIA思考術 作者: 坂本貴史,宮崎綾子,長谷川恭久出版社/メーカー: ワークスコーポレーション発売日: 2011/03/29
個人事業主やフリーランス、中小企業も含めほとんどの方がホームページを作っても成果を感じていない事をご存知でしょうか? ホームページは個人事業主やフリーランスの方こそ持つべきですが、何の策もなくホームページを作っただけでは成果は出ません。 そ...【個人事業主・フリーランスの方へ】”売れる”ホームページが欲しいなら自分で作った方がいいんです! 個人事業主やフリーランス、中小企業も含めほとんどの方がホームページを作っても成果を感じていない事をご存知でしょうか? ホームページは個人事業主やフリーランスの方こそ持つべきですが、何の策もなくホームページを作っただけでは成果は出ません。 そこで個人事業主・フリーランスの方で「ホームページを持っていない・これから作る予定」という方に向けてホームページを有効活用するために「ホームページは自分で作ったほうがいい」というお話をしたいと思います。 「なんで?ホ
CSS Nite LP41「Webマスターのスキルセットの棚卸し」の参加レポートです。 公式サイト:CSS Nite LP41「Webマスターのスキルセットの棚卸し」(2015年6月20日開催) CSS Nite LP41・セッション 1.アマゾンにも負けない、本当に強い会社が続けていること/権 成俊(株式会社ゴンウェブコンサルティング) 2.基礎から学ぶSEO/村山 佑介(アユダンテ株式会社) 3.ウェブマスターツールで行う「検索エンジンとの対話」/中山 陽平(株式会社ラウンドナップ) 4.マーケティング分析ツールとしてのGoogleアナリティクスの活用/中川 雅史(株式会社アンティー・ファクトリー) 5.ライブ ウェブマスター ハングアウト(Google 社員によるライブ Q&A)/金谷 武明(グーグル株式会社) 6.ユーザーの気持ちを高めるコピーライティング/益子 貴寛(株式会社サイ
フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 スタイルシートの夢 (1) 予測しやすい (2) 再利用しやすい (3) 保守しやすい (4) 拡張しやすい 代表的な CSS 設計手法 既存プロジェクトの CSS に立ち向かう! (0) 流れ (1) 既存の CSS ファイルを元に SCSS ファイルに変換する (2) イニシャライズ CSS や共通の箇所のスタイルを分離する (3) CSSLint を使って、修正しやすいところから整理していく (4) コンパイル (5) スタイルのスコープ(あ
スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。(サイトイメージは「グラシン工房」から) まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線(border)で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付
WordPressは多くのテーマが公開されていて、何を使うべきか悩んでしまいます。 例えば、海外のテンプレートはデザイン性が高いのが多い傾向にあり、一方、国内のテンプレートは初めての方にも使いやすいものが多くあります。 今回はその中でも編集部がおすすめするテーマを紹介します。 どんな目的で利用するか、どんなコンテンツでアピールしていくのかに合わせてテーマをお選びください。 ※基本利用料は無料ですが、一部機能制限を解除するための有料プランもあります。 目次 ブログ向けテンプレート メディア向けテンプレート ポートフォリオ向けテンプレート EC向けテンプレート 国内産の無料Wordpressテンプレート 海外産の無料Wordpressテンプレート ブログ向けWordpress(ワードプレス)無料テーマテンプレート コンテンツSEOがやりたいなら「Xeory Base」 ダウンロード|デモ
CSSでのフォントサイズの指定方法をその単位とそれぞれの相違から、レスポンシブに適したフォントサイズの指定方法までをやさしく解説します。 CSS Font Sizing 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 CSSでのフォントサイズの指定方法 各指定方法の特徴 レスポンシブに適したフォントサイズの指定方法 CSSでのフォントサイズの指定方法 CSSであなたがフォントのサイズを指定するには、いくつかの方法があります。大きく分けると、絶対値(absolute)と相対値(relative)の二つです。 絶対値(absolute) 絶対値はそのサイズが固定されており、その指定を受けたフォントはそのサイズで表示されます。これは他の要素に影響を受けません。 相対値(relative) 相対値はサイズ自体の値を持っていません。サイズは親要
対応ウェブブラウザ Internet Explorer 8 以降(8-10は機能制限あり) Firefox 最新版 Google Chrome 最新版 Safari 最新版(クリップボード使用不可) Opera 最新版(クリップボード使用不可) ファイルアップロード機能 Internet Explorer 10以降、Chrome最新版、Firefox最新版、Safari最新版、Opera最新版 クリップボードアップロード機能 Internet Explorer 11以降、Chrome最新版、Firefox最新版 JavaScript 有効にする インターネット接続回線環境 56kbps以上、ブロードバンド環境推奨 画面の解像度 1024×768ピクセル以上 Cookieの利用について クッキー(Cookie)とは、Webサイトが利用者のコンピュータに送信してくるデータファイルです。 クッキ
このダイアリーでは過去に何度かSVGの記事を書いているのですが、それに対する反響で SVGって未だに使ってるところを見たことが無い とか いつになったら使えるようになるのか 永遠に普及しなさそう みたいな意見をよく見かけます。 そうした反応にカチンときた……というほどではないのですが、納得してもらうには実例を挙げて反論するのが分かりやすいだろうな、と考えてSVGの利用状況を調査してみました。 かといって個人サイトの利用例を挙げるだけでは説得力がないでしょうから、著名な企業や団体でのSVG採用事例をリストアップしてみた次第です。 そしてもう一つの動機として、Webサイトの制作現場でSVGの導入を検討する際に、同僚や上司、またクライアントからの同意を得る・説得する手段としても、既に実際に利用している企業や団体を提示できれば話を進めやすいだろうな、……といった狙いもあります。 例えば あの有名な
会員事業部*1の小川(@conceal_rs)です。 会員事業部ではプレミアムサービスの価値を向上させるために、日々機能改善や新しい機能やサービスの開発をしています。今回はサービス開発をするときにエンジニアがどういう役割を果たすといいかについて、私なりの経験からの話をしたいと思います。 サービス開発とは サービス開発とはユーザのみなさんに、アプリやウェブを通じて何らかの価値を提供することだと考えています。価値と言ってもいろいろなものや形態があり、Webサービスというとだいたいがツールぽいものを想像しますし、最近だとゲーミフィケーションを使った脳トレサービスなどもあります。また既存のサービスに新しい機能や体験を追加して価値を届けるということもサービス開発です。私が所属している会員事業部はプレミアムサービスを利用して頂いているユーザのみなさんに新しい価値を提供すべく、日々業務に勤しんでいます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く