シリーズ目次

実装とデザインの関係超入門

12
1.実装しづらいデザインとは?
03:46
1.実装しづらいデザインとは?

1.実装しづらいデザインとは?

2.コードのレイアウト法則を見てみよう
01:30
2.コードのレイアウト法則を見てみよう

2.コードのレイアウト法則を見てみよう

3.よくあるヘッダー実装を見てみよう
06:36
3.よくあるヘッダー実装を見てみよう

3.よくあるヘッダー実装を見てみよう

4.コードのレイアウト例を見る
03:48
4.コードのレイアウト例を見る

4.コードのレイアウト例を見る

5.実装しづらいデザインデータとは?
04:01
5.実装しづらいデザインデータとは?

5.実装しづらいデザインデータとは?

6.実装しづらいデザインデータ②
06:05
6.実装しづらいデザインデータ②

6.実装しづらいデザインデータ②

7.データだけじゃなく必ず意図を共有しよう
02:04
7.データだけじゃなく必ず意図を共有しよう

7.データだけじゃなく必ず意図を共有しよう

8.エンジニアさんにデザインを文字で共有しよう
04:36
8.エンジニアさんにデザインを文字で共有しよう

8.エンジニアさんにデザインを文字で共有しよう

9.質問:実装しやすいデザインは綺麗なのか?
01:09
9.質問:実装しやすいデザインは綺麗なのか?

9.質問:実装しやすいデザインは綺麗なのか?

10.質問:実装の知識がないと就職できないか?
00:57
10.質問:実装の知識がないと就職できないか?

10.質問:実装の知識がないと就職できないか?

11.質問:実装はドキュメント共有すればOK?
02:01
11.質問:実装はドキュメント共有すればOK?

11.質問:実装はドキュメント共有すればOK?

12.実装はフレームワークを使うのが基本か?
02:46
12.実装はフレームワークを使うのが基本か?

12.実装はフレームワークを使うのが基本か?

□ 実装しやすい=データやデザインが良いというだけじゃない

エンジニアさんが実装しやすいデザインと聞くと「あーコードのこと理解しないといけないんやな….」と思います。

もちろんそうです!が、それだけではなく”コミュニケーションを通して、コードのことを教えてもらう”という視点も大事です。

プロの目線になるのは時間が必要なので、まずは相手から学ぶ、そのために意図を伝えて擦り合わせる。というのも重要です。

その点も含めて勉強会でしゃべりました!

①基本的なコードの実装法則を紹介

②実装しづらいデータの特徴を紹介

③エンジニアさんへの共有方法

□ 勉強会で使ったドキュメントはこちら

『デザイナーがエンジニアとのコミュニケーションで気をつけたいこと。』

https://www.notion.so/takumikai/1cb4164003924033b6f85cb07ca4e269

□ STUDIO実装したい時はこちらをどうぞ

『STUDIO解説 - Youtube』

https://www.youtube.com/watch?v=Xq3B2mkmln0&t=1s

□ 実装しやすい=データやデザインが良いというだけじゃない

エンジニアさんが実装しやすいデザインと聞くと「あーコードのこと理解しないといけないんやな….」と思います。

もちろんそうです!が、それだけではなく”コミュニケーションを通して、コードのことを教えてもらう”という視点も大事です。

プロの目線になるのは時間が必要なので、まずは相手から学ぶ、そのために意図を伝えて擦り合わせる。というのも重要です。

その点も含めて勉強会でしゃべりました!

①基本的なコードの実装法則を紹介

②実装しづらいデータの特徴を紹介

③エンジニアさんへの共有方法

□ 勉強会で使ったドキュメントはこちら

『デザイナーがエンジニアとのコミュニケーションで気をつけたいこと。』

https://www.notion.so/takumikai/1cb4164003924033b6f85cb07ca4e269

□ STUDIO実装したい時はこちらをどうぞ

『STUDIO解説 - Youtube』

https://www.youtube.com/watch?v=Xq3B2mkmln0&t=1s

□ 実装しやすい=データやデザインが良いというだけじゃない

エンジニアさんが実装しやすいデザインと聞くと「あーコードのこと理解しないといけないんやな….」と思います。

もちろんそうです!が、それだけではなく”コミュニケーションを通して、コードのことを教えてもらう”という視点も大事です。

プロの目線になるのは時間が必要なので、まずは相手から学ぶ、そのために意図を伝えて擦り合わせる。というのも重要です。

その点も含めて勉強会でしゃべりました!

①基本的なコードの実装法則を紹介

②実装しづらいデータの特徴を紹介

③エンジニアさんへの共有方法

□ STUDIO実装したい時はこちらをどうぞ

『STUDIO解説 - Youtube』

https://www.youtube.com/watch?v=Xq3B2mkmln0&t=1s

実装とデザインの関係超入門

12
1.実装しづらいデザインとは?
03:46
1.実装しづらいデザインとは?

1.実装しづらいデザインとは?

2.コードのレイアウト法則を見てみよう
01:30
2.コードのレイアウト法則を見てみよう

2.コードのレイアウト法則を見てみよう

3.よくあるヘッダー実装を見てみよう
06:36
3.よくあるヘッダー実装を見てみよう

3.よくあるヘッダー実装を見てみよう

4.コードのレイアウト例を見る
03:48
4.コードのレイアウト例を見る

4.コードのレイアウト例を見る

5.実装しづらいデザインデータとは?
04:01
5.実装しづらいデザインデータとは?

5.実装しづらいデザインデータとは?

6.実装しづらいデザインデータ②
06:05
6.実装しづらいデザインデータ②

6.実装しづらいデザインデータ②

7.データだけじゃなく必ず意図を共有しよう
02:04
7.データだけじゃなく必ず意図を共有しよう

7.データだけじゃなく必ず意図を共有しよう

8.エンジニアさんにデザインを文字で共有しよう
04:36
8.エンジニアさんにデザインを文字で共有しよう

8.エンジニアさんにデザインを文字で共有しよう

9.質問:実装しやすいデザインは綺麗なのか?
01:09
9.質問:実装しやすいデザインは綺麗なのか?

9.質問:実装しやすいデザインは綺麗なのか?

10.質問:実装の知識がないと就職できないか?
00:57
10.質問:実装の知識がないと就職できないか?

10.質問:実装の知識がないと就職できないか?

11.質問:実装はドキュメント共有すればOK?
02:01
11.質問:実装はドキュメント共有すればOK?

11.質問:実装はドキュメント共有すればOK?

12.実装はフレームワークを使うのが基本か?
02:46
12.実装はフレームワークを使うのが基本か?

12.実装はフレームワークを使うのが基本か?

閉じる

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

0 Comments

Active Here: 0
Be the first to leave a comment.
Loading
Load Previous
Someone is typing...
No Name
Set
4 years ago
Moderator
(Edited)
This is the actual comment. It's can be long or short. And must contain only text information.
Your comment will appear once approved by a moderator.
Load Previous
No Name
Set
2 years ago
Moderator
(Edited)
This is the actual comment. It's can be long or short. And must contain only text information.
Your reply will appear once approved by a moderator.
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More