Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for keita keita
May 31, 2021
Design
190
0

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

Avatar for keita

keita

May 31, 2021

More Decks by keita

See All by keita
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
Avatar for keita keita_yoshikawa
0
160
富山デザイン勉強会_プレゼンテーション_swithimizu.pdf
Avatar for keita keita_yoshikawa
0
57
富山デザイン勉強会29-伝わる資料-改訂版.pdf
Avatar for keita keita_yoshikawa
0
35
富山デザイン勉強会_デザイン思考.pdf
Avatar for keita keita_yoshikawa
2
240
富山デザイン勉強会_プレゼンテーション.pdf
Avatar for keita keita_yoshikawa
0
210
富山デザイン勉強会_ブラッシュアップデザイン.pdf
Avatar for keita keita_yoshikawa
0
140
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
3
350
富山デザイン勉強会-配色が怖くなくなる_知識と理屈で考える配色.pdf
Avatar for keita keita_yoshikawa
1
170
富山デザイン勉強会_デザイン経営.pdf
Avatar for keita keita_yoshikawa
0
210

Other Decks in Design

See All in Design
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
5
4.4k
2026/8/20　Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり 〜リビングラボの事例を通じて〜
Avatar for Kimura Atsunobu a2k
0
110
プレゼンスライド作成で意識していること
Avatar for きみちゃん kimichan
0
140
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
Avatar for Sayaka Kubouchi sayadesign2
0
800
インターンから2年 新卒フロントエンドエンジニアから見た サイボウズのアクセシビリティ
Avatar for tak taku10101
0
180
RawrXD: The Sword
Avatar for Sean Natarajan seanvraj_arts
0
190
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗　ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
Avatar for Kimura Atsunobu a2k
2
120
信頼をデザインし、ブランドで市場を拓く。/ Designship2026
Avatar for Assured Inc. assuredjp
PRO
0
250
明日から真似できる、AIでデザインシステムを活用する方法
Avatar for viviON vivion
0
880
設計の進め方と 品質特性品質特性
Avatar for harachan harakeishi
0
1.4k
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
Avatar for sugiyama sugiyama_sukedachi
0
140
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
Avatar for Tsubasa SEKIGUCHI tinykitten
1
650

Featured

See All Featured
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
760
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
370
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
5.4M
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
2
360
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
7.1k
BBQ
Avatar for Matthew Crist matthewcrist
90
10k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
2
6.3k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
1
630
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
600

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