SlideShare une entreprise Scribd logo
1  sur  26
Télécharger pour lire hors ligne
福井で
                           mini
「しあわせデザイナー」                SESSION
                           START
になるために


CSS Nite in FUKUI, Vol.5
2012.02.18

山森美穂
self introduction
山森美穂                m i h o Ya m a m o r i


de555.net
twitter : @kotobuki555ing
facebook : facebook.com/kotobuki555ing




フリーデザイナー

Web / グラフィック / ロゴ / イラスト など

最近では、モバイルアプリの UIも

これでも2人の女の子の母なんです
my history
                            高校卒業
就職氷河期まっただ中
 ✦ メガネデザイン
                                   1998
 ✦ グラフィックデザイン/広告業

 ✦ プリントネームのデザイン/データ修正/製版業

 ✦ DTP/オンデマンド印刷業など
                            結婚と
                            一児出産


子育てまっただ中                           2003
デザインしたさに…
株式会社インフォネットに入社                     2005
2005
2005


社内デザイナー約5年半
 ✦ Webサイトのデザイン

 ✦ 自社CMSサイト

 ✦ ECサイト運営

 ✦ HTMLコーディング

 ✦ ロゴデザイン

 ✦ イラスト制作

 など
                 会社
社内デザイナー全体の、      やめる。
デザインのチェック               2010
2005




ゼロからのWebデザイナー


                会社
                やめる。

                       2010
2005
ゼロからのWebデザイナー

Webの知識ゼロ
✦ 更新係からスタート
✦ HTMLやCSSを知らない状態
✦ 印刷物との違い




Webの勉強方法
                                 Study!
✦ 仕事の時間が勉強の場

✦ 社内で各自のレベル確認と、デザインの底上げのための課題。
 <通称:デ部ミッション>
                                 Design
                                 UI
Study!
ゼロからのWebデザイナー

Webデザインのテクニックを向上せよ!       Design
                          UI
1.先輩デザイナーの手法や技術をぬすむ!
                          HTML
2.普段から周囲のモノに、常にアンテナをはる!
                          CSS
3.手書きでスケッチを描いてみる!

4.妄想族になってみた!




                          APP
Study!
ゼロからのWebデザイナー

サイト制作の知識をつけよ。            Design

1.サイトの良し悪しを調べる、知る        UI
                         HTML
2.Webだとソースが勝手に見れる利点を活用
                         CSS
3.CMSを無理矢理つかう

4.CSS Nite 公式本で逆引き




                         APP
APP




                   START
                   Design
Webデザイナーのアプリデザイン   UI
                   MA7
APP
Webデザイナーのアプリデザイン

                          アイホン
アプリへの興味                   もって    START
                          ないの…
社内デザイナー時代                        Design
✦ iPhoneアプリのデザインに初めて携わる
                                 UI
✦ プログラマーとの連携する仕事
                                 MA7
フリーになって
✦ アプリデザインへの興味
✦ イラストやアイコンを作る特技を活かしたい



iPadアプリ「むげんメモ」のアイコン
                                 FREE
APP
Webデザイナーのアプリデザイン


アプリデザインの考え方                  START
✦どんなアプリなのかジックリ把握             Design
✦誰(対象)が、いつ、何のために?   だれよりも    UI
✦複雑に考え→単純に作る        楽しむ!     MA7
✦アプリの一番のファンになる




                             FREE
APP
Webデザイナーのアプリデザイン


アプリデザインの例   参考例:むげんメモツールバー   START
before                       Design
                             UI
                             MA7
after




                             FREE
APP
Webデザイナーのアプリデザイン


アプリデザインの例   参考例:むげんメモアイコン   START
                            Design
                            UI
                            MA7




                            FREE
APP
Webデザイナーのアプリデザイン


Mashup Awards 7                            START
           株式会社リクルートの                      Design
           メディアテクノロジーラボが主催する
           日本最大級のWeb開発コンテスト                UI
                                           MA7

✦ Web APIを組み合わせてアプリを作る

✦ 500作品の応募(海外からも)

✦ ふくい産業支援センターが会場
Mashup Weekend と Mashup Battle 1st Stage


                                           FREE
APP
Webデザイナーのアプリデザイン


             のデザイン          START
                            Design
✦ ロゴとアプリ名を並行して決める
                            UI
✦ 操作性とわかりやすさ
                            MA7
 全身の動きを考えた操作
 認識しやすいデザインパーツの制作

✦ 短期間のバージョンアップ対応
 プレゼン毎のバージョンアップ
 WEDDINGバージョンのための全面デザイン変更

                            FREE
FREE




               LIFE
               STUDY
フリーデザイナーになって
FREE
フリーデザイナーになって

社内デザイナー時代との違い                LIFE
✦ ひとりの負担の大きさ
✦ 収入がまだ不安定
                             STUDY
✦ 知識の共有や日常の会話、デザインの相談が出来ない
✦ 自由にスケジュールが組める(急な仕事が少ない)
✦ いろんな人との交流


生活と仕事の時間配分
✦ 子供達や家族との時間が増えた
✦ 昼夜逆転、土日仕事など
✦ 勉強会、セミナー、イベントへの参加


                             LAST
FREE
フリーデザイナーになって

勉強会や開発イベントへの参加                          LIFE
✦ プログラマーとの仕事や出会い、知識や仕事の共有
                                        STUDY
✦ デザイナーとプログラマーのチーム開発
一緒にモノを作る楽しさ
お互いの持っている技術を発揮し合える関係性


  HTML5&JavaScript Hackathon in Fukui
  2月25日<Ideathon>
  3月4日<Hackathon>
  会場:株式会社jig.jp
  (めがね会館7F会議室)


                                        LAST
LAST




最後に、本日のまとめ
LAST

先日のセミナーの懇親会にて…



いろいろな事に手を出して やってきている事が
整理してみると、

何か1本   " 軸" があると思うんですよ。
LAST




わたしの " 軸" ってなんだろう?
LAST




デザインすることや自分の現状を

全部ひっくるめて楽しむこと。
LAST




それを追求し続けていくことが、

「しあわせデザイナー」
への道ではないか。
LAST




ありがとうございました。




        福井で「しあわせデザイナー」になるには
                       山森美穂

Contenu connexe

Tendances

デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本Takuya Nishitani
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケAsami Yamamoto
 
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性yukahatakeyama
 
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトYuya Toida
 
141219 まにフェス
141219 まにフェス141219 まにフェス
141219 まにフェスrie05
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話Yuya Toida
 
20160124_GPL勉強会
20160124_GPL勉強会20160124_GPL勉強会
20160124_GPL勉強会rie05
 
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】schoowebcampus
 
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれレスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれAkiko Kurono
 
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランSasaki Kouhei
 
Pixate導入についてのあれこれ
Pixate導入についてのあれこれPixate導入についてのあれこれ
Pixate導入についてのあれこれKazuyuki Oikawa
 
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Takuya Nishitani
 
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来Masayuki Uetani
 
ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩Haiji Haiiro
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインHiroyuki Makishita
 
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf theguild
 
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦sogawaminoru
 
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組みYuya Toida
 
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)Concent, Inc.
 

Tendances (19)

デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
 
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
 
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
 
141219 まにフェス
141219 まにフェス141219 まにフェス
141219 まにフェス
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
 
20160124_GPL勉強会
20160124_GPL勉強会20160124_GPL勉強会
20160124_GPL勉強会
 
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
 
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれレスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
 
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
 
Pixate導入についてのあれこれ
Pixate導入についてのあれこれPixate導入についてのあれこれ
Pixate導入についてのあれこれ
 
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
 
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
 
ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
 
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
 
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
 
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
 
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
 

Similaire à 福井で「しあわせデザイナー」になるために

デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめデザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめAimi Shinohara
 
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Miho Yamamori
 
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳Chihiro Tomita
 
Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23Mari Kimura
 
ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014Nobuya Sato
 
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱Yuya Toida
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮schoowebcampus
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409schoowebcampus
 
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdfssuser6f5294
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409schoowebcampus
 
Slide14080401 140804043205-phpapp01
Slide14080401 140804043205-phpapp01Slide14080401 140804043205-phpapp01
Slide14080401 140804043205-phpapp01Maki Daigaku
 
もしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったらもしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったらChloe Takahashi
 
デザイナーがネイティブ実装に関わるメリットとコツ
デザイナーがネイティブ実装に関わるメリットとコツデザイナーがネイティブ実装に関わるメリットとコツ
デザイナーがネイティブ実装に関わるメリットとコツYurie Shiratori
 
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221Yusuke Kojima
 
[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!c-mitsuba
 
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.000からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00Yusuke Kojima
 
HTML5の今とこれから
HTML5の今とこれからHTML5の今とこれから
HTML5の今とこれからTakuya Yamamoto
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことMasakazu Muraoka
 

Similaire à 福井で「しあわせデザイナー」になるために (20)

デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめデザイン系の学校に通っていない学生のためのポートフォリオことはじめ
デザイン系の学校に通っていない学生のためのポートフォリオことはじめ
 
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
 
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
 
Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23
 
Ssi 20150519
Ssi 20150519Ssi 20150519
Ssi 20150519
 
ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014
 
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Slide14080401 140804043205-phpapp01
Slide14080401 140804043205-phpapp01Slide14080401 140804043205-phpapp01
Slide14080401 140804043205-phpapp01
 
もしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったらもしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったら
 
デザイナーがネイティブ実装に関わるメリットとコツ
デザイナーがネイティブ実装に関わるメリットとコツデザイナーがネイティブ実装に関わるメリットとコツ
デザイナーがネイティブ実装に関わるメリットとコツ
 
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
 
[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!
 
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.000からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
 
HTML5の今とこれから
HTML5の今とこれからHTML5の今とこれから
HTML5の今とこれから
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
 

福井で「しあわせデザイナー」になるために