0行から始めるクライアントサイドJavaScript入門 - Qiita
0行〜 準備すること Modernizr.js ブラウザの機能判定プラグイン。 読み込むだけでhtmlタグにブラウザの機能クラス名がつけられる。↓ <html lang="en" class="js no-touch postmessage history multiplebgs boxshadow opacity cssanimations csscolumns cssgradients csstransforms csstransitions fontface localstorage sessionstorage svg inlinesvg no-blobbuilder blob bloburls download formdata"> クラス名の最初にno-がつくと非対応、そうでないものは対応。 no-touch: タッチイベント非対応 postmessage: postMessa
デキるWebディレクターに共通する4つのスキル
ども、こんにちは。WebプランナーのDCHSタカセです。 昨今、Webディレクターの需要はひたすらに増え続けています。で、ありがたいことにあっちゃこっちゃで年収も地位も、確実に向上している（らしい）です。 が、みなさん実感はお持ちでしょうか？ もし実感がないのだとすれば、もしかしたらあなたに「Webディレクターに求められているスキル」が、ちょっと足りてないのかもしれません。 Webディレクターは、何でも屋ではありません。僕らに求められているのは、ツールの使いこなしでも、見目美しき仕様書を作ることでもありません。 てな感じで、今回は「デキるWebディレクターに共通する4つのスキル」を紹介してみたいと思います。 1.強みを具体化する「軸」の必要性 Webディレクターは現場で、浅く広くどんな状況にも対応できる知見を求められます。言い換えるとそれは "何でも解決できる" ということ。 ただ一方で「
ディレクターがWeb制作のプロジェクト進行でトラブルを防ぐための5つのコツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、たまです。 LIGにディレクターとして入社して早1年、さまざまな案件に関わらせていただきましたが、困難な事態に直面することも何度かありました。 今あらためて振り返ってみると、そういうトラブルが起きてしまう案件というのは、最初の進め方であったり、決めごとや確認ごとが甘かったりと、共通した原因があるように思えます。 そこで本日は、僕なりに「こうしておくとトラブルを防げる」と思っていることをまとめてみました。 もちろん制作のディレクションは人それぞれだと思いますので、参考までにご覧いただければと思います。 ディレクターがWeb制作でトラブルを防ぐための5つのコツ プロジェクトでトラブルが発生する主な要因としては、以下の3つが考えられます。 制作範囲 スケジュール 金額 もちろんデザインや実装でトラブルになることも多々ありますが、そもそもこの3つがクライアントと認識があっていない場合、
「Webディレクター」という肩書とその役割 | F's Garage
先日、WebSigの10周年イベントの検討会議の場で、Webディレクターとは？というの話になった。 昔よく言われたのは、「Webディレクター」は「デザインできない」「開発できない」人がなる職業というネガティブな表現があった。特に「Webの仕事」と言えば「Webの受託制作」だったころは、そういう人たちが沢山集まってきていた。 そういう中で、「工程管理しかできないディレクター」とか「気が効かないディレクター」とか、「言われたことしかやらないディレクター」とか、確かに、いろいろいたように思える。 またネガティブな意味で、「Webディレクターとは何でも屋なんだよ」と言われることもある。これはある意味真理だと思っている。 個人的に思っているディレクターの重要な役割とは、 「バネのように、状況（案件）に応じて自在に伸び縮みして、お客さんと制作との穴を埋める仕事」 だと思っている。 PMが全体を見ている
不特定多数の人が更新する大規模サイトに必要な CSS 設計の思想
今話題（？）の CSS 設計のメモ。 この「ある程度の規模」というのは、肌感覚としてテンプレートの枚数( ≠ Webサイトのページ総数)が 20P〜50P くらいのイメージ。 また、コーディング完了後に自分以外の人間による断続的な更新が入るという前提。 そして一番重要なのは「更新する人のスキルは定義しない。」ということ。つまり HTML の知識が乏しい人が更新する可能性があることを前提とする。 きっと1ヶ月くらいすれば変わると思うけど、自分の思想のログとして残しておく。 今ぼくは以下のことに気をつけながら CSS を書いている。 コードが長くなることを気にしない セレクタが長くなることを気にしない セマンティクスの実現の難しさを理解し、妥協する 再利用性より保守性 拡張しやすい設計 最初から最適化しようとしない ゴールは目先のパフォーマンス向上ではなく誰が触っても問題が起きにくい設計 ひと
レスポンシブデザインの進化はWebの常識を変えるか？ | ゆっくりと…
ある記事 によれば、レスポンシブ Web デザインを採用するサイトの 72% が、デスクトップとモバイルに同じリソースが使われているそうです。またそれらリソースの 60% 以上が画像 という統計や、モバイル用に画像を最適化すれば、データ量を 72.2% 削減できる という調査結果もあります。 ということで、レスポンシブ画像のことを調べていていましたが、その技術進化というか、紆余曲折も含めて色々とある様です。 最新技術を素早く取り入れることはもちろん大事ですが、特に過渡期においては、変化に強いサイトを作るためにも技術の先行きを見極めることが重要です。そこでタイトルのような視点で、これまでの経緯をつらつらと辿ってみました。 自分としてのテーマは、「じゃあ、今、どうするか？」だったのですが…。読んで下さる方の何かに役立つかどうかは甚だ心もとない記事です。 ちなみに今回記事で取り上げた話題について
デザインの話をするときに気をつけたいこと
違う人たちとデザインを語る デザイン批評は、とても難しいですが、目を背けることもできない課題です。前回のセミナーで、批評のときに使う言葉遣いを紹介したものの、フォーカスをズラさず会話を進めるのは至難の業です。デザイナーだけが集まる場や、長く仕事をしている間柄であれば感覚で伝わることがありますが、そうでない場面はたくさんあります。結局のところ、デザインは主観的なところが多いわけですから、様々な背景の人たちが集まる仕事場でデザインの意見が分かれるのは当然なのかもしれません。 さらに批評を複雑にしているのが、手を動かしているデザイナーだけにデザインを任せるのは困難というところがあります。IDEOの Time Brown 氏が TED の講演で「デザインはデザイナーだけに任せるには重要すぎる」という言葉を残しています。今のデザインは利用者だけでなく、ビジネス、市場、文化、技術への理解が不可欠です。
デザインを決めて進めるために必要なこと
先月は東京、そして今月は大阪 で、クリーク・アンド・リバー社が主催する Web ディレクター向けのセミナーで登壇しました。私自身、Web ディレクターと名乗っていないので、依頼を受けたときは半信半疑でした。しかし、Web ディレクターをはじめとした「作り出す人」にある共通の話題があると考え、登壇を決めました。 点をどのように線にするか ツールの使い方。マークアップの仕方。コードの管理方法。ペルソナの作り方。コンセプトを固めるためのワークショップの仕方 … などなど。こうした行程の中にある『点（作業）』は、書籍や Web でたくさん見つけることができます。どれも重要ですが、行程全体からみたとき、その手法がどのような意味を持っていて、それを基にどうゴールに向かって走れば良いのか見えないことがあります。 点は理解できたけど、それをどう線にしたら良いか分からないわけです。 例えば社内ワークショップ
Web制作の見積もりの難しさとか相場とか｜withComputer
つらつらと考えてしまった記事があったので、長くなるけど書く。 WordPressサイトを構築するといくらかかる？ 見積り勉強会で価格を出してみた | WordBench WordPressの見積り勉強会を終えて、運営の一人として思うこと うえむ日記 - トヤヲ.ネット この手の試みは勉強会としては珍しいのかもしれないけど、Web制作者向けの専門誌「Web Designing」では、架空案件の見積もりをしてもらうアンケートが毎年行われている（Webデザイナー白書という企画の一環）。この手の話が気になる人は、ぜひバックナンバーを取り寄せて読んでみて。 見積額については、上の記事でも「大きな開きがでました」と述べられているけど、Webデザイナー白書の方はもっと極端で、下は6万円、上は1,000万円という結果。発注側（クライアント側）からすれば「ありえねーだろ」という感じかと思うが、これにはいくつ
無料チェックシート付き！Web制作の初回ヒヤリングで確認したい項目リスト – 請求書作成サービス「Misoca(ミソカ)」
こんにちは、トヨシです。 前回は見積もり時に確認したい項目を紹介しましたが、今回は私がフリーランスでWeb制作をしていたときに、顧客との初回ヒヤリングで必ず聞くようにしていた項目リストを紹介します。私はこの項目に基づいて初回のヒヤリングを行い、提案書を作成するということをしていました。 記事の最後に印刷して使えるエクセルのスプレッドシートもダウンロードできるようにしておいたので是非自分なりにアレンジするなどして活用してください。 とその前に、 経理書類の作成でお困りの方は、請求書・見積書サービス「Misoca」を使うとより便利ですよ！レイアウト崩れや記入漏れの心配無用です！ [adrotate group=”7″] 今回配布するヒヤリングシート （記事の一番下でダウンロードできるようにしてあります） お客様基本情報 会社名・個人名 ご担当者様名 部署・役職（任意） ご住所 お電話番号 Ｅメ
WebディレクターがWebじゃない事で悩んでる。 / Maka-Veli .com
手に職？うーん・・・ フロントがバリバリ先進的な技術を身につける中、表層部分だけは必死に追いかけてるのが今の僕です。知ってないと仕事にならない。。 ただ、この状態だと技術知識は全く身につかないです。 もしWebディレクターとしてやっていけなくなったら、それこそフロントエンジニアとして働くしか道がなくなったら、ヤバイなぁなんて思ったり。 Webディレクターやってて身につく事ってなんだろう？ そもそもディレクターって、もっと上流だとプロデュース周りとか、下流だとそれこそ営業だったり、人とかプロジェクトと密接なモノですよね。 だから技術とかはいらないけど知識は必須だし、ノウハウが何より必要。あとは人脈だったり接客術だったり。 そう考えると、汎用的っちゃ汎用的。 企画力だったりはビジネススキルとして大きなモノだし、何より社会について詳しくなる。というか社会を知らないと、なかなか提案が
アプリ開発を外部にお願いする際！とっても重要な動きのディレクション « ブログ｜東京のアプリデザイン制作会社｜株式会社ハラハラ｜harahara Inc.
弊社はアプリの開発を外部に発注することも多いのですがそういった中でスマホ特有のトランジション(動き)やジェスチャーなどユーザーの右脳に訴えかけるような表現も多くあるのでお仕事をお願いする際に気をつけたいことをまとめてみました。 Webとは違う まず当たり前ですがFlashやjavascriptによるリッチなコンテンツの実装をする場合とは根本的に異なることを認識していただくことが前提です。 Flashやjavascriptの実装出来る人は元Webデザイナーをしていたことや志した人も多いですし長年の業務でデザイナーと共に右脳表現を鍛えているはずです。ただ、アプリのエンジニアに関して言えばそういう経緯からの出身者が少ないことをまず知るべきです。 私が出会ったアプリのエンジニアのほとんどは大手のソフトウェア会社のプログラマやSEがほとんどでした。そのプログラムスキルは時にWebプログラマよりも高い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホアプリ開発の見積もりで気をつけたいいくつかのこと