セッション&出演者紹介
高知のWeb制作に効率化がもたらすもの
スマートフォンなどの普及により、Webはわたしたちの生活に広く急速に浸透してきています。最新の便利なツールや技術は大企業や東京だけのものではありません。マルチデバイス対応や動的なコンテンツを扱うサイトづくりのニーズも高まる中、一人何役もの役割を求められる高知のWeb制作者にこそ、作業の効率化が必要であるといえます。効率化がもたらすワークフローの変化について、紙媒体からWebへと進んできたデザイナーの愛用ツールを交えながらご紹介します。

間嶋 沙知まじま さち
1985年兵庫県生まれ。大学で認知心理学・電気生理学を学んだ後、桑沢デザイン研究所に学ぶ。渋谷のエディトリアルデザイン事務所に勤めた後、2011年末に単身高知へIターン移住。高知市内のデザイン事務所にてグラフィックデザイン全般およびWeb制作に携わる。2015年秋よりフリーランス。
ポストから送るフラワーギフト「FLOWER DRAWER」制作。
Webリトルプレス「PRESS.mjmj」運営。
Illustratorからのパーツ書き出しを極める!
Webデザインでは、コーディングのためのパーツ書き出しが不可欠です。画像アセットやクイック書き出しなど、出力の機能が充実してきたPhotoshopに比べ、Illustratorはやや遅れをとっているのが現状です。しかし、ベクターに強いIllustratorで、Webデザインをやってみたい人も少なくないでしょう。
ちょっとしたポイント押さえながら工夫していけば、IllustratorでもPhotoshopに負けないパーツの書き出しが可能です。本セッションでは、コーディングのためのパーツ書き出しを、より効率的にするワークフローをご紹介します。

高橋 としゆきたかはし としゆき
Graphic Arts Unit
愛媛県を中心に活動するフリーランスのグラフィックデザイナー。紙媒体からWebまで幅広いジャンルを手がけ、デザイン系の書籍も数多く執筆。代表著書に『Illustratorプロフェッショナルの教科書』(エムディエヌコーポレーション)など。アドビ主催、24時間Illustrator「愛(Ai)はクリエイティブを救う」のスペシャルイベント「Ai-1グランプリ」では、初代チャンピオンの座を獲得。
話題のSketchって何ができるの?
日本でも徐々に利用者が増えているBohemian Coding社のSketch。使いやすさや拡張性の高さから、特にWebやUIデザインの分野ではPhotoshopやIllustratorの代替ツールとしての地位を確立しつつあります。
とはいえ、実際のワークフローに取り込めるかどうかわからないツールに、おいそれと手を出すことが難しいのも事実です。そこで今回のセッションでは、今後のワークフローを考えるために、Sketchの概要から効率化に欠かせない特徴的な機能など、実際の動作も交えてご紹介します。

窪木 博士くぼき ひろし
パッケージ・グラフィック(DTP)デザインを経て、現在は地元岡山のSIerにてウェブやエンタープライズ系システムのUIデザインに携わる。
業務では、設計やグラフィック・マークアップから広報なども担当。プライベートでの活動として、セミナーの主催やスピーカーをはじめSketchプラグインの開発などを行っている。
著書として『 プロとして恥ずかしくない 新・WEBデザインの大原則』(共著、エムディエヌコーポレーション)や『Web制作者のためのIllustrator&ベクターデータの教科書 マルチデバイス時代に知っておくべき新・グラフィック作成術』(共著、インプレス)のほか、Sketch 3の基本的な操作を解説した電子書籍『Sketch 3の基本。』を個人でリリース。岡山のコミュニティ「岡山WEBクリエイターズ」が選出しているokawebアワード2013ではグランプリ受賞。
Web制作における2015年的Photoshopの活用
Photoshopマジックと呼ばれるスゴイ機能も各バージョンごとに強化されていますが、誰もが使う手順も実は刷新されています。古くからバリバリお使いの方ほど、気付きにくいポイントをご紹介します。

鷹野 雅弘たかの まさひろ
株式会社スイッチ
Webサイトの構築やコンサルティングを中心に、WebやDTPに関しての講演やトレーニングのほか、書籍の企画や編集、スクールなどのカリキュラム開発も手がける。2015年から大阪芸術大学 客員教授。
2005年からCSS Niteを主宰。日本全国、および海外に展開し、420回を越える関連イベントを通して、のべ5万名を超える方が参加している。
テクニカルライターとして20冊以上の著書を持ち、総販売数は16万部を超える。主な著書に『10倍ラクするIllustrator仕事術(増強改訂版)』(共著、技術評論社)、『Webデザインの現場ですぐに役立つ Photoshop仕事術』(共著、ソシム)、『よくわかるDreamweaverの教科書』(共著、マイナビ)、企画編集を行った書籍に『現場のプロから学ぶXHTML+CSS』(マイナビ)など。
『10倍ラクするIllustrator仕事術』のプロモーションのため、47都道府県をまわる全都道府県縦断セミナーツアーを2014年10月から実施中。『10倍ラクするIllustrator仕事術』は2011年版と合わせて3万部を突破。
開催概要
Webデザインを取り巻く環境は日々変化しています。「コストは下がり、短納期。しかも、やることが増えた」と感じている方も多いのではないでしょうか。デザインテンプレートなどを利用する機会も増え、いかに効率よく制作するかが問われ始めています。
そんなWebデザイン制作の現場には、制作ツールを効率よく使うためのスキルも必須です。
今回、CSS Niteでは、Webデザインの現場に必須とも言える制作ツール、IllustratorやPhotoshopなどを、もっと便利に使うための実践的な知識が身につくセミナーを開催します。制作スキルをアップデートして作業を効率化し、よりクオリティの高いWeb制作を目指しましょう。
イベント名 | CSS Nite in TOSA, Vol.3「作業効率を上げるためのWebデザイン実践」 |
---|---|
開催日時 | 2015年11月21日(土) 13:30開場/13:50開始/16:45終了予定 ※終了後、登壇者を交えてのおきゃく(懇親会)を開催します。(別途有料) |
開催場所 | 高知市文化プラザかるぽーと 中央公民館 11階 大講義室 |
定員 | 80名 |
参加費 |
◎早期割引:4,000円(11月4日24:00まで) ※事前登録制です。お早めにお申し込みください。 |
出演 |
・高橋 としゆき(Graphic Arts Unit) |
懇親会 (おきゃく) |
Woo Bekkan おうてすじ 時間:17:30~ 住所:高知県高知市追手筋1-7-11 聖ビル3F TEL:088-823-6616 |
主催 | CSS Nite in TOSA実行委員会(ウェブクリエイターズ高知) |
協賛 | 株式会社 シフト |
お申込みページ | https://kochiweb.doorkeeper.jp/events/32824 |
Facebookイベント | 作業効率を上げるためのWebデザイン実践 |
ハッシュタグ | #wck_css3 |
告知用バナー | 200px × 200px![]() |
タイムテーブル
時間 | ステージ | 出演 |
---|---|---|
13:50 | オープニング | |
13:55 | 高知のWeb制作に効率化がもたらすもの | 間嶋 沙知 |
14:15 | Illustratorからのパーツ書き出しを極める! | 高橋 としゆき(Graphic Arts Unit) |
15:05 | 休憩 | |
15:20 | ウェブ解析士 ライトニングトーク | |
15:30 | 話題のSketchって何ができるの? | 窪木 博士 |
15:50 | Web制作における2015年的Photoshopの活用 | 鷹野 雅弘(スイッチ) |
16:40 | エンディング | |
16:45 | 終了 |
会場アクセス
高知市文化プラザ かるぽーと
開催場所 | 高知市文化プラザかるぽーと 中央公民館 11階 大講義室 |
---|---|
住所 | 〒780-8529 高知県高知市九反田2-1 |
お問い合わせ | (代表)088-883-5011 URL http://bunkaplaza.or.jp/ |
駐車場 | 地下駐車場(B1〜B3階)あります(有料)。 |
県外からお越しの方

高知駅より
- 【電車】土佐電鉄 はりまや橋下車 徒歩5分 / 菜園場下車 徒歩約3分
- 【バス】土佐電鉄・県交通 はりまや橋下車 徒歩約5分
- 【車】約5分
高知インターチェンジより
- 【車】約10分
高知龍馬空港より
- 【車】約30分
- 【空港連絡バス】約30分 はりまや橋観光バスターミナル下車 徒歩約1分
詳細はこちらのページをご確認ください。
協賛・後援募集
運営支援のお願い
今回のセミナーにご賛同いただける企業・団体のみなさまからのご協賛・ご寄附を広く募集いたします。
- 協賛A 一口1万円
- 協賛B 一口3万円
- 協賛C 一口6万円
下記特典もご用意しておりますので、高知県や中四国のウェブ関係者に PRできる商品やサービスをお持ちの方は、ぜひご検討ください。
協賛企業・団体様への特典
協賛A、B、C共通
・ウェブクリエイターズ高知でのバナー、テキストリンク
・本セミナー申し込みサイトでのテキストリンク
協賛B、Cのみ
・カウントダウンメール内でのメッセージ、キャンペーン情報等掲載
・本セミナー参加者様へのチラシ配布(チラシはご準備ください)
・本セミナーへのご招待(B:2名まで C:5名まで)
協賛Cのみ
・個別アンケート実施(全員実施アンケートへの設問付加)
・ブース出展orスポンサータイムのご提供
ご協賛・ご後援のお申し出・お問い合わせはkochiweb@gmail.comまでお願いします。
※いただいた協賛金は、今回のセミナー運営費の他、今後も各地で活躍されるウェブ関係者らを招聘し、ご講演をいただいたり、県内のウェブクリエイターの情報交換、勉強会開催など、ウェブクリエイターズ高知の運営に使わせていただく予定です。