友人の広告企画制作会社で、Webサイトのコーディング指示に関する注意すべきことを話しました。
![グラフィックデザイナーやディレクターがhtmlコーディングの指示に関して注意すべきこと / Shiro Kuro Inc.](https://cdn-ak-scissors.b.st-hatena.com/image/square/850205c522a14afb052fe1cd41bd451898dc45c4/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F7cbad02613574f99b667682224c45ed3%2Fslide_0.jpg%3F7797640)
友人の広告企画制作会社で、Webサイトのコーディング指示に関する注意すべきことを話しました。
職場のPCが全然動かなくて復旧するまで何もできず。 ブログ書くくらいしかないので無理やりネタを探した結果、やっぱHTMLの話かな~と思ったのでつらつらと書いてみます。 2002年の夏ごろ、新しいMacを買ってもらったんですよ。 初めてインターネットに繋がったのもこの頃で、わりと遅かったと思う。 それまで「パソコンは今後のために買ってあげてもいいけどインターネットはダメ」と言われていたのだけど、ケーブルテレビに加入しようとしていたらしく、インターネットもできる、便利だということがわかってきたのと、私ももう子供ではないということで、使い方を覚えさせようという魂胆もあったんじゃないかと思う。 (昔ワープロがうちにあったころもアルバイトといってお小遣いをもらって書類をタイプしたりしていた) 自分が描いた絵を載せたホームページを作りたい、と思っていたのでさっそくYahoo!で検索。 当然、「ググる」
シンガポールでアジアのエンジニアと一緒にソフトウエア開発をして日々感じること、アジャイル開発、.NET、SaaS、 Cloud computing について書きます。 私は、恐ろしく物覚えが悪い。例えば、人の名前を覚えるのに苦労する。また、いったん覚えた人の名前も、数カ月会わないと忘れてしまっていることが多い。場所の名前なども同じだ。電話番号も、自分の家の電話番号さえいまだに覚えられない。現在、私の頭の中にある電話番号は、私が生まれた家、つまり今は両親が住んでいる家の電話番号だけだ。 映画『博士の愛した数式』で、主人公の数学博士(映画では寺尾聰)は、記憶が80分しか持たないという設定だが、私も、それに近いかもと思ったりする。もしかしたら若年性アルツハイマーかと思うことさえある。しかし、この物覚えの悪さは若いころからなので、多分そうではないだろう。単に私の頭が、生まれつきそういう作りなのだと
それとも、”私はデザイナーなので、そんなことを知る必要はありません”と言い張るのか 私の職業はデザイナーです。私はエンジニアが好きです。ちょっと度が過ぎるくらい好きかもしれません。以前、Facebookの グループ に参加した時、かなり前からチームのメンバであるiOSのエンジニアと初めて話して、口から泡を吹いたことを思い出します。私はその時、これまでに自分がObjective-Cでコーディングしたものについて、勢い込んで話し始めました。まるで、高校の新入生が、上流階級の生徒に対して、自分が付き合う価値のあるカッコいい人間だと証明しようとしているみたいだと感じました。 デザイナーの多くが、エンジニアとの話し合い方を実はよく分かっていないと思います。もちろん、デザイナーはエンジニアと話しますが、本当の意味で関わろうとしていません。この記事を書いた理由はそこにあります。ソフトウェアエンジニアの懸
全ての事柄のデジタル化が進む中で、Webやインターネットの重要性が年々高まっている事は間違いないだろう。それに伴い、関連する業種や職業に対する需要が高まるのは必然と考えられる。 例えばWebやアプリを製作する為のデザイナーやエンジニアは、紙媒体や組み込み型ソフトウェア向けのそれに比べても必要性が格段に高いとされ、キャリアアップをする場合は新しい技術の習得が求められる。 その一方で、以前に「アメリカでWeb制作会社が存在出来ない5つの理由」で説明させて頂いたとおり、実はこちらサンフランシスコ、シリコンバレー地域では、”Web制作” をメインのビジネスとしている会社はかなり少ない。 むしろ、数年前からビジネスのコアを変換させなければ生き残れない時代に入って来たと言っても間違いないだろう。 絶滅するフリーランスWebデザイナーという職業それでは、フリーランスのWebデザイナーはどうだろうか?We
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション/受注前 1.書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類(ヒアリングシート/企画書/提案書/業務委託書/見積書/契約書)など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 2.見積もりの目安と計算方法 例えば項目を作るとき1.項目/2.内容/3.設計(人日)/4.製造(人
神戸ITフェスティバル2013にてconcrete5のご紹介をしてきました。5つのCMSの開発者やユーザーが順番にそれぞれのCMSを紹介し、最後に座談会をするという珍しいイベントでした。CMSを選定したいと思っている意欲の高い方が参加されていましたので、concrete5について色々特徴や他のCMSに比べて良いと思っているところなどを詳しくお話ししました。 このイベントのなかで他のCMSのプレゼンもずっと聞いていたのですが、SOY CMSの古荘さんがおっしゃったひと言がすごく印象に残りました。 コンテンツ = 企業の価値 #kif2013 — Takuro Hishikawa (@HissyNC) December 13, 2013 ホームページをリニューアルしたら社長ブログを作りましょう、毎日更新しましょう、何げない日常の話題でいいので毎日更新することが大事なんですよ、ページ数が増えると
二転三転デザインが変更になって、結局クライアントが「これで!」と言ったものがビミョーな時どう対処していますか?(気の持ち方など…)作り込んでも翌日には指示が変わるし、こちらの提案は却下だし、驚くほどの低予算・・・。クライアントの意に沿うようなサイトを作るのが仕事とはいえ心が折れそうです。
あるお店のサイトを作っています。 クライアントに完成品を渡した後、確認して貰ってる段階で、こちらには事前の予告なく商品入れ替えがあり、商品ページや商品詳細の内容が大幅に変更になりました。 クライアントは制作側の不備修正のつもりで新しい商品情報を送ってきているんですが、こちらとしては「え?再見積ですよね?」という状態です。 フリーランスの方、制作会社の方、こういうときどうしてますか?
制作会社の体制にもよると思いますが、大体の制作現場はWebディレクターが案件を管理して、Webデザイナーやプログラマーが作業する、というかたちだと思います。 制作会社勤めのWebデザイナーにとっては、Webディレクターと上手く仕事できるかどうかが、かなりミソと言っても過言ではないのでは。人間的に合う・合わないっていう相性の問題もあるとは思いますが、その中でも個人的にいいなぁと思うWebディレクターと、いかんなぁと思うWebディレクターの違いを書いてみようかと思います。 デキる デキない 1 ミーティングでは、あらかじめ要点を簡潔にまとめてあって、進行が非常にスムーズ。仕様書も作業者と意見を交わしながら進めていける。 ミーティングでの話がとにかく長く、仕様書を全部読みたがるので、どこが重要な部分なのかわからない。基本的に自分ひとりでしゃべっている。 2 質問がしやすい・相談がしやすいなど、
「社会人デビューはWebディレクター。でも実はどんな仕事かよく分かっていない……」「Webデザイナーだったけど配置転換でディレクターに。これからどんなことを学べばいいの?」 この春、Webディレクターになった人のために、ぜひ身につけておきたいスキルと知識をざっくりまとめてみました。 1.コミュニケーションスキル Webディレクターは、企業によって「企画系」「クリエイティブ系」「システム系」「営業系」などいろいろなタイプがありますが、共通して必要なのがコミュニケーションスキルです。ヒアリング、提案、プレゼンなど、クライアントと受注までに話し合わなければならないことはたくさんあります。受注後は、デザイナー、エンジニア、外注先など、スタッフとのコミュニケーションも重要です。 Webディレクターがクライアントと上手にコミュニケーションをとるには、2つのポイントがあります。ひとつは、相手の話をよく聞
立場をわきまえ、適切な関係にあるべき受注側と顧客。しかし実際のビジネスの現場では、「お金を払っている」ということを盾に、受注側に高圧的な態度で理不尽な要求をする顧客、いわゆる「モンスタークライアント」が少なからず存在するようです。具体的にどんな目にあったのか、みなさんの被害報告を元にタイプ別にご紹介します。 【モンスタータイプ1:スーパークレーマー型】 ・「自分の子どもがこの会社の就職試験に落ちたのでもうこことは取引をやめる」と言ってきて大騒ぎになった(女性/金融・証券) ・細かいクレームをわざわざ手紙で郵送してくる(男性/金融・証券) ・福袋の中身が気に入らないと言って返品(女性/アパレル・繊維) ・メールが届いた、届いていないで揉めた。結局、相手方のミスだと分かったのだが、なぜか迷惑をかけたと謝るはめに(男性/情報・IT) ・不機嫌な顔をされたと因縁をつけられた(女性/金融・証券) 相
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
昨年は多くのレスポンシブWebデザインのサイトがリリースされましたが、現状でもさまざまな試行錯誤が続けられている状態で、賛否両論もあるのも事実です。そうした議論を見ていると、検討が十分でないものも見受けられます。 そこで、レスポンシブWebデザインのメリット/デメリットについて、可能な限り中立的に整理したいと思います。 レスポンシブWebデザインでしか実現できないメリット メリット1 ユーザーエージェントを判別せずに見た目を調整できる ユーザーエージェントを利用しないことは、レスポンシブWebデザインのメリットとして、よく挙げられます。さまざまな画面サイズのスマートフォンやタブレットが登場し、ユーザーエージェントの判別ではあらゆるデバイスの画面サイズへの対応は困難になっています。 画面サイズのみでレイアウトを切り替えるレスポンシブWebデザインは、そのような問題を解決する手法と言えます。
やはり好景気の波がやってきているのでしょうか。企業のWebサイトへの投資が活発になっているようで、検索エンジンで上位表示されている弊社には、ほぼ毎日新規の仕事の依頼が舞い込んできます。 とはいうものの、弊社のように有名ではない会社は、コンペで選ばれることが多いです。コンペ自体は、Web制作会社を選定する方法として、理にかなったやり方だと思います。しかし、コンペの選定条件などを拝見して、あぁ、これはWeb制作会社選びに失敗する典型だなぁ、と思うこともよくあります。 特に、デザインカンプ(と見積書)だけでWeb制作会社を選ぼうとする企業は、要注意です。恒常的にWebを活用している企業ならともかく、Webをどう使っていいか分からない、Webにそんなに詳しくない、というような企業や担当者がこの選び方をすると、失敗率がかなりあがります。 実際、私たちへの依頼の中には、過去にコンペをしてWeb制作会社
UIデザインの新しいワークフローを作るために長谷川恭久さんとの共同プロジェクトとしてスタートした“Patch Project”。導入部分として長谷川さんにお話頂いたワークフローの提案について「これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編)」として記事にしました。後編となる今回は、デザイナーがするべき雰囲気のデザイン、また具体的なワークフローについての話をまとめていきます。 ルック&フィールを考える photo credit: Crossett Library Bennington College via photopin cc ではHTMLプロトタイプを作っている間にデザイナーがするべきことは何なのか。それは雰囲気をデザインすること。レイアウト以外のデザイン、色やタイポグラフィ、写真や動画について考えていくのです。 具体的に言うと、スタイルガイドを作るこ
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに! まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く