$30 off During Our Annual Pro Sale. View Details »

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

Avatar for keita keita
June 07, 2022
Technology
0
160

 市民の先生_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
37
新田知事プレゼン資料.pdf
Avatar for keita keita_yoshikawa
0
40
富山デザイン勉強会_デザイン経営.pdf
Avatar for keita keita_yoshikawa
0
85
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
200
富山デザイン勉強会_デザイントレンド2025.pdf
Avatar for keita keita_yoshikawa
0
400
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
Avatar for keita keita_yoshikawa
0
130
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
Avatar for keita keita_yoshikawa
0
69
富山デザイン勉強会_私がデザインのために考えていること.pdf
Avatar for keita keita_yoshikawa
0
100
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
Avatar for keita keita_yoshikawa
2
160

Other Decks in Technology

See All in Technology
re:Invent 2025 ~何をする者であり、どこへいくのか~
Avatar for tetutetu214 tetutetu214
0
210
Databricks向けJupyter Kernelでデータサイエンティストの開発環境をAI-Readyにする / Data+AI World Tour Tokyo After Party
Avatar for GENDA genda
1
110
AIプラットフォームにおけるMLflowの利用について
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
110
プロンプトやエージェントを自動的に作る方法
Avatar for shibuiwilliam shibuiwilliam
0
1.1k
グレートファイアウォールを自宅に建てよう
Avatar for 綿糸てせ ctes091x
0
150
Kiro Autonomous AgentとKiro Powers の紹介 / kiro-autonomous-agent-and-powers
Avatar for tomoki10 tomoki10
0
440
Lessons from Migrating to OpenSearch: Shard Design, Log Ingestion, and UI Decisions
Avatar for SansanTech sansantech
PRO
1
120
大企業でもできる！ボトムアップで拡大させるプラットフォームの作り方
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
1
750
Power of Kiro : あなたの㌔はパワステ搭載ですか？
Avatar for r3_yamauchi r3_yamauchi
PRO
0
110
AWSセキュリティアップデートとAWSを育てる話
Avatar for cm-usuda-keisuke cmusudakeisuke
0
250
Snowflakeでデータ基盤を もう一度作り直すなら / rebuilding-data-platform-with-snowflake
Avatar for pei0804 pei0804
4
1.4k
今からでも間に合う！速習Devin入門とその活用方法
Avatar for Izumu KUSUNOKI ismk
1
670

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.2k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
13k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.4k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3k

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