SlideShare a Scribd company logo
1 of 12
Download to read offline
Hachioji.pm


         Theme

         Typo
Hachioji.pm
  自己紹介

  川嶋 光タオル          (@kkotaro0111)

                       自称
  iOSアプリ  とか
  PhoneGapアプリ  とか      デザイナー
  JavaScriptギミックとかの    ウェブ からアプリからFlashから
                       ロゴからイラストからフライヤー
  エンジニアリングしかさせてもらえない   から名 刺 からDTPから動 画 から
                       人生設計まで


  Perlは基本、組みません。
Hachioji.pm                  ポ
                           タイ
  自己紹介
                          く
                       さっそ


  川嶋 光タオル          (@kkotaro0111)

                       自称
  iOSアプリ  とか
  PhoneGapアプリ  とか      デザイナー
  JavaScriptギミックとかの    ウェブ からアプリからFlashから
                       ロゴからイラストからフライヤー
  エンジニアリングしかさせてもらえない   から名 刺 からDTPから動 画 から
                       人生設計まで


  Perlは基本、組みません。
Hachioji.pm

  テーマもこなしたところで…
Hachioji.pm



 Typography
 Theme
Hachioji.pm
  タイポグラフ とは
        ィ                (引用:タイポグラフィ Wikipedia)


  印刷物の読みやすさである可読性や、視認性、そしてその美しさを得るた
  めに、活字の配置・構成やその属性すなわち書体、字体の大きさ(ウェイ
  ト)、行と行との間隔(レディング)、文字と文字との間隔(カーニング及び
  スペーシング)、印刷紙面上での活字が占める領域の配置・構成(レイア
  ウト)などを設定し、経済的に効率良く印刷物を出版することが初期タイポ
  グラフィであった。ただし、活版印刷だけをタイポグラフィ とは言わず、字
  体の集合であるグリフ及びファミリーが存在している限り、古い文献などか
  ら見られる色々なグリフも立派なタイポグラフィーの一部である。活版印刷
  技術誕生から派生した芸術や、デザイン性もタイポグラフィの一つである。
  現在では印刷物に限らず、様々なデザインの中で見ることができる。タイ
  ポグラフィを専門とする職業及び職人、テクニシャンをタイポグラファーと
  いう。
Hachioji.pm
  タイポグラフ とは
        ィ     (引用:タイポグラフィ Wikipedia)




    意図して文字を並べたら
    タイポグラフ !
          ィ
Hachioji.pm
                   (引用:タイポグラフィ Wikipedia)




        William Caslonのローマン体サンプル
Hachioji.pm


  (引用:いろんなとこ)
(引用:http://www.artext.co.uk/)
Hachioji.pm
Hachioji.pm


              協力:@uzulla ( 無許可)
Hachioji.pm



 Typography
 Theme

More Related Content

What's hot

Code for Japan CfXキャプテンオンラインMTG vol.1
Code for Japan  CfXキャプテンオンラインMTG vol.1Code for Japan  CfXキャプテンオンラインMTG vol.1
Code for Japan CfXキャプテンオンラインMTG vol.1健一郎 福島
 
Hello world(kari)
Hello world(kari)Hello world(kari)
Hello world(kari)chouett0
 
RaspberryPiを音声コントロールしてみた話
RaspberryPiを音声コントロールしてみた話RaspberryPiを音声コントロールしてみた話
RaspberryPiを音声コントロールしてみた話yousuketakahashi2
 
LibreOffice API について
LibreOffice API についてLibreOffice API について
LibreOffice API について健一 辰濱
 
高校教科「情報」におけるLibreOfficeの適用可能性検討
高校教科「情報」におけるLibreOfficeの適用可能性検討高校教科「情報」におけるLibreOfficeの適用可能性検討
高校教科「情報」におけるLibreOfficeの適用可能性検討Jun Iio
 
このすこし短い時間にLTを!
このすこし短い時間にLTを!このすこし短い時間にLTを!
このすこし短い時間にLTを!Ryo Iinuma
 
学会・研究会の情報保障におけるソーシャルネットワークの役割
学会・研究会の情報保障におけるソーシャルネットワークの役割学会・研究会の情報保障におけるソーシャルネットワークの役割
学会・研究会の情報保障におけるソーシャルネットワークの役割Takuya Nishimoto
 
Pythonでルンバをペットにする闇の技術
Pythonでルンバをペットにする闇の技術Pythonでルンバをペットにする闇の技術
Pythonでルンバをペットにする闇の技術karaage0703
 
【kintone Cafe 名古屋】kintone×○○○の可能性
【kintone Cafe 名古屋】kintone×○○○の可能性【kintone Cafe 名古屋】kintone×○○○の可能性
【kintone Cafe 名古屋】kintone×○○○の可能性Hiroyasu Yamada
 
Pythonでも型をつけたいだけの人生だった
Pythonでも型をつけたいだけの人生だったPythonでも型をつけたいだけの人生だった
Pythonでも型をつけたいだけの人生だったhiroya akita
 
出会って5行でディープラーニング推論
出会って5行でディープラーニング推論出会って5行でディープラーニング推論
出会って5行でディープラーニング推論Yukino Ikegami
 
Textdata processing
Textdata processingTextdata processing
Textdata processingyuki uchida
 
Playing with Japanese LibreLogo / 日本語LibreLogoで遊ぼう
Playing with Japanese LibreLogo / 日本語LibreLogoで遊ぼうPlaying with Japanese LibreLogo / 日本語LibreLogoで遊ぼう
Playing with Japanese LibreLogo / 日本語LibreLogoで遊ぼうNaruhiko Ogasawara
 
札幌F#勉強会とは何だったのか
札幌F#勉強会とは何だったのか札幌F#勉強会とは何だったのか
札幌F#勉強会とは何だったのかKenta USAMI
 

What's hot (16)

Code for Japan CfXキャプテンオンラインMTG vol.1
Code for Japan  CfXキャプテンオンラインMTG vol.1Code for Japan  CfXキャプテンオンラインMTG vol.1
Code for Japan CfXキャプテンオンラインMTG vol.1
 
Hello world(kari)
Hello world(kari)Hello world(kari)
Hello world(kari)
 
RaspberryPiを音声コントロールしてみた話
RaspberryPiを音声コントロールしてみた話RaspberryPiを音声コントロールしてみた話
RaspberryPiを音声コントロールしてみた話
 
LibreOffice API について
LibreOffice API についてLibreOffice API について
LibreOffice API について
 
18 minitus発表資料
18 minitus発表資料18 minitus発表資料
18 minitus発表資料
 
高校教科「情報」におけるLibreOfficeの適用可能性検討
高校教科「情報」におけるLibreOfficeの適用可能性検討高校教科「情報」におけるLibreOfficeの適用可能性検討
高校教科「情報」におけるLibreOfficeの適用可能性検討
 
このすこし短い時間にLTを!
このすこし短い時間にLTを!このすこし短い時間にLTを!
このすこし短い時間にLTを!
 
学会・研究会の情報保障におけるソーシャルネットワークの役割
学会・研究会の情報保障におけるソーシャルネットワークの役割学会・研究会の情報保障におけるソーシャルネットワークの役割
学会・研究会の情報保障におけるソーシャルネットワークの役割
 
Pythonでルンバをペットにする闇の技術
Pythonでルンバをペットにする闇の技術Pythonでルンバをペットにする闇の技術
Pythonでルンバをペットにする闇の技術
 
【kintone Cafe 名古屋】kintone×○○○の可能性
【kintone Cafe 名古屋】kintone×○○○の可能性【kintone Cafe 名古屋】kintone×○○○の可能性
【kintone Cafe 名古屋】kintone×○○○の可能性
 
Pythonでも型をつけたいだけの人生だった
Pythonでも型をつけたいだけの人生だったPythonでも型をつけたいだけの人生だった
Pythonでも型をつけたいだけの人生だった
 
出会って5行でディープラーニング推論
出会って5行でディープラーニング推論出会って5行でディープラーニング推論
出会って5行でディープラーニング推論
 
Textdata processing
Textdata processingTextdata processing
Textdata processing
 
Playing with Japanese LibreLogo / 日本語LibreLogoで遊ぼう
Playing with Japanese LibreLogo / 日本語LibreLogoで遊ぼうPlaying with Japanese LibreLogo / 日本語LibreLogoで遊ぼう
Playing with Japanese LibreLogo / 日本語LibreLogoで遊ぼう
 
ClovaFashion
ClovaFashionClovaFashion
ClovaFashion
 
札幌F#勉強会とは何だったのか
札幌F#勉強会とは何だったのか札幌F#勉強会とは何だったのか
札幌F#勉強会とは何だったのか
 

Similar to Hachioji.pm No21

2019/10/13 JP_Stripes in Shimane#1 電話でペイの話
2019/10/13 JP_Stripes in Shimane#1 電話でペイの話2019/10/13 JP_Stripes in Shimane#1 電話でペイの話
2019/10/13 JP_Stripes in Shimane#1 電話でペイの話Takeshi Furusato
 
Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説光吉 浜谷
 
最近の実装方針について
最近の実装方針について最近の実装方針について
最近の実装方針について大介 秋本
 
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -典子 松本
 
ドコモApiで対話システム
ドコモApiで対話システムドコモApiで対話システム
ドコモApiで対話システムAPI Meetup
 
新卒フロントエンドエンジニアが見たPairsフロントエンド
新卒フロントエンドエンジニアが見たPairsフロントエンド新卒フロントエンドエンジニアが見たPairsフロントエンド
新卒フロントエンドエンジニアが見たPairsフロントエンドKeitaro Takeuchi
 
テクノアカデミー郡山 現役ソフトウェアエンジニアが語る。IT の今と未来
テクノアカデミー郡山 現役ソフトウェアエンジニアが語る。IT の今と未来テクノアカデミー郡山 現役ソフトウェアエンジニアが語る。IT の今と未来
テクノアカデミー郡山 現役ソフトウェアエンジニアが語る。IT の今と未来Daiyu Hatakeyama
 

Similar to Hachioji.pm No21 (9)

2019/10/13 JP_Stripes in Shimane#1 電話でペイの話
2019/10/13 JP_Stripes in Shimane#1 電話でペイの話2019/10/13 JP_Stripes in Shimane#1 電話でペイの話
2019/10/13 JP_Stripes in Shimane#1 電話でペイの話
 
Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説
 
最近の実装方針について
最近の実装方針について最近の実装方針について
最近の実装方針について
 
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
ノンコーディングでやってみよう!音声テキスト変換 - LINE × Logic Apps × Speech to text -
 
Stargazer Meetup #1
Stargazer Meetup #1Stargazer Meetup #1
Stargazer Meetup #1
 
ヤフーオープンローカルプラットフォームの設計思想
ヤフーオープンローカルプラットフォームの設計思想ヤフーオープンローカルプラットフォームの設計思想
ヤフーオープンローカルプラットフォームの設計思想
 
ドコモApiで対話システム
ドコモApiで対話システムドコモApiで対話システム
ドコモApiで対話システム
 
新卒フロントエンドエンジニアが見たPairsフロントエンド
新卒フロントエンドエンジニアが見たPairsフロントエンド新卒フロントエンドエンジニアが見たPairsフロントエンド
新卒フロントエンドエンジニアが見たPairsフロントエンド
 
テクノアカデミー郡山 現役ソフトウェアエンジニアが語る。IT の今と未来
テクノアカデミー郡山 現役ソフトウェアエンジニアが語る。IT の今と未来テクノアカデミー郡山 現役ソフトウェアエンジニアが語る。IT の今と未来
テクノアカデミー郡山 現役ソフトウェアエンジニアが語る。IT の今と未来
 

More from Kotaro Kawashima

THE BEM: Better Css Naming Conventions
THE BEM: Better Css Naming ConventionsTHE BEM: Better Css Naming Conventions
THE BEM: Better Css Naming ConventionsKotaro Kawashima
 
jQuery.Deferredってシンプルなんだぜ
jQuery.DeferredってシンプルなんだぜjQuery.Deferredってシンプルなんだぜ
jQuery.DeferredってシンプルなんだぜKotaro Kawashima
 
俺的フロントエンド開発
俺的フロントエンド開発俺的フロントエンド開発
俺的フロントエンド開発Kotaro Kawashima
 
hachioji.pm #40 : asynchronous in JS
hachioji.pm #40 : asynchronous in JShachioji.pm #40 : asynchronous in JS
hachioji.pm #40 : asynchronous in JSKotaro Kawashima
 
Middleman Usecase / TokyouMiddlemanMeetup#1
Middleman Usecase / TokyouMiddlemanMeetup#1Middleman Usecase / TokyouMiddlemanMeetup#1
Middleman Usecase / TokyouMiddlemanMeetup#1Kotaro Kawashima
 

More from Kotaro Kawashima (6)

THE BEM: Better Css Naming Conventions
THE BEM: Better Css Naming ConventionsTHE BEM: Better Css Naming Conventions
THE BEM: Better Css Naming Conventions
 
jQuery.Deferredってシンプルなんだぜ
jQuery.DeferredってシンプルなんだぜjQuery.Deferredってシンプルなんだぜ
jQuery.Deferredってシンプルなんだぜ
 
俺的フロントエンド開発
俺的フロントエンド開発俺的フロントエンド開発
俺的フロントエンド開発
 
hachioji.pm #40 : asynchronous in JS
hachioji.pm #40 : asynchronous in JShachioji.pm #40 : asynchronous in JS
hachioji.pm #40 : asynchronous in JS
 
Middleman Usecase / TokyouMiddlemanMeetup#1
Middleman Usecase / TokyouMiddlemanMeetup#1Middleman Usecase / TokyouMiddlemanMeetup#1
Middleman Usecase / TokyouMiddlemanMeetup#1
 
Hachiojipm #28
Hachiojipm #28Hachiojipm #28
Hachiojipm #28
 

Hachioji.pm No21

  • 1. Hachioji.pm Theme Typo
  • 2. Hachioji.pm 自己紹介 川嶋 光タオル (@kkotaro0111) 自称 iOSアプリ とか PhoneGapアプリ とか デザイナー JavaScriptギミックとかの ウェブ からアプリからFlashから ロゴからイラストからフライヤー エンジニアリングしかさせてもらえない から名 刺 からDTPから動 画 から 人生設計まで Perlは基本、組みません。
  • 3. Hachioji.pm ポ タイ 自己紹介 く さっそ 川嶋 光タオル (@kkotaro0111) 自称 iOSアプリ とか PhoneGapアプリ とか デザイナー JavaScriptギミックとかの ウェブ からアプリからFlashから ロゴからイラストからフライヤー エンジニアリングしかさせてもらえない から名 刺 からDTPから動 画 から 人生設計まで Perlは基本、組みません。
  • 6. Hachioji.pm タイポグラフ とは ィ (引用:タイポグラフィ Wikipedia) 印刷物の読みやすさである可読性や、視認性、そしてその美しさを得るた めに、活字の配置・構成やその属性すなわち書体、字体の大きさ(ウェイ ト)、行と行との間隔(レディング)、文字と文字との間隔(カーニング及び スペーシング)、印刷紙面上での活字が占める領域の配置・構成(レイア ウト)などを設定し、経済的に効率良く印刷物を出版することが初期タイポ グラフィであった。ただし、活版印刷だけをタイポグラフィ とは言わず、字 体の集合であるグリフ及びファミリーが存在している限り、古い文献などか ら見られる色々なグリフも立派なタイポグラフィーの一部である。活版印刷 技術誕生から派生した芸術や、デザイン性もタイポグラフィの一つである。 現在では印刷物に限らず、様々なデザインの中で見ることができる。タイ ポグラフィを専門とする職業及び職人、テクニシャンをタイポグラファーと いう。
  • 7. Hachioji.pm タイポグラフ とは ィ (引用:タイポグラフィ Wikipedia) 意図して文字を並べたら タイポグラフ ! ィ
  • 8. Hachioji.pm (引用:タイポグラフィ Wikipedia) William Caslonのローマン体サンプル
  • 11. Hachioji.pm 協力:@uzulla ( 無許可)