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

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

Avatar for keita keita
June 07, 2022
Technology
0
150

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

Avatar for keita

keita

June 07, 2022
Tweet

More Decks by keita

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

Other Decks in Technology

See All in Technology
2025年夏 コーディングエージェントを統べる者
Avatar for nwiizo nwiizo
0
110
生成AIでセキュリティ運用を効率化する話
Avatar for Tkay sakaitakeshi
0
250
AWSで推進するデータマネジメント
Avatar for かわなご kawanago
0
1.2k
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
30k
[RSJ25] Feasible RAG: Hierarchical Multimodal Retrieval with Feasibility-Aware Embodied Memory for Mobile Manipulation
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
0
120
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
Avatar for sh_fk2 sh_fk2
2
110
AI エージェントとはそもそも何か？ - 技術背景から Amazon Bedrock AgentCore での実装まで- / AI Agent Unicorn Day 2025
Avatar for Yoshitaka Haribara hariby
4
1.2k
落ちる 落ちるよ サーバーは落ちる
Avatar for 末廣雅利 suehiromasatoshi
0
140
エラーとアクセシビリティ
Avatar for Tajima Sachiko schktjm
0
1k
Flutterでキャッチしないエラーはどこに行く
Avatar for AOKI Taiju taiju59
0
220
ヘブンバーンズレッドにおける、世界観を活かしたミニゲーム企画の作り方
Avatar for gree_tech gree_tech
PRO
0
570
AIのグローバルトレンド2025 #scrummikawa / global ai trend
Avatar for kyonmm kyonmm
PRO
1
240

Featured

See All Featured
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
187
54k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.5k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
131
19k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
520
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
3
610
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
810

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. 429%が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 以上 ご清聴ありがとう ございました