概要

イベント名 CSS Nite LP, Disk 21「タイポグラフィ、組版、Web Fonts」
日時 2012年2月4日(土) 14:00 - 18:30(開場13:40)
会場 エッサム神田
定員 96名
出演予定
(順不同)
・ヤマダコウスケ @petitboys
・高岡昌生
・コン トヨコ @RoseKonT
・小山田 晃浩(ピクセルグリッド)
司会進行 ・鷹野 雅弘(スイッチ) @swwwitch
・山本 和泉(#fc0) @izuizu
主催 CSS Nite実行委員会
協賛 イマジカデジタルスケープ KDDIウェブコミュニケーションズ
サイボウズDesigner's Garage
協力 サイバーガーデンbizH2O Space.
プレゼント協賛 awesome! クリエイターズショップマイナビ
参加費(事前決済) 6,000円(12月4日まで5,000円)
事前登録 必要
備考 スクール形式(机あり)
懇親会 予定しています(別途、実費)
twitterタグ #cssnitelp21
  • 順不同です(=掲載している順序には、意図はありません)。
  • 会社名のうち、株式会社などは省いています。

セッション概要と出演者のプロフィール

次の内容と出演者にて調整中です(順不同)。

知って得するアルファベットの基礎知識

企業のロゴやWebのEnglishサイト。日常、身の回りにあふれているアルファベット!でも意外と知らない用語と使い方。書体の分類から用途を知ろう!

大文字、小文字があるわけ。
W、J、Uのデザインが色々あるわけ。
ローマ字(都市名?)とイタリック体(国名?)。
ローマ数字とアラビア数字。
揃った数字と凸凹数字。
オックスフォードルールとシカゴマニュアル?
Helveticaって人の名前?

写真:高岡昌生高岡昌生(たかおか・まさお)

有限会社嘉瑞工房 代表取締役

1957年生まれ
國學院大學法学部法律学科
Fellow of the Royal Society of Arts(英国王立芸協会術フェロー)
ドイツ・ライノタイプ社極東顧問(コーポレートタイプ担当)

武蔵野美術大学視覚伝達デザイン学科特別講師

2009年 新宿ものづくりマイスター「技の名匠」認定東京都新宿区
「ABCでabcを語ろう! TypeTalks」を共同主催
『欧文組版 組版の基礎とマナー』(美術出版社)刊行
2010年
欧文活版印刷の嘉瑞工房を経営。ステーショナリーを中心に良質の欧文印刷物を製作している。その他、欧文組版の講演、セミナー、講義などを行っている。

Webデザイナーのための欧文フォント入門

フォントの魅力はフリーフォントだけじゃない!
PCやMacにプリインストールされている欧文フォントから、海外のデザイナーが使い始めている最新トレンドのWeb用フォントまで、
今すぐ実践できる欧文フォントの使い方やトリビアをご紹介します。

・Webデザイン上で欧文フォントをどう使う?
・日本語従属欧文って何?
・ArialとHelveticaの永遠なる戦い
・Comic Sansはなぜ嫌われる?
・今安心して使える唯一のセリフ書体Georgia
・スクリーン用書体として開発されたVerdana
・海外のWebフォントサービスの紹介
 (TypekitとFonts.comにはどんな違いがある?)
・Georgia ProとVerdana Proが登場した理由
・最近海外で使われている新しいWeb用フォントとは?

写真:ヤマダコウスケヤマダコウスケ

PETITBOYS
Webデザイナー・ライター

1982年生まれ。東京造形大学デザイン学科卒。都内の広告制作会社を退社後、フリーランスとしてPETITBOYS名義でWebデザインを始め、グラ フィックデザイン、ロゴデザインや執筆、講演など各種クリエイティブ業務を行う。1998年ごろより、フォントやタイポグラフィ好きのための「フォントブログ」を運営。近年はWebフォント (Web fonts) の研究・調査を活発に行う。大のヨーロッパ旅行好き。

欧文を扱う上での誤りやすい例

英文サイト、または、日本語サイトに英文での見出しや引用箇所が入る場合、せっかくデザインはかっこいいのに、ネイティブ(英語など欧文文字の言語を母国語とする人たち)が読んでみたらどうでしょう。日本語のルールのまま、ざっ〜と文字の流し込みをしてしまっていませんか?

今回は、よくある誤りやすい10例を見ながら、英文原稿処理について現場ですぐに役立つ情報を紹介いたします。

  1. イタリック書体(無理矢理傾けていないか)
  2. 10:00am〜18:00pm(Enダッシュ/コロン/セミコロン)
  3. Life must be go on….(英文3点リーダー)
  4. We decided─(Emダッシュについて)
  5. 英文引用符/半角引用符/アポストロフィー
  6. イギリス英語とアメリカ英語その1 引用符の使い方の違い
  7. イギリス英語とアメリカ英語その2 スペル、省略のピリオド
  8. その他言語の引用符(フランス語、ドイツ語)
  9. 単位記号の省略、インチ、フィート
  10. e-bay、adidasなど、文頭にきたら、大文字で始めてOK? 

写真:コン トヨココン トヨコ

フリーランス

エディトリアルデザイナー/DTPオペレーター/欧文タイプセッター (DTP検定 I種プロフェッショナル)

1994年より約15年、(株)講談社インターナショナルにて、欧文タイプセッターとして英文書籍制作に携わる。英語版QuarkXpress3.1から始まり、日本語版QX3.3、4.1を経て、InDesignCSよりInDesignへ移行。
2008年 翻訳コーディネーター、2009年「週刊ダイヤモンド」デザイン室にてOS Xへの移行・InDesign講師を経て、現在はフリーランスで、主に英文書・語学書・教科書の書籍制作に携わる。個人ブログ「I Love Typesetting」にて2011年5月より「InDesignによる欧文組版の基本操作」連載開始。このブログをきっかけに「DTP Booster」、「DTPの勉強会」に講師としても参加。

Web Fonts(仮)

準備中

写真:小山田 晃浩 小山田 晃浩 (おやまだ・あきひろ)

株式会社ピクセルグリッド
フロントエンドエンジニア

1982年生まれ。2006年よりweb制作会社におけるUI実装や運用を経験した後、2010年からフロントエンド・エンジニアとして(株)ピクセルグリッドに参加。コーポレートサイトを中心に、数々のWebサイトにおけるUI実装を手がけている。

Web関連雑誌での執筆活動や技術関連の講演も行うほか、個人のブログ「ヨモツネット」ではHTMLやXML、CSSなどに関する技術の情報を発信している。

タイムテーブル

2012年2月4日 時点で最新のものです。変更の可能性があります。

  • タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します。
開始 ステージ 出演者
13:45 開場  
14:00 オープニング  
14:10 知って得するアルファベットの基礎知識 高岡昌生
(嘉瑞工房)
15:10 欧文を扱う上での誤りやすい例 コン トヨコ
16:10 Webデザイナーのための欧文フォント入門 ヤマダコウスケ
(PETITBOYS)
16:50 3セッションの質疑応答  
17:40 The Web FontsThe Web Fonts 小山田 晃浩
(ピクセルグリッド)
18:30 終了  

終了後に、アフターパーティ(別途、実費)を開催します。

最新エントリー

参加費とお申し込み

CSS Nite LP, Disk 21は有料のイベントです。
また、ご参加いただくには参加登録と事前決済が必要です。

参加費

  • 6,000円(事前決済)
  • 5,000円(12月4日17時まで早期割引)
    • 決済期限を過ぎると、割引は無効ですのでご注意ください。
  PayPal 銀行振込
12月4日17時まで 4,600円 5,000円
それ以降 6,000円 6,000円

事前登録から、2ビジネスデー以内にご送金をお願いします。

決済方法

CSS Nite LP, Disk 21は有料のイベントです。事前決済をお願いします。
決済方法はPayPal(クレジットカード)、および、銀行振込です。

  PayPal 銀行振込
手数料 0円
(CSS Niteが負担します)
振込手数料は
ご負担ください。

申し訳ありませんが、請求書の発行は行いません。

開催の背景

CSS Niteについて

2005年10月、アップルストア銀座にてマンスリーイベントとしてスタート。当初は文字通り「CSS」にフォーカスしていたが、現在は“Web 制作者にとって有益であろうトピック”を広く扱っている。

名古屋、大阪、青森、福岡、沖縄、秋田、札幌、福井、仙台、福島、広島、新潟、京都、石川、高松、山形、富山、静岡、宮崎、熊本、北九州にて、“地方版”を展開。地方版は現地の有志が運営し、地方のコミュニティ活性化の一助となっている。

これまでに、210回を関連イベントを通して、のべ30,000名を超える方にご参加いただいている(2011年2月現在)。

CSS Nite LP

CSS Nite LPは、回ごとにテーマを設け、土日などに開催するCSS Niteの有料版。今回のCSS Nite LP, Disk 21はその第21弾。「lp21」はそこから来ています。

『Dreamweaverプロフェッショナル・スタイル』(Dreamweaver CC連動)、『Movable Typeプロフェッショナル・スタイル』(MT4LP5の連動)など、連動書籍をリリースする試みも行っています(今回、書籍企画はありません)。

アップルストア銀座でのCSS Niteをシングル盤に見立てると、LP盤だよね、ということでVolではなく、Diskでカウントしています。

過去の開催

reprise(リプライズ)は再演版を意味しています。

FAQ’s

開催に関して

都内以外での開催はありますか?
今のところ、予定していません。
当日は何を持参すればよいですか?
開催の1週間くらい前に受講票をメールにて発送します。そちらをプリントアウトしてご持参してください。プリントアウトが困難な方は、携帯電話の画面でのご提示でも結構です。
当日の配布資料はありますか?
ほかのCSS Niteと同様、基本的にありません。スライドなどは、開催終了後にダウンロードいただけるようにご案内します。セミナー中に撮影いただいたり、録音いただき、個人として利用されることはOKです。ただし、撮影時に音が出る機器(携帯電話など)はご遠慮ください。
視力が弱いのですが、大丈夫でしょうか?
心配な方は、お早めにご来場いただき、見やすい席を確保していただければ確実です(自由席です)。 なお、途中でもお困りの際には移動いただいて結構ですし、お申し出くだされば、(席替えなど)対応いたします。
書籍販売コーナーはありますか?
今回はご用意いたしません。
パソコンを持参した方がいいですか?
いいえ、必要ありません。パソコンを持ち込んでいただくのは結構ですが、電源は十分にありません。まわりの方と分け合ってご利用ください。
なお、「隣に座った方の、キーボードのタイピング音がうるさくて気が散る」といった苦情を最近よくいただきます。ご配慮をお願いします。
無線LANなどの環境はありますか?
若干のご準備はいたしますが、基本的にはご自身でご用意ください。
電源はありますか?
会場に両サイドにある電源をお使いいただいてOKですが、分け合ってお使いください(ぜひ、電源タップなど延長できるものお持ちください)。また、ACアダプターにつまづいてPCが落下などされないように、くれぐれもお気をつけください(休憩中はコードをはずしておいたり、養生テープなどで固定された方がよいかもしれません)。
Twitterで実況中継(TSUDAっても)いいですか?
はい、どうぞ。ハッシュタグは「#cssnitelp20」です。なお、場合によっては、守秘義務に関する内容があります。講演者から指示があった場合、そちらは避けていただけますようお願いいたします。
USTREAMで中継してもいいですか?
こちらはご容赦ください(=NGです)。
セッション登録はどのように行えばよいですか?
今回のCSS Nite LPは1トラックで開催します。つまり、同時進行で複数のセッションは進行しませんので、セッション登録などは不要です。すべてのセッションをお楽しみいただけます。

お申し込み・決済に関して

複数名で申し込む予定ですが、まとめて振り込んでもOKですか?
はい。その場合、お振り込み後に「振込名義」と、どなたの分かをご連絡ください。
請求書は発行いただけますか?
いいえ、請求書発行は行いません。
領収書はいただけますか?
はい。開催当日にお渡しします。
法人名などの宛名が必要な場合には、休憩時間に受付にてお申し出ください(事前のご連絡は不要です)。
なお、銀行振込、PayPal決済に関わらず、領収書の日付は開催日です。不都合があれば、当日、ご相談ください。
諸事情で、遅刻(途中退席)しなければなりません。
問題ありません。ただし、部分的な返金等はご容赦ください。

キャンセルや払い戻しについて

急遽参加できなくなりました。代わりの人間が参加してもよいですか?
はい、どうぞ。その際には、cssnite@gmail.comまでご一報ください。
諸事情により参加できなくなりました。
キャンセルフォームからご連絡ください。決済後のキャンセルについては下記のポリシーにて行わせていただきます。手数料を頂戴しますので、あらかじめご了承ください。キャンセルの返金は、イベント開催後、その月末に行わせていただきます。
期間 返金額
3日前まで 半額
2日前〜当日 0円(フォローアップをお送りします)
 
PayPalでダブって決済してしまいました。
ご連絡いただければ払い戻し処理を行います。もちろん、こちらで気付いた場合にはご連絡します。なお、返金の際、手数料(500円)のみご負担ください。

関連情報

バナー

ブログやサイトにバナーを掲載いただければ幸いです。ソースコードのままご利用ください。

CSS Nite LP, Disk 21(幅160ピクセル×高さ160ピクセル)

twitter

発言の最後に半角スペース+「 #cssnitelp21」を入れてツイートしていただくと「#cssnitelp21」に自動的にリンクが張られて、CSS Nite LP, Disk 21関連の発言を参照することができます。ぜひ中継や覚え書きなどにご利用ください。

お問い合わせ

ご不明点やお気づきの点がありましたらこちらのフォームからお知らせください。

お問い合わせ前に、FAQをご一読ください。