東京都港区のTwitterオフィスにて今年4月、エンジニア(プログラマー)/デザイナー向け勉強会「デザイニアン」が開催された。 デザイニアンは、エンジニア/デザイナー間の溝を埋めるべく、ツクロアの秋葉秀樹氏とオープンウェブ・テクノロジーの白石俊平氏によって企画された勉強会。エンジニアはデザイナーの、デザイナーはエンジニアの、作業や考えを理解し、業務連携を高めることを主な目的としている。 本稿では、同勉強会の様子を簡単にご紹介しよう。 デザイナーもコーティング知識が必要な時代 勉強会は、約40人の参加者におけるエンジニアとデザイナーの比率を調査することから始まった。聴講者に挙手を求めたところ、エンジニアとデザイナーの割合は概ね半数ずつ。偶然ではあるが、勉強会の目的にふさわしい人数構成となった。 参加者の状況を把握した後、秋葉氏はさっそくデザイナーの一般的な意見を代弁。「エンジニアさんのディス
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
こんにちは！ みなさんQuoraというサイトをご存知ですか？QuoraはFacebookの元CTO（最高技術責任者）が立ち上げたQ&Aサイトです。実名+肩書きの登録が必要なので、他のQ&Aサイトより回答者のクオリティが高い事が特徴のようです。（日本だとYahoo知恵袋が似ているWebサービス） 今回Quoraで日本のWebデザインについての興味深い質問を見つけたので、その質問と回答のいくつかを記事にしてみました。（記事ネタQuestion :Why is web design so bad for Japanese websites?） 【Question】 これまで日本のWebサイトは一般的にきれいなものだと思っていたが、実際は違った。アメリカのWebサイトより5年から10年の遅れを取っているように思えます。多くのWebサイトにFlashが使われているし、アメリカのものよりごちゃごちゃし
昨日紹介したデザインができるまでの過程をまとめたイラストが多くの反響をもらった。これを機にデザイナーに優しくしよう！ 元々@nerichichiさんという方が描いたイラストらしいのだが、その方の別の作品でクライアントが当たり前のように言ってくるデザイン修正がどれだけデザイナーにとって大変なのかを描いた漫画があったので、紹介する！これも物凄く納得感のあるイラストだ…。 密にコミュニケーションを取り、最高のアウトプットを これを見るだけでデザイン修正の大変さに納得すると同時に今後自分も発注する側として気をつけよう、と改めて心に誓った。 【img via 練乳の投稿画像】 クライアントによる大量かつ細かい要望に応えつつも複数回に渡る校正。最後にできあがったものは「絶妙なバランス」を持って成り立っているのを、根本的な要素に対して当たり前のようにデザイン修正を求めるクライアント。 もしあなたがデザイ
「とりあえずUI直せば、どうにかなるんじゃないか病」が私の周りで流行している。もちろん私も何度となくかかっている。 この病気のはじまりは「目的を達成できないのはUIがいけてないせいだ！UIをとにかく今じゃない何かに変えれば問題は解決する」と思っちゃうことにある。 共通するのは、「とにかく今じゃだめなので、今じゃない何かにしたいからUI変えたい」という点。今じゃない何かにしたいのはわかるが、根拠が主観的すぎて成功する見込みがつかないのが困ったところ。 もちろん私も時にこの病気にかかり、ほんとにプロジェクトをすすめていいかどうか、どーしていいかわからず懊悩することも多々ある。というわけで、私なりに病気の定義と、自己治療法もなんとなく見つけたので、自省もこめて記録しておく。 「とりあえずUI直せばどうにかなるんじゃないか病」の主症状2点 根拠が主観的すぎて説得力がなく、社内を巻き込めない 本人が
CSS Nite LP, Disk 23「表示速度最適化」 2012年6月30日、ベルサール九段下で「CSS Nite LP, Disk 23」が開催されました。CSS NiteはWeb制作に関わる方のためのセミナーイベントで、マークアップエンジニアやデザイナーの方が多く参加しています。今回のテーマは「表示速度最適化」でした。 パフォーマンス計測の方法、画像の最適化、モバイル向け最適化、そしてフロントエンドからバックエンドまでを考慮した設計段階からの最適化と、幅広いながらとても密度の濃い内容でした。 自己満足で終わらないためのパフォーマンス計測 サイバーエージェントの石本 光司（@t32k）さんから「Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 - 」というタイトルで、サイトの最適化を行う上で重要なパフォーマンスの計測手段や分析方法に
TOP > WebDesign > CSS3ボタンテクニック集「20 CSS3 Tutorials and Techiques for Creating Buttons」 WEBデザインの次世代規格として注目を集めているCSS3。徐々に技術系のWEBサイトでも取り上げられて、WEBデザイン業界内では話がでる機会も増えてきたと思いますが、今日紹介するのはCSS3を使ってボタンを作るテクニック集「20 CSS3 Tutorials and Techiques for Creating Buttons」を紹介したいと思います。 Pretty CSS3 Buttons グラーデーション、オーバラップ、ドロップシャドウなどなど、いままで画像でしか表現が困難だったボタン表現が多数集められています。今日はその中からいくつか気になったテクニックを紹介したいと思います。 詳しくは以下 ■Cool O
Twitterで話してたんですが、『ディレクター』って本当に微妙なポジションだなぁと感じました。 というか、そもそもディレクターって何でしょうね？ ディレクターと聞くと、まだまだ映画のディレクターの方が知名度高いのではないでしょうか。 そこから来て、やはり日本では、現場監督的な位置づけが多いんですかね。 Webディレクターは、プロジェクトを指揮・管理する役割が多いはずです。 ※だから決して偉いというわけではないです。あくまでも繋ぎをする作業者ですから、上下関係はありません。 Webディレクターの系統 Webディレクターは、大体「Web制作会社」「システム開発会社」「サービスプロバイダー系会社」「広告代理店」等に配属され、更に 営業寄り 企画寄り デザイン寄り システム寄り という具合で分かれると思います。 それぞれ活躍する場が違うので良いと思うんですが、 それに伴い、ディ
タイトルやボタン画像など細かい素材をスライスする まとめてスライスして効率を高める そのほかの素材をスライスしよう。まずはメニューエリアでの、マウスカーソルを合わせるときのメニュー画像を作成する。あらかじめ各メニュー要素を別々のレイヤーに配置しておくと、作業がしやすい。各メニュー要素の共通の部分だけをコピーして、変化する個所だけを作成すると、表示ずれ等の不具合が生じにくい。レイヤーの表示・非表示を使い分けて、スライスを書き出そう。次に下位ページの素材に移る。下位ページのモックアップ【7】では、イメージするだけにとどめて、タイトル画像やボタン画像の素材は、別のファイル【8】にまとめておこう。そうすることで、編集する際にもスライスする際にも効率的である。 ここで、応用として背景にテクスチャ画像を配置する場合を考えてみる。テクスチャ画像を作成し、必要最小限の大きさの正方形にスライスする。この場合
【原文】 あなたは、ビジネスのためのウェブサイトを持っている。もしくは、新しいビジネスのためにウェブサイトを立ち上げる必要があるとする。ウェブのデザインは絶対に必要となるプロセスだから。ウェブサイトに何が必要で何が不要か（例えば、狂気じみたフラッシュアニメは不要）を語るウェブデザイナー数名と、私たちは話をすることになる。 まず最初にすべきは、覚えやすいURLを確保することだ。あなたのビジネスを想起させるようなもので、突拍子もないような綴りを避け、ソーシャルメディア上で使いやすいものを選ぶべきだ。あなたのビジネスネームを表すドメインが既に取得されてしまっているなら、Panabeeを使えば他 の良いURLを選ぶためのアイデアを得られるだろう。ドメインが取得可能かどうかを調べたいなら、Name Vineが役に立つ。めでたくドメインの準備が完了したら、いよいよサイトの作成である。ここでいくつかの重
アニメやゲームのキャラクター情報をまとめてるサイトがないから作りたいなぁって 思ってたんだけどhtmlは初歩しか分からないしプログラミングもできないので構想するだけで作れなかった。 ゼロから4ヶ月でWEBサービスをリリースした人の記事を見つけて｢自分にもできるかな！｣なんて思い挑戦してみたけど理解できず挫折･･･orz WEBサービスを個人で作ってる人達が羨ましいです。 それでもWEBサイトを作りたかったので制作会社に発注してみようと思い立った。 ただのキャラクターのデータベースだけではつまらないのでコミュニティ要素なども付けて ネットで見つけた制作会社に見積もってもらうと下記のようになった。 合計1,483,125円 以前、SNS｢ウェブカレ｣のサイト制作費が1千万円で安く仕上がった(潰れたけど･･･)という話があったから なんとなく3～400万くらいかかるんじゃないかなと不安だったんだ
TransmitMailは日本製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日本語対応のメールフォームソフトウェアがTransmitMailです。 デモです。多数の入力項目、入力チェックに対応しています。 必須チェックのエラーです。画面上と項目の横と二つ表示されます。 メールアドレスフォーマットのチェックもできます。 半角英数などの文字種チェックもあります。 入力の後、確認画面が表示されます。 完了ページです。 確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ
“広告新聞”じゃダメ、こんなニュースサイトが欲しい！：郷好文の“うふふ”マーケティング（1/3 ページ） 著者プロフィール：郷 好文 マーケティング・リサーチ、新規事業の開発、海外駐在を経て、1999年～2008年までコンサルティングファームにてマネジメント・コンサルタントとして、事業戦略・マーケティング戦略など多数のプロジェクトに参画。2009年9月、株式会社ことばを設立。12月、異能のコンサルティング集団アンサー・コンサルティングLLPの設立とともに参画。コンサルタント・エッセイストの仕事に加えて、クリエイター支援・創作品販売の「utte（うって）」事業、ギャラリー＆スペース「アートマルシェ神田」の運営に携わる。著書に『顧客視点の成長シナリオ』（ファーストプレス）など、印刷業界誌『プリバリ［印］』で「マーケティング価値校」を連載中。中小企業診断士。ブログ「cotoba」 ピシっとした朝
お金を稼ぐ手段として「アフィリエイト」という言葉を効いたことがあると思います。 ネット上で話題になったアフィリエイトで稼いだ人が質問に答えているエントリーをまとめました。 アフィリエイトに興味を持っている方は、 ぜひ一度目を通してみてください。 アフィリエイトで稼ぐ方法全部暴露しようと 思う ちなみに今話題のステマ２chブログのアフィじゃなくて 商品専門のサイト作るほうのアフィね アフィリエイトだけで生活してるけど 質問ある？ 30万くらい 一人暮らし アフィリエイトで月30万円以上稼ぎたい方向けの見 せ方テクニック アフィリエイトで月30万円以上稼ぐための、 購入意欲をそそる文章の書き方、いや、見せ方を書いていきます。 学生だけとアフィが今月ついに40万超えた でも学校の奴らは信じてくれない(´・ω・｀) アフィリエイト詳しいけど何か質問ある？ >いままでトータルどれ位稼いだ？ 最高は月
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く