Upgrade to Pro — share decks privately, control downloads, hide ads and more …

市民の先生_1ホームページとWordPressについて.pdf

Avatar for keita keita
May 31, 2021
Design
0
180

 市民の先生_1ホームページとWordPressについて.pdf

Avatar for keita

keita

May 31, 2021
Tweet

More Decks by keita

See All by keita
新田知事プレゼン資料.pdf
Avatar for keita keita_yoshikawa
0
18
富山デザイン勉強会_デザイン経営.pdf
Avatar for keita keita_yoshikawa
0
48
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
130
富山デザイン勉強会_デザイントレンド2025.pdf
Avatar for keita keita_yoshikawa
0
320
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
Avatar for keita keita_yoshikawa
0
74
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
Avatar for keita keita_yoshikawa
0
38
富山デザイン勉強会_私がデザインのために考えていること.pdf
Avatar for keita keita_yoshikawa
0
73
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
Avatar for keita keita_yoshikawa
2
120
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
200

Other Decks in Design

See All in Design
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
180
1920*1080pxに設定したケース / Google Slide Size Test
Avatar for Arthur arthur1
0
2.9k
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
1.5k
「デザイン」を信じるには
Avatar for なつ iflection
0
270
portfolio_YumiYasuda
Avatar for yumi yasuda yum0418
0
290
Building foundations 堅牢なデザイントークンの設計
Avatar for Hiroki Tani hilokifigma
2
3.5k
マンガで分かるサービスデザインガイドライン
Avatar for デジタルサービス局戦略部 senryakuka
1
890
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
0
920
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.7k
ポートフォリオ_藤田歩希(ほまれ)
Avatar for Aki Fujita akifujita_homarecreate
0
600
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
Avatar for sugiyama sugiyama_sukedachi
0
130
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.6k

Featured

See All Featured
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.9k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k

Transcript

  1. DERA-DESIGN 01 で ホームページを作ろう! ホームページとWordPressについて

  2. インターネット上に公開している、ブログやコーポレートサイト、 ショッピングサイトの Web ページの集まりです。 最近では、小さなお店や会社でも、ホームページを持っておかなきゃい けないと言われる時代になりました。 DERA-DESIGN 02 ホームページとはʁ

  3. DERA-DESIGN 03 ホームページ制作に必要なもの

  4. DERA-DESIGN 04 サーバ ホームページ制作に必要なもの ホームページのデータを保存し、 パソコンやスマホなどからリクエ ストが来た時にデータを送ります。 ホームページを作る時には必ずい るものです。

  5. DERA-DESIGN 05 ドメイン ホームページ制作に必要なもの ホームページの住所のようなもの です。 厳密には必須ではありませ んが、一般的にホームページを作 る時にはドメインを用意します。

  6. DERA-DESIGN 06 データベース ホームページ制作に必要なもの サーバとは別に、データを蓄積し て必要に応じてを取り出せるよう になっています。 WordPress でホームページを作 る場合、

    必須になります。

  7. DERA-DESIGN 07 ホームページで使う言語 HTML CSS PHP JavaScript

  8. とはʁ WordPress とは、 コンテンツマネ ジメントシステム （CMS） です。 専門の言語がわからなくても、簡 単にホームページが作れて、コン テンツ

    （ブログ） を管理できるソフ トのことです。 WordPress 日本公式キャラクター 「わぷー （Wapuu） 」 DERA-DESIGN 08

  9. のシェア DERA-DESIGN 09

  10. 415%がWP のシェア 10 DERA-DESIGN

  11. 11 DERA-DESIGN の特徴 ・コンテンツ （ブログなど） を制作しやすい ・たくさんのテーマやプラグインが使える ・オープンソースで開発されている ・ユーザーが多いため、 情報が得やすい

  12. DERA-DESIGN 12 コンテンツを管理しやすい HTMLや CSS など、 専門的な知識が なくてもホームページの更新をする ことができます。 の特徴

  13. DERA-DESIGN 13 テーマ WordPressはテーマを変えること によって簡単に見た目を変えること ができます。 公式テーマは全て100％ GPLなので使用することも改変する ことも自由です。 また商用利用や

    テーマを販売することも自由です。 https/ /jawordpressorg/themes/ の特徴

  14. DERA-DESIGN 14 の特徴 プラグイン WordPressはプラグインで機能を拡張 することができます。 公式プラグインの 登録数は58、 639 個

    （2021年5月現在） あります。 問い合わせフォームやライ トボックスなど、多くの機能を簡単に 実現できます。 https/ /jawordpressorg/plugins/

  15. DERA-DESIGN 15 DERA-DESIGN の特徴 オープンソースとは、 「制作者が権利を主張しない」 ソフトウェア開発の 手法のことです。 オープンソースのものは、個人ɾ企業を問わず誰でも 利用ɾ修正することができます。

    オープンソースを利用して作ったもの を、 さらに配布してもかまいません。 権利を主張しないことで、 様々な人 が開発に参加でき、 よりよいシステムや商品が生まれます。 オープンソースとは？

  16. DERA-DESIGN 16 PHP index.php image.jpg logo.svg style.css script.js CSS JS

    世界のWordPressコミュニティが 100%GPLを推奨している 100%GPL

  17. DERA-DESIGN 17 PHP index.php 100％ではないGPLは 自由が制限されるので好ましくない logo.svg image.jpg style.css CSS

    script.js JS スプリッ トライセンス

  18. DERA-DESIGN 18 ユーザーが多いため、 情報が得やすい 反面セキュリティに問題を抱えやすい弱点になることも…… 使っている人、 開発している人が多い ので、 カスタマイズに対応しやすい。 また解説も充実している場合が多い。

    の特徴

  19. DERA-DESIGN 19 のコミュニティ

  20. DERA-DESIGN 20 WordPress Meetup WordPress が好きな人ɾ興味のある人が集まるグループです。 ボラン ティアで運営されており、誰でも無料で参加できます。WordPress を 始めたばかりの初心者から、実際に仕事で使っている方など、幅広いレ

    ベルの方が１つの場所に集まって情報を交換できます。 のコミュニティ

  21. DERA-DESIGN 21 109ヵ国・749グループ https/ /wwwmeetupcom/ja-JP/pro/wordpress/ のコミュニティ

  22. DERA-DESIGN 22 DERA-DESIGN 22 Toyama WordPress Meetup のコミュニティ https/ /wwwmeetupcom/ja-JP/Toyama-WordPress-Meetup/

  23. DERA-DESIGN 23 コミュニティに参加できない場合も…… のコミュニティ 100%GPL

  24. DERA-DESIGN 24 以上 ご清聴ありがとう ございました