『Snow Monkey』とがっつりお付き合いしたからこそ見つけたマネタイズ・ブランディング

by ah-kutsu

Slide 1

Slide 1 text

『Snow Monkey』とがっつりお付き合いしたからこそ見つけたマネタイズ・ブランディングアクツユミ

Slide 2

Slide 2 text

こんにちはアクツユミと申します

Slide 3

Slide 3 text

こんにちはアクツです神奈川県の藤沢市からやってきました（ここに住むともれなく湘南ナンバーになるよ）普段は東京のWeb制作会社　　　で WordPressを利用したサイト制作をしています WordPressコミュニティで活動もしています・WordCampTokyo 2017～実行委員・Kanagawa WordPress Meetup主催メンバー

Slide 4

Slide 4 text

こんにちはアクツですどうぞよろしくお願いします！ Tシャツ大好き！ぜひ札幌来た記念になにか素敵なTシャツをゲットしたいですその他情報ブログ：https://ah‑kutsu.net Twitter：@japonlove Facebook：アクツユミ

Slide 5

Slide 5 text

本日の流れ

Slide 6

Slide 6 text

本日の流れ Snow Monkey大好きな私からみたSnow Monkeyの魅力 Snow Monkeyに出会うまでの仕事の仕方・出会ってからの仕事の仕方 Snow Monkey制作のメリット・デメリット Snow Monkeyで作り続けたからこそ見えたこと

Slide 7

Slide 7 text

そう！Snow Monkey制作者の前でひたすらSnow Monkeyの話をするというなかなかの感じです。（ドキドキ）

Slide 8

Slide 8 text

私はSnow Monkeyが大好きですということで

Slide 9

Slide 9 text

どれぐらい好きかというと擬人化してしまうぐらい好きです「世界の中心　Snow Monkey」で検索するとでてくるよ

Slide 10

Slide 10 text

の魅力

Slide 11

Slide 11 text

Snow Monkeyの魅力 “ノーコーディングで美しいサイトをつくれる機能性” （公式サイトより引用）テーマインストール後、カスタマイザーよりあれこれ設定するだけでシンプルできれいなサイトが出来上がるロゴと写真が良いと更に美しいサイトが出来上がる

Slide 12

Slide 12 text

Snow Monkeyの魅力つまりテーマ自体がイケメン！もとのベースがそもそもシンプルでイケメン。イケメンにおしゃれな服を着せたらそりゃイケメン度もアップするだろう

Slide 13

Slide 13 text

Snow Monkeyの魅力ビジュアルだけじゃない！ほしい機能がほしい場所に簡単に設置できる豊富なウィジェット SNS対策や、SEO対策もカスタマイザー画面で設定できる

Slide 14

Slide 14 text

Snow Monkeyの魅力 “クリーンなコードによる高い拡張性を備えた WordPress テーマ” （公式サイトより引用）各テンプレートやパーツなど要所にhookが設置してあり拡張性が高い子テーマのようにテンプレートまるごとの書き換えもできる

Slide 15

Slide 15 text

Snow Monkeyの魅力超安心！公式のサポートフォーラムがサポート力がすごいファンたちのコミュニティも暖かく楽しい！ Snow Monkeyユーザ同士のやりとりでいろいろ支え合ったり、お互いを高め合ったりととてもよい空気でコミュニケーションができるイケメンはフォローまで素晴らしい

Slide 16

Slide 16 text

Snow Monkeyの魅力 Snow Monkey Blocksプラグインでさらに簡単に素敵なサイトがつくりだせるサイトづくりに必要なブロックが揃っており、テーマとこのプラグインを入れれば、さらに素敵なサイト制作が可能ブロックエディタ上での編集がとてもやりやすい。

Slide 17

Slide 17 text

Snow Monkeyの魅力 Snow Monkeyでこのようなサイトが作れます

Slide 18

Slide 18 text

Snow Monkeyに出会う前について話はかわりまして、自分語りをちょっと

Slide 19

Slide 19 text

WordPressとの出会いもともとはHTMLとCSS（+JSやFlashなどちょろっと）で静的サイトをつくるといういわゆるマークアップエンジニアだった「このサイトWordPressで作ってね～」と突然案件が降りかかる

Slide 20

Slide 20 text

WordPressとの出会いこのとき、PHPって美味しいの？レベル。かろうじてforとかwhileはJSを触ってたので動きはわかるぐらい当然、デフォルトのテーマ（twenty∼）のコードが理解できない。そもそもテンプレート構造もわかっていない HTMLとCSSだけは読めるもう契約成立されていて、この強制エンカウントは離脱できない（涙）

Slide 21

Slide 21 text

書いてあることわからなすぎるからテーマ１からつくろう

Slide 22

Slide 22 text

WordPressとの戦いとりあえず、HTMLとCSSでマークアップ当然全ページ同じ画面しか表示されない「{動的に変えたい部分} WordPress」でgoogle先生から提示されたコードをコピペするひたすらこれの繰り返し。コピペしたコードは何一つ理解できていない

Slide 23

Slide 23 text

WordPressの戦い初陣勝利そんなんだが、サイトは無事（？）できあがる蛇足だが、今現在もそのサイトはまだ運用されている今振り返るとなかなかスリリングなコードだらけだと思う

Slide 24

Slide 24 text

この結果 WordPressのサイト構築私でもできるじゃん！

Slide 25

Slide 25 text

以降・・・デザイナーが作ってくれたデザインを元に1からオリジナルテーマを制作

Slide 26

Slide 26 text

１からオリジナルテーマ作るメリット１からマークアップするため、細かいところまでデザインどおりに対応できるひたすらコードと向き合うことになるので、自然とPHPやWordPressの関数を知ることができる = エンジニア力の向上

Slide 27

Slide 27 text

１からオリジナルテーマ作るデメリットデザイナーありきの作業スタイル。デザインが上がらないと作業に取り掛かれない１からつくるために制作にものすごい時間がかかるエンジニアがそこそこの状態までもっていかないとページの入れ込みすら先行してできない

Slide 28

Slide 28 text

ここでお気づきだろうか

Slide 29

Slide 29 text

エンジニアとして低スキルさきほどの話に触れてないが、FTPで作業しててVPSとか使ってない Git管理もしてなかったよ（爆）

Slide 30

Slide 30 text

つまり10年前のスタイルで開発をしていた自分最近話題のWordPress12万円教材について物申してた人が言ってた WordPress開発の代表例そのものやないかーい！

Slide 31

Slide 31 text

まあ結果からすると、ご飯食べられてましたし、エンジニアとしてスキルも伸ばせているのでよし（笑）

Slide 32

Slide 32 text

閑話休題

Slide 33

Slide 33 text

Snow Monkeyに出会ってからは

Slide 34

Slide 34 text

デザイナーがいないサイト制作 XDやPhotoshopなどでデザインを起こさない、最初からSnow Monkeyのウィジェットやブロックの組み合わせでプロトタイプのサイトを作っていく早くワイヤーができあがるのがとても良い

Slide 35

Slide 35 text

ローカル環境を準備しなくても良いローカル環境構築しない、最初からテストサーバで構築していく WordPress管理画面上でほとんどのカスタマイズを行うため、ローカルで作業するとかえって余計な手間になってしまうこともある

Slide 36

Slide 36 text

細かな調整はCSSでカスタマイザーの追加CSSで組み立てていく場合によっては、ローカルでSCSSを書いてコンパイルしたものをコピペしたり、オンラインのジェネレータでコードを生成したりもするが、基本的には追加CSS画面でつくりあげてく

Slide 37

Slide 37 text

どうしても制御したい部分だけプログラミング子テーマを用意して、そちらでテンプレートの上書きや、コード記述をして制御（これまで） My Snow Monkeyの利用（制御用のオリジナルプラグインを用意（最近から今後はこちらをおすすめ）

Slide 38

Slide 38 text

Snow Monkeyでサイト制作するメリット

Slide 39

Slide 39 text

Snow Monkeyで制作するメリット 1人でワイヤーフレーム作成からサイト公開まで完結できる利益を自分の作業で生み出すことができる（=マネタイズ）エンジニアでもブラウザーデザインすることによってサイトを作り出せるデザイナーでも、難しいコーディングやプログラミングをしないことによりサイトを作り出せる

Slide 40

Slide 40 text

Snow Monkeyで制作するメリットすでにあるブロックやウィジェットの組み合わせで行うので、プロトタイプまでの組み上げるのが早い

Slide 41

Slide 41 text

Snow Monkeyで制作するメリット受注先に確認URLを教えてしまえば、都合の良いタイミングで見てもらえるサイト制作がどんな進捗なのかわかるので、どうなってるか不安を抱かせることをしないですむ随時意見を貰えるのでトライアル＆エラーがやりやすい

Slide 42

Slide 42 text

Snow Monkeyで制作するメリット最初からサイトになってることによって、ペライチ画像でデザインを提出するより、あれこれサイトを触れる部分もあり、結果、満足感をもってもらえることが多い

Slide 43

Slide 43 text

Snow Monkeyで制作するメリット困ったときに聞ける環境がある Snow Monkeyの制作者が日本人のため、言語の壁がないフォーラムやコミュニティという受け口がある割と本音で相談などができ、お互い弱みも強みもさらけ出せるのがよい →解決や発展性が早い要因になってると思う

Slide 44

Slide 44 text

Snow Monkeyで制作するメリットプログラム・コードによるカスタマイズがしやすいコードで制御できる部分が多いため、無理やり他のプラグインをたくさん入れ込んで開発したり、ベースのテーマをゴンゴンいじくる必要がない。シンプルな管理ができる

Slide 45

Slide 45 text

Snow Monkeyでサイト制作するデメリット

Slide 46

Slide 46 text

Snow Monkeyで制作するデメリットある程度枠組みなどが決まってしまうために、同じようなパターンのデザインが多い組み合わせを変えたり、CSSでアレンジをしてなるべく同じ印象にならないように対応している

Slide 47

Slide 47 text

Snow Monkeyで制作するデメリット生みの苦しみに遭遇するこれまでデザイナーが頑張っていた生み出す苦しみを自分がかかえることになるので、ピンとこない場合はひたすらスランプに陥る同じようにコードやプログラムを打たなければいけない苦しみをデザイナーがかかえることになることもあると思う

Slide 48

Slide 48 text

Snow Monkeyで制作するデメリット Gitで全部データ管理ができないこれまでテーマでゴリゴリ書いて来た部分が、カスタマイザーや投稿画面に入れ込まれていくために、Git管理の恩恵が受けにくいカスタマイズした部分のバックアップやデータ移行は、バックアッププラグイン（All in One WP Migration）で補填していく

Slide 49

Slide 49 text

Snow Monkeyで制作するデメリット複数人で開発がしにくいカスタマイザーやブロックでやっていく都合上、複数人で作業がしにくいので、だいたい１人でサイト制作を受け持つことになる

Slide 50

Slide 50 text

1つのテーマで作り続けたからこそ見えたこと

Slide 51

Slide 51 text

1つのテーマで作り続けたからこそ見えたことできること、できないことを把握できることにより、サイト制作スピードが早いお客様に提案するときも返答がスピーディにできる

Slide 52

Slide 52 text

1つのテーマで作り続けたからこそ見えたこと使い続けることを公表するだけで自然とコミュニケーションが生まれた ‑ 助けてもらえる確率が高くなる ‑ 仲間を助けられる = 貢献できる作り続けてるだけで、SnowMonkeyでサイト制作数 No.1になる（今はひょっとしたらNo.1じゃないかもですが）偶然こんな恩恵も

Slide 53

Slide 53 text

1つのテーマで作り続けたからこそ見えたこと１つのテーマを通して積み重ねた経験と知識によって、自分の強みが生まれた = ブランディング

Slide 54

Slide 54 text

特に狙ってやったわけではなく、好きなものを好きなだけ活用した結果自分を活かす道が増えたなんてラッキーなのだろう

Slide 55

Slide 55 text

今後の課題

Slide 56

Slide 56 text

今後の課題 Snow Monkeyのユーザを増やすお手伝いをしたいまた、ユーザが増えたことにより、もっと自分の能力や知識も高めていかないと、ブランディングを維持できないので、これまで以上にSnow Monkeyと向き合う必要がある

Slide 57

Slide 57 text

よりコアに貢献するこれまでは、使用者として意見やバグ報告などしかしていなかったが今後はより内部まで貢献していくことでSnow Monkeyを輝かせる助けをしたい Snow Monkeyのプロダクトに貢献する

Slide 58

Slide 58 text

より役に立つ情報を広報する Snow Monkey大好き！などはブログやSNSなどでもいいつづけていくが、具体性の欠けるものばかりだったので、ドキュメンテーションやノウハウなどをもっと周知したい Snow Monkeyのプロダクトに貢献する

Slide 59

Slide 59 text

まとめ

Slide 60

Slide 60 text

まとめテーマを有効活用していくことによって、全部を1人で行うことができるようになるテーマ１つでもとことん向き合うことによって、自分の価値を高めることができるデメリットもあるけど、テーマありきのサイト制作はメリットの恩恵が思ったより大きい