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

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

8. とはʁ
   WordPress とは、
   コンテンツマネ
   ジメントシステム
   （CMS）
   です。
   専門の言語がわからなくても、簡
   単にホームページが作れて、コン
   テンツ
   （ブログ）
   を管理できるソフ
   トのことです。
   WordPress 日本公式キャラクター
   「わぷー
   （Wapuu）
   」
   DERA-DESIGN
   08
   

   View Slide

9. のシェア
   DERA-DESIGN
   09
   

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

14. DERA-DESIGN
    14
    の特徴
    プラグイン
    WordPressはプラグインで機能を拡張
    することができます。
    公式プラグインの
    登録数は58、
    639 個
    （2021年5月現在）
    あります。
    問い合わせフォームやライ
    トボックスなど、多くの機能を簡単に
    実現できます。
    https/
    /jawordpressorg/plugins/
    

    View Slide

15. DERA-DESIGN
    15
    DERA-DESIGN
    の特徴
    オープンソースとは、
    「制作者が権利を主張しない」
    ソフトウェア開発の
    手法のことです。
    オープンソースのものは、個人ɾ企業を問わず誰でも
    利用ɾ修正することができます。
    オープンソースを利用して作ったもの
    を、
    さらに配布してもかまいません。
    権利を主張しないことで、
    様々な人
    が開発に参加でき、
    よりよいシステムや商品が生まれます。
    オープンソースとは？
    

    View Slide

16. DERA-DESIGN
    16
    PHP
    index.php
    image.jpg logo.svg
    style.css script.js
    CSS JS
    世界のWordPressコミュニティが
    100%GPLを推奨している
    100%GPL
    

    View Slide

17. DERA-DESIGN
    17
    PHP
    index.php
    100％ではないGPLは
    自由が制限されるので好ましくない
    logo.svg
    image.jpg
    style.css
    CSS
    script.js
    JS
    スプリッ
    トライセンス
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide