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

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

keita
June 07, 2022

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

keita

June 07, 2022
Tweet

More Decks by keita

Other Decks in Technology

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 を
    始めたばかりの初心者から、実際に仕事で使っている方など、幅広いレ
    ベルの方が1つの場所に集まって情報を交換できます。
    のコミュニティ

    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