フィールドスタディ2024砺波高校.pdf

Transcript

1. 講 師 ： 吉 川 圭 太 （ 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
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
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
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
5. ・所　在　地　〒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
6. ɾ 理 念 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4
7. より良いデザインを 一つでも多く 世の中に送り出す D E R A - D E S I G N F i e l d s t u d y 2 0 2 4
8. 事 業 内 容 ・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
9. 講 師 紹 介 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4
10. 吉川 圭太 （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
11. • 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
12. 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
13. 長 男 （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
14. 渕崎 愛 （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
15. • 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
16. 砺波 高校時代 演 劇 部 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4
17. 尾形百之助と 推しは 月島　基 ©ゴールデンカムイ 野田サトル D E R A - D E S I G N F i e l d s t u d y 2 0 2 4
18. 事 業 紹 介 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4
19. 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
20. インターネット上に公開している、ブログやコーポレートサイト、 ショッピングサイトの 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
21. 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
22. コーディング 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
23. 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
24. 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
25. 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
26. 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
27. 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
28. 管理がしやすい 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
29. 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
30. 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
31. 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
32. 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
33. 情報が多い 使っている人、開発している人が多い ので、 カスタマイズに対応しやすい。 ま た解説も充実している場合が多い。 反面セキュリティに問題を抱えやす い弱点になることもʜʜ 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
34. 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
35. 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
36. 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
37. 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
38. 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
39. 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
40. 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
41. 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
42. 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
43. 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
44. 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
45. アクセス解析 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
46. 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
47. 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
48. ϯ σ β Π ษ ڧ ձ ذ ͗ ෞ ; Ҋ ਤ 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
49. コーダー道場となみ 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
50. 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
51. 世界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
52. 小学生〜高校生が対象 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
53. 参加費は無料 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
54. 毎週土曜日 （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
55. スペイン サンマリノ イタリア モナコ ブルガリア コソボ モンテネグロ アルバニア 北マケドニア ギリシャ トルコ ポルトガル モロッコ アルジェリア チュニジア マルタ アンドラ バチカン 制 作 事 例 D E R A - D E S I G N F i e l d s t u d y 2 0 2 4
56. 制 作 事 例 ①ɿ庄 川 土 石 工 業 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
57. 制 作 事 例 ②ɿ飯 作 運 輸 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
58. 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
59. 制 作 事 例 ④ɿ萩 石 材 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
60. 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
61. 制 作 事 例 ⑥ɿ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
62. 制 作 事 例 ⑦ɿス タ デ ィ オ ン 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
63. 制 作 事 例 ⑧ɿとなみセントラル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
64. 制 作 事 例 ⑨ɿ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
65. 以上 ご清聴ありがとう ございました D E R A - D E S I G N F i e l d s t u d y 2 0 2 4