WordCamp Tokyo 2012のハンズオン「ちゃっちゃとCoolなポートフォリオを作りましょう」で発表したスライドです。ハンズオンのため作り方抜きで、事前説明です。

1. ちゃっちゃっと Cool な
ポートフォリオサイトをつくりましょう！
WordCamp Tokyo 2012 Hands On by Arcted

2. 目次
• 自己紹介
• 本日の目標
• WordPress.orgとWordPress.com
• WordPress.comについて
• WordPress.comの有料版
• ASP型とインストール型の機能比較
• 実際に作ってみよう！
WordCamp Tokyo 2012 Hands On by Arcted

3. 自己紹介
• 大竹孔明
Otake Komei
– フロントエンド周りなど
2011年9月から職業訓練校に
てStocker.jpのなつきさんに
Webの基礎を教わり、2012年
3月より株式会社まぼろしに入
社。
コーディング業務を中心に
JavaScriptなどを用いたフロン
こうめ ドエンド実装を行う。ゆるふわ
@Bamboo_C 勉強会運営委員。
WordCamp Tokyo 2012 Hands On by Arcted

4. 自己紹介
• 塚口祐司
Tsukaguchi Yuji
– Webデザイナー
リッチコンテンツを中心とした
Webサイトのデザインから構
築、運用までを担当。
CMSでは、WordPressや
Movable Typeなどの実装に取
Yuu り組む。2012年1月よりゆるふ
わ勉強会を運営。
@regret_raym
WordCamp Tokyo 2012 Hands On by Arcted

5. みなさん、
ブログやサイトを持っていますか？
WordCamp Tokyo 2012 Hands On by Arcted

6. ブログを書くまでがWordCamp
WordCamp Tokyo 2012 Hands On by Arcted

7. でも、作るのはなんかめんどくさい…
WordCamp Tokyo 2012 Hands On by Arcted

8. そもそも、WordPressは
インストールで挫折した
WordCamp Tokyo 2012 Hands On by Arcted

9. サーバー代、ドメイン代等など…
時間もお金かかるし・・・
WordCamp Tokyo 2012 Hands On by Arcted

10. そんなあなたの悩みを解決するのが
WordPress.com
WordCamp Tokyo 2012 Hands On by Arcted

11. 本日の目標
WordPress.comを利用して
ポートフォリオサイトを構築しよう！
WordCamp Tokyo 2012 Hands On by Arcted

12. WordPress.orgとWordPress.com
• WordPress.orgからWordPressをダウンロード
しインストールする、サーバーインストール型
• WordPress.comでアカウントを作成して
レンタル形式で利用するもの
WordCamp Tokyo 2012 Hands On by Arcted

13. WordPress.orgとWordPress.com
• WordPress.orgからWordPressをダウンロード
しインストールする、サーバーインストール型
• WordPress.comでアカウントを作成して
レンタル形式で利用するもの
今日はこちらのサービスを利用した
ポートフォリオサイトを作ります
WordCamp Tokyo 2012 Hands On by Arcted

14. WordPress.comとは？
• 数秒で完了、登録は無料
• かっこいいテーマがたくさん！
• ブログ統計システム
• 編集に便利な機能
• ちょっぴり有名になれるかも？
• スパム退治には自信あり！
• 必要なときに、必要なだけのサポート
• 安定したサーバーとバックアップ
• 良い仲間もたくさん
• 複数ブログや複数の投稿者も OK
• 会員限定ブログもできるプライバシー設定 etc...
WordCamp Tokyo 2012 Hands On by Arcted

15. WordPress.comとは？
• 数秒で完了、登録は無料
• かっこいいテーマがたくさん！
• ブログ統計システム
• 編集に便利な機能
• ちょっぴり有名になれるかも？
• スパム退治には自信あり！
• 必要なときに、必要なだけのサポート
• 安定したサーバーとバックアップ
• 良い仲間もたくさん
• 複数ブログや複数の投稿者も OK
• 会員限定ブログもできるプライバシー設定 etc...
WordCamp Tokyo 2012 Hands On by Arcted

16. WordPress.comとは？
• 数秒で完了、登録は無料
• かっこいいテーマがたくさん！
• ブログ統計システム
• 編集に便利な機能
• ちょっぴり有名になれるかも？
• スパム退治には自信あり！
• 必要なときに、必要なだけのサポート
• 安定したサーバーとバックアップ
• 良い仲間もたくさん
• 複数ブログや複数の投稿者も OK
• 会員限定ブログもできるプライバシー設定 etc...
WordCamp Tokyo 2012 Hands On by Arcted

17. でも、無料だし、
広告とか出るんじゃない？
WordCamp Tokyo 2012 Hands On by Arcted

18. WordPress.comの有料版があります
WordCamp Tokyo 2012 Hands On by Arcted

19. WordPress.comの有料版
• 独自ドメインの設定
• ファイルのアップロード容量追加
• CSSのカスタム
• VideoPressの追加
• 広告非表示
• 無制限のプライベートユーザー
WordCamp Tokyo 2012 Hands On by Arcted

20. で、結局インストール型とレンタル型は
どう違うの？
WordCamp Tokyo 2012 Hands On by Arcted

21. レンタル型とインストール型比較
レンタル型 レンタル型（有料） インストール型
容量 3GB 3GB追加で サーバの仕様に準じる
5GB、15GB、25GB
独自ドメイン × ○ ○
プラグインの × × ○
追加
ユーザー数 35ユーザーまで 無制限 無制限
広告の有無 有 無 無
テーマのカス × CSSのカスタマイズ ○
タマイズ が可能
WordCamp Tokyo 2012 Hands On by Arcted

22. WordPress.comでちゃっちゃっと
Coolなポートフォリオサイトを
作りましょう！
WordCamp Tokyo 2012 Hands On by Arcted

23. 基本情報と素材
• WordPress.com
–http://ja.wordpress.com/
• テーマ名
–Mixfolio
• 写真素材一式
–http://xfs.jp/BF6GA
– Supecial Thanks：ぱくたそ
WordCamp Tokyo 2012 Hands On by Arcted