Slide 1

Slide 1 text

講 師 : 吉 川 圭 太 ( D E R A - D E S I G N ) 富 山 県 立 砺 波 高 等 学 校 フ ィ ー ル ド ス タ デ ィ D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 2

Slide 2 text

事 業 所 紹 介 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 3

Slide 3 text

D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 4

Slide 4 text

D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 5

Slide 5 text

・所 在 地 〒939-1335 富山県砺波市鷹栖1933 ・電 話 番 号 0763-23-4253 ・代 表 者 吉川 圭太 ・設立年月日 2020年4月1日 ・従 業 員 数 2人 事 業 所 概 要 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 6

Slide 6 text

ɾ 理 念 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 7

Slide 7 text

より良いデザインを 一つでも多く 世の中に送り出す D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 8

Slide 8 text

事 業 内 容 ・Webサイト制作    ・グラフィックデザイン ・写真撮影         ・映像制作 ・イラスト制作       ・その他各種デザイン ・Webサイト運営サポート ・デザインなどの講師 ・プログラミング道場の開催 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 9

Slide 9 text

講 師 紹 介 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 10

Slide 10 text

吉川 圭太 (41才) ɾDERA-DESIGN 代表 ɾWebデザイン/グラフ ィ ックデザイン ɾ愛知県名古屋市 出身 ɾ砺波市在住 (2020年6月に移住) ɾ妻と長男 (4才) と次男 (3才) 4人暮らし D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 11

Slide 11 text

● 27才〜ɿDTPデザイナー (2年) ● 29才〜ɿ看板デザイン (1年) ● 30才〜ɿWebデザイン グラフィ ッ クデザイン (10年) デ ザ イ ナ ー 歴 約 14 年 デ ザ イ ン に 携 わ っ て き ま し た D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 12

Slide 12 text

15 才 〜 27 才 総 合 格 闘 技 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 13

Slide 13 text

長 男 (4才) 次 男(3才) D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 14

Slide 14 text

渕崎 愛 (32才) ɾDERA-DESIGN デザイナー ɾWebデザイン/グラフ ィ ックデザイン ɾ富山県砺波市 出身 (砺波高校卒業) ɾ進学で岐阜へ、 その後砺波へ戻る ɾ好きなマンガは 「ゴールデンカムイ」 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 15

Slide 15 text

● 22才〜ɿWebデザイン グラフィ ッ クデザイン (10年) デ ザ イ ナ ー 歴 約10 年 デ ザ イ ン に 携 わ っ て き ま し た D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 16

Slide 16 text

砺波 高校時代 演 劇 部 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 17

Slide 17 text

尾形百之助と 推しは 月島 基 ©ゴールデンカムイ 野田サトル D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 18

Slide 18 text

事 業 紹 介 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 19

Slide 19 text

01Webサイト制作 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 20

Slide 20 text

インターネット上に公開している、ブログやコーポレートサイト、 ショッピングサイトの Web ページの集まりです。 最近では、小さなお店や会社でも、ホームページを持っておかなきゃい けないと言われる時代になりました。 Webサイトとは 01Webサイト制作 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 21

Slide 21 text

01Webサイト制作 デザイン D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 22

Slide 22 text

コーディング 01Webサイト制作 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 23

Slide 23 text

Webで使う言語 HTML CSS PHP JavaScript 01Webサイト制作 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 24

Slide 24 text

WordPress ( ワ ー ド プ レ ス ) 01Webサイト制作 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 25

Slide 25 text

01Webサイト制作 WordPress とは、コンテンツマネ ジメントシステム (CMS) です。 専門の言語がわからなくても、簡 単にホームページが作れて、コン テンツ (ブログ) を管理できるソフ トのことです。 WordPress 日本公式キャラクター 「わぷー (Wapuu) 」 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 26

Slide 26 text

01Webサイト制作 の シ ェ ア D E R A - D E S I G N F i e l d s t u d y 2 0 2 4 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 27

Slide 27 text

01Webサイト制作 の シ ェ ア 429 % が W P D E R A - D E S I G N F i e l d s t u d y 2 0 2 4 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 28

Slide 28 text

管理がしやすい HTMLや CSS など、専門的な知識がな くてもホームページの更新をするこ とができます。 https:/ /ja.wordpress.org/themes/ 01Webサイト制作 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 29

Slide 29 text

WordPressはテーマを変えることに よって簡単に見た目を変えることが できます。 公式テーマは使用すること も改変することも自由です。 またテー マを販売することも自由です。 テーマ https:/ /ja.wordpress.org/themes/ 01Webサイト制作 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 30

Slide 30 text

WordPressはプラグインで機能を拡張 できます。 公式プラグインの登録数は 60、 104 個 (2022年9月現在) あります。 問い合わせフォームやライトボックス など、 多くの機能を簡単に実現できます。 プラグイン https:/ /ja.wordpress.org/plugins/ 01Webサイト制作 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 31

Slide 31 text

01Webサイト制作 オープンソースとは 「制作者が権利を主張しない」 ソフトウェア開発 の手法です。 オープンソースのものは、 個人 ɾ 企業 (商用) を問わず誰で も利用 ɾ 修正することができます。 オープンソースを利用し作ったも のを、 再配布してもかまいません。 権利を主張しないことで、 様々な 人々が開発に参加でき、 よりよいシステムや商品が生まれます。 オープンソース D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 32

Slide 32 text

PHP index.php image.jpg logo.svg style.css script.js CSS JS 世界のWordPressコミュニティが 100%GPLを推奨している 100%GPL 01Webサイト制作 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 33

Slide 33 text

情報が多い 使っている人、開発している人が多い ので、 カスタマイズに対応しやすい。 ま た解説も充実している場合が多い。 反面セキュリティに問題を抱えやす い弱点になることもʜʜ 01Webサイト制作 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 34

Slide 34 text

WEBサイ トの デザインをするには 幅広い技術が必要 01Webサイト制作 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 35

Slide 35 text

02グラフィックデザイン D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 36

Slide 36 text

02グラフィックデザイン 名刺 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 37

Slide 37 text

02グラフィックデザイン チラシ・フライヤーなど ͜ ʔ ͩ ʔ Ͳ ͏ ͡ ΐ ͏ ͱ ͳ Έ ࢠͲ΋ ʢখֶੜ͔Βߴߍੜʣ ޲͚ʹ։࠵͍ͯ͠Δແྉϓϩάϥϛϯάษڧձ ࢀՃແྉ ࣗ༝ݚڀͰͳʹΛ΍Ζ͏͔೰ΜͰ͍·ͤΜ͔ʁ ϓϩάϥϛϯάΛ࢖ͬͨςʔϚ΍ํ๏Λ૬ஊͰ͖·͢ɻ ࠓ೥ͷࣗ༝ݚڀ͸ϓϩάϥϛϯάͰ͖·Γʂ ຖि౔༵೔ʹ։࠵த ˞௨ৗͷϓϩάϥϛϯάಓ৔΋։࠵தͰ͢ ాฟ5ၿ႕ ૒ᝈᓕၞବଏଓ૽ସථ೑ఐᏹ૓ ሷᇣఐᏹ ᒊᱳອጔ૆0 ɿ 00~2 ɿ 00 ጤዋેጤዋેጤዋ ᝈᓕၞễᎏ'(5$-'(6,*1) ࿩ྡྷၿᚌὫṢ᎒ၿᚌ ἕ࿩ྡྷᚌጳᕈଜ෍൮ର෧ᥖକଇૈ ଂᜅ᭕૽଎ଃ૲἖ ᵒೆఎྷ ౎૆૆໪ ᵒೆዋឳ ࿛૆૆ᮝ ᬽᡸଝ ଁଏଷ ၿaጤᵒೆൂ ܼ౎໪ଜ༝ጙଲે ᵒೆૺ௰ᑦଙଘହ໪ෲଝે Webୡ୐୴ଲ෱616କ૸᜶ଷଉଅବଇૈ ྗଗର଍ଏଖ௛᢫ଙஃஙଡ଼க஋டଡ଼ୀᐃଅୁକ૽଺ହ༨఩ୀඃᶨ௰Ἆஃஙଡ଼க஋டଡ଼ ଜ᜶ᮃૺᗅ૽ଔର༨௟༫ૈ ᒊຜ෍൮ଅଘ૽ଔରOKକଇૈ ᦛตଜ૰ହኾଝ૸ᒗᰧଙ૸๒ ૲ෲଽଉ૽଎ଃ૲ૈ 7(/ἧ ஈகட୲୏୎༨ඃᶨ௰Ἆ ‒ჯቒἧᝈᓕၞે ᝈᓕၞኟ᥀ཞุ౎ ἕ ጤᵒೆൂ἖ ‒ాฟၿ႕ ૒ᝈᓕၞବଏଓ૽ସථ೑ఐᏹ૓ ሷᇣఐᏹ ͱ ͳ Έ ૑ ۀ क़ ͋ͳͨͷເΛ Ԡԉ͠·͢ ʂ ʂ ౰ߨ࠲͸ɺ ౑೾ࢢ૑ۀࢧԉࣄۀܭըʹ͓͚Δ ʮಛఆ૑ۀࢧԉࣄۀʯ Ͱ͢ɻ डߨऀ͸ɺ ౑೾ࢢ͔Β૑ۀೝఆΛड͚Δ͜ͱͰ૑ۀͷ༏۰ࢧԉΛड͚Δ͜ͱ͕ՄೳͰ͢ɻ ʢୠ͠ɺ ৚݅౳ʹΑΓ֘౰͠ͳ͍৔߹΋͋Γ·͢ͷ Ͱɺ ৄࡉʹ͍ͭͯ͸͓໰͍߹ΘͤԼ͍͞ʣ ԁ ͓໰͍߹Θͤɾ͓ਃ͠ࠐΈ ਃ͠ࠐΈํ๏ ౑೾঎޻ձٞॴ ˟౑೾ࢢӬ෱ொɹɹ5&- ɿ ɹ'"9 ɿ ঙɹ઒ɹொɹ঎ɹ޻ɹձ ˟౑೾ࢢঙ઒ொࣔ໺ɹ 5&- ɿ ɹ'"9 ɿ ։ɹ࠵ɹ೔ ։࠵৔ॴ डɹߨɹྉ डߨର৅ ౑೾঎޻ձٞॴ ʢ౑೾ࢢӬ෱ொ ʣ ݄ ೔ ˔ ౔ ݄ ೔ ˔ ౔ εϜʔζͳ૑ۀΛ࣮ݱ͢ΔͨΊʹɺ ࣄۀΛ։࢝Λ͢Δҝͷ৺͕·͑΍ ੫຿ ɾ ܦཧ ɾ ࿑຿౳ͷܦӦʹඞཁͳ جૅ஌͔ࣝΒɺ Ϗδωεϓϥϯͷ ࡞੒·ͰΛֶͿ࣮ફతͳߨ࠲Ͱ͢ɻ ೔෼ ɾ ࢿྉ୅ࠐΈ ։࠵౰೔ʹू͍ۚͨ͠·͢ ໊ ఆɹɹһ ૑ۀʹڵຯ͕͋ΔํͰ͋Ε͹ͲͳͨͰ΋डߨ Ͱ͖·͢ ʢࢢ֎ࡏॅͷํɾֶੜՄʣ ૑ۀ༧ఆͷํɺ ಠཱʹ޲͚͔ͯͬ͠Γ४උ͠ ͍ͨํɺ ૑ۀޙ೥Ҏ಺ͷํ ཪ໘ͷडߨਃࠐॻΛ͝هೖͷ্ɺ ౑೾঎޻ձ ٞॴ·ͨ͸ঙ઒ொ঎޻ձͷ૭ޱʹ࣋ࢀ͍ͨ ͔ͩ͘ɺ '"9ɾ༣ૹʹ͓ͯਃ͠ࠐΈԼ͍͞ɻ )1͔Βͷਃ͠ࠐΈ΋ঝ͓ͬͯΓ·͢ɻ ਃࠐక੾ɿ ೥݄ ೔ ʢ݄ʣ ඞண ౑೾঎޻ձٞॴ )1 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 38

Slide 38 text

03写真撮影 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 39

Slide 39 text

03写真撮影 商品撮影 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 40

Slide 40 text

03写真撮影 人物撮影 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 41

Slide 41 text

03写真撮影 出張撮影 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 42

Slide 42 text

04イラスト制作・映像制作 その他各種デザイン D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 43

Slide 43 text

03イラスト制作・映像制作・その他各種デザイン こんなものも作ってます D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 44

Slide 44 text

05Webサイト運営サポート D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 45

Slide 45 text

アクセス解析 05Webサイト運営サポート グリーンランド D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 46

Slide 46 text

SEO (Search Engine Optimizati on, サーチ ・ エンジン ・ オプティマイ ゼーション) は検索エンジンに最適 化して、オーガニックな検索結果 においてホームページを上位表示 させることです。 SEO 05Webサイト運営サポート D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 47

Slide 47 text

06デザインなどの講師 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 48

Slide 48 text

ϯ σ β Π ษ ڧ ձ ذ ͗ ෞ ; Ҋ ਤ E FTJHO T O N A M I プログラミングセッション in 鷹栖小学校 デザイン・Web・ITなど 06デザインなどの講師 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 49

Slide 49 text

コーダー道場となみ 07プログラミング道場の開催 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 50

Slide 50 text

2011年アイルランドで始まる フランス ドイツ ポーランド チェコ スロバキア オーストリア スイス スロベニア クロアチア ハンガリー ルーマニア モルドバ ウクライナ ベラルーシ ラトビア リトアニア ロシア ロシア フィンランド スウェーデン ノルウェー デンマーク エストニア リヒテンシュタイン オランダ イギリス ΞΠϧϥϯυ アイスランド ベルギー ルクセンブルク 07プログラミング道場の開催 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 51

Slide 51 text

世界114ヶ国・ 2324の道場 07プログラミング道場の開催 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 52

Slide 52 text

小学生〜高校生が対象 07プログラミング道場の開催 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 53

Slide 53 text

参加費は無料 07プログラミング道場の開催 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 54

Slide 54 text

毎週土曜日 (10:00 ~12:00) 07プログラミング道場の開催 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 55

Slide 55 text

スペイン サンマリノ イタリア モナコ ブルガリア コソボ モンテネグロ アルバニア 北マケドニア ギリシャ トルコ ポルトガル モロッコ アルジェリア チュニジア マルタ アンドラ バチカン 制 作 事 例 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 56

Slide 56 text

制 作 事 例 ①ɿ庄 川 土 石 工 業 https://shogawa.co.jp/ D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 57

Slide 57 text

制 作 事 例 ②ɿ飯 作 運 輸 https://hansaku.jp/ D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 58

Slide 58 text

https://vpl2023.com/ 制 作 事 例 ③ɿV P L D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 59

Slide 59 text

制 作 事 例 ④ɿ萩 石 材 https://hagisekizai.com/ D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 60

Slide 60 text

https://armth.co.jp/ 制 作 事 例 ⑤ɿプラチナムロード岐阜 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 61

Slide 61 text

制 作 事 例 ⑥ɿA C E https://clean-ace.com/ D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 62

Slide 62 text

制 作 事 例 ⑦ɿス タ デ ィ オ ン https://studion.jp/ D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 63

Slide 63 text

制 作 事 例 ⑧ɿとなみセントラルLC https://tc-lions.jp/ D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 64

Slide 64 text

制 作 事 例 ⑨ɿM’s グ ル ー プ https://ms-369.jp/ D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 65

Slide 65 text

以上 ご清聴ありがとう ございました D E R A - D E S I G N F i e l d s t u d y 2 0 2 4

Slide 66

Slide 66 text

No content

Slide 67

Slide 67 text

No content

Slide 68

Slide 68 text

No content

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

No content

Slide 71

Slide 71 text

No content

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

42

Slide 74

Slide 74 text

No content

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

No content

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

No content

Slide 79

Slide 79 text

No content

Slide 80

Slide 80 text

No content