はい、というわけでですね、セッションを始めさせていただきます。よろしくお願いします。で、今回は、行動化活に簡単接戦が嬉しい、今はご説明あったと思うんですけど、ワードトレースのカスタマイザー機能を使ったテーマのプラグインで、絶対移動政策の効率を増えて発表します。発表者は、東京都帰宅従場にある、兵部政策会社、株式会社、庭和芸人の代表を備えております。テーマ村と申します。皆さん、どうぞよろしくお願いします。なんか、ハッシュタグの話で先ほど、ご説明あったと思って、ちょっと言葉しますね。今日お話しする内容は、この目地の通りです。カスタマイザーについての話と、実装例、テーマ、プラグインにカスタマイザー機能をどう組み合わせるとか、あとは、そのやり方を基にして、こうやって効率アップしていますみたいな、ご紹介と、あとは、重な活動をちょっと二つに分けて、ご紹介させていただきたいなと思います。それではまず、自己紹介からさせていただきます。僕の名前は、今村哲也と言います。北陸区にある東山県の出身で、現在は東京の北部住所という場所に住んでいます。2006年まで、東京のあるIT企業の営業として働いていたんですけど、仕事内容としては主に企業や個人向けに、業務上で何か困ったことがあればIT同業して解決しませんかという問題解決型営業とか提案型営業というのを行ってきました。なので僕、結構開発者みたいな感じで生まれることがイメージがある方がいらっしゃるんですけど、もともと営業でずっといますと。営業の一環として、ウェブサイト政策をパッケージ販売していましたので、ワードプレスを使ったウェブサイト政策のパッケージを作ろうかなと思って、勉強を始めました。それが2006年ですね。で、勉強を始めた当時のワードプレスの普及状況といえば、今ほどちまたに情報がなかったので、2008年からは自分なりに勉強してつまづいた箇所をまとめておいて、後で見直せるようにしようという理由で、今ぐらだけがよくわかるブログという技術ブログを立ち上がりました。僕だけ分かってるらいいやっていうブログですね。その後、ブログに担々と技術情報を書いてたんですけど、2010年ごろからそのブログを開始とお仕事をいただくことも多くなったので、家族や自分の自分や家族のために生活スタイルに合わせた仕事のやり方を目指そうかなと思いまして、個人として解決しました。独立してすぐに講人化する予定をしていたんですけども、会社員が決まらないという理由で、ずっと先延ばしにしてたんですけど、それから6年ほど経った2016年に株式がシャーニューマゲートという名前で講人化して現在になります。ここで僕の主な活動についてご紹介します。と思ったんですけど、ちょっとスライドがすごく長いので、ここで短い時間を話します。ワードプレーズの公式テーマやブラウニーを開発していて、去年のワードキャンプ東京やワードベンチ公園でお話しさせていただきました。次いきますね。直近の活動では、現場のためのスイーフト4という本を書きました。これは先週発売になったばかりなんですけども、このスイーフトというのはちょっとワードプレーズと全然違うんじゃんって話だと思ってあれかなと思うんですけど、スイーフトというのは初めて聞く方に観点ご説明すると、iPhoneだとのIOSアプリを開発するために使用されるプログラミン件物のことです。なんですけど、実はワードプレーズに関連する内容も書かれています。実はこの本を読めば、ワードプレーズレストAPIを使ってiPhoneで動くインストアプリが作れるようになります。iOSならでは、最新記事を引っ張って更新するという方法とか、検索機能とか数値機能を実装することができますので、もしよろしければ、もちかるの書店やネットなのでチェックしてくださいますと嬉しいです。もちろんサンフルコードもついています。この本なんですけど、つい先日Amazonのモバイルプログラミングのカテゴリー内でペースジランキング1位を獲得しました。やったぜ!ってことで。新大阪駅内のリムロさんにも置いてありましたのであの営業をちゃんとしなきゃいけないってことでやっぱりこういうのが大事なんでありますよね。ポップがあるんですけど、あれ僕自作して書店員さんに渡しました。お立ちして書店員さんも意思をつって積んでいただいて、撮影も強化もいただいて経済強化もいただきました。もしよろしければ、お時間のつもりがよろしければお帰りのサイダムにお店立ち寄っていただいてポップだけでも見ていただけるだろうなと思います。すみません、なかったんですけど、ここから本題のカスタマイザーについて発表します。ところでなんですけど、ワードプレスのカスタマイザー機能についてはこの部屋にいるどれくらいの方がご存知でしょうかという疑問はあるんですけど難しいことを抜きにして大まかに説明しますとカスタマイザー機能とはワードプレスの管理画面上でプレイビュー画面を見ながら間隔的にウェブサイトのカスタマイザーができる機能のことです。カスタマイザーの画面というのはワードプレスの管理画面を開いて外観カスタマイズを選択するとさらにつけます。ここでカスタマイザーの画面の例をちょっとご紹介します。例えば、ワードプレスをインストールしたらデフォルトで用意されている2017というテーマがあるんですけどもこのテーマを有効化した状態でカスタマイザーの画面を開くと今スライドに移っているような画面が表示されます。左側の赤枠で困られた部分が操作する画面で右側がウェブサイトのプレビュー画面で分けられています。ここで操作画面を少し拡大しています。カスタマイザーできるパネル数やパネル名というのはテーマによって変わることがあります。他のテーマではパネルが多いかもしれませんし逆に少ないかもしれないです。2017テーマの場合は画面に映ってるようなパネルがあってパネルを選んでカスタマイザーを行うという操作をします。これだけではちょっと分からないと思うので具体的にどんなカスタマイズができるかもうちょっと例をご紹介します。例えばタイトルとキャッチコピーの色を変えたいという場合は色のパネルを選んせヘッダー的スト名の項目の中にあるカラーパレットから変更することができます。カラーパレットで選んだ色がリアルタイムでプレビュー画面に発援されるので内向を反映しなければプレビュー画面を見ながら何度でもやり直しができます。やり直しができるというのはすごいカスタマイザー機能の特徴の一つでとても便利なと思います。変えられるのは色だけではないです。画像の差し替えもできます。例えばヘッダーの画面をヘッダーの画像を変えたいという場合はヘッダーメディアのパネルの中からヘッダー画像の項目を探してこのミデカゾーを差し替えることもできます。で、今ご紹介したようにカスタマイザー機能を利用すれば色の変更を画像の差し替えさらにはテキストの変更などコードの確保と最小限に抑えて感覚的にウェブサイトをカスタマイズすることができます。ウェブサイトの作り方によっては全くコードを書かなくてもOKなこともあります。で、この感覚的に変更できるというのがとても特徴的でワードプレースはもちろんなんですがパソコンの操作になれないお客さんごっきは好き感できていいわとか何度でもやり直しできる時いいわという感想を持たれることが多くてつまりお客さんにすごく喜ばれます。で、ちょっと話が変わるんですけどワードプレースではない話なんですが地股ではコードを書かずにウェブサイトが作れるツールに人気が集まっていることをご存知でしょうか。いくつかそういったツールがあるんですけど時間の都合で一つだけご紹介します。これはスタジオというツールなんですけどもこれがまさにコードを書かずにウェブサイトを作ることができます。しかも、基本性なので操作性も日本人の感覚にあった積極されていますし用意されているときめっと理解しやすいです。ここで僕が言いたいことは何かというと随分前からそんな流れがあるなと思ってたんですけど世の中的にはコードを書かずにウェブサイトが作れることが当たり前になりつつあるのではないかなと思います。そしてこの流れはどんどん進むのではないかなと思っています。つまりワードプレースじゃなくてもいいじゃんという判断をする方も増えていくかもしれません。ワードプレースはお客さんの目的を見出すための手段の一つしかないので僕はそれはそれでOKだとは思っています。そんな中でもワードプレースでもカスタマイザー機能をうまくお客さんに提供すればコードを書かずに感覚的な操作体験をもたらすことができるのではないかと思いました。それがカスタマイザー機能をつけて農民するという今僕の会社でやっている政策スタイルにつながります。どれことかというとすごい単純なことです。これまでの政策スタイルに加えてカスタマイザーをカスタマイザー機能をつけてただそれだけのことですね。僕の会社でこれまで行っていた政策スタイルというのはお客さんから要望があればテーマやプラグインを新しく作ったりカスタマイザーして機能を追加していました。最近というかここ2年くらい前から取り入れた政策スタイルというのはカスタマイザーで提供した方がいいなと判断したものをカスタマイザー機能で実装してお客さん自身で行進管理ができる箇所を増やすことに10年おいています。それがお客さんに対して寄り番組の高いサービスを提供することにつながると私は考えています。じゃあここでいうどういう政策を行っているのかというのを例をご紹介します。例といってもこれは実際にお客さんからいただいた回収以来なんですけどワードプレースで作ったブログのトップページを最新記事がただ並べられているだけじゃなくてもっとオリジナル制御を持たせたいという依頼がありました。トップページでやりたいことを洗い出した結果画面に映っている5つの要件を満たす必要がありました。今までならこれらの要件を満たすためにお客さんは自身でなかなか手を入れないようなカスタマイズを加えていました。なので例えば変更したい場合はベッド依頼くださいみたいな流れを作っていました。ですけどもカスタマイザー機能を合用すればこの5つの要件はすべてカスタマイザーで提供できるなと思って実装して提供しました。お客さんは今まで通常の運用業務として記事やページの作成のみを行っていて画像や新着情報の検討を変えたいとかそういう場合はベッド依頼してもらう必要があったんですけどもカスタマイザー機能を提供することでお客さん自らが更新管理できる箇所を増やすことができました。しかもカスタマイザー何度も出てきましたけども感覚的に操作可能なんてまずはページを見ながら好きかっていいわという嬉しい感想をいただくことができました。ですけども僕が体験したケースですけどどんなに感覚的にできたとしても時間や技術的な都合でお客さん自身で更新管理ができない場合があります。例えば時間的な都合でできないという場合は更新管理の作業を運用保釈オープンの代行作業として優勝で受ければいいと僕は思っていますとそういう風にやっています実際カスタマイザーで作っておけばカスタマイザーで操作すればいいのでコードを書かずに作業を進めることができます。これは運用保釈の効率化ができていますよね。また技術的な都合でお客さんが更新管理できないのであればサポートの一環として操作教育を実施すればいいと思います。この操作教育もパッケージ化してオプションを販売するのもいいと思います。実際私のお客さんの中にもこのオプションを利用してくれている方お客さんもいらっしゃいます。ここからはカスタマイザー機能を実装したテーマについて一つ例をご紹介します。今ほど話していたようなカスタマイザー機能を追加して農品する政策スタイルを何件か続けていくとあることに気がつきました。毎回同じようなカスタマイズを依頼されていないかと思うようになりました。例えばヘッターやクッターの色とかロゴ画像の差し控えなどの設定とかウェブサイトの全体の幅やレイアウトなどというのは毎回毎回そういうカスタマイズを加えるというかやっぱり多かったんですよね。なのでよく行っているカスタマイズ箇所を可能な限り詰め込んでカスタマイザー機能をうまく活用して政策はもちろんですけども運用や保守をしやすいテーマを作ってしまおうと考えました。その考えを形にしたのが僕の会社で作ったワードプレスの公式テーマとなっている意識テーマです。意識テーマではウェブサイト政策で行うカスタマイズをカスタマイザー機集約しました。テーマを公開した当初は約80カ所ほどのカスタマイザーで設定できる項目を用意しました。その後バージョンアップを随時行いまして最新バージョンだと100か所以上あると思います。ちょっと数え切れてないですけど確実に100か所以上あります。と言っても他の方のセッション聞かれた方はなんとなくフレーズ聞かれたこともあると思うんですけど別に機能が多いからいいっていうとかそういうわけじゃなくてこの意識も別に機能の大差を売りにしているわけではないです。あくまでも用意しておくと政策はもちろん運用や保守業務がかなり効率化できるという基準で実装した結果100か所以上やっぱり必要だよねっていうことになりました。今後も多少を追加することはあるんじゃないかとは思います。具体的なカスタマイザー箇所についてはテーマの専用ページがあるのでそちらでご参考ください。ちょっとURL書いてないですけどテーマの公式テーマなんて公式テーマのサイトを開くとテーマページみたいなのがリンクでありますのでそこから見ることができます。コードを書かずにどれだけがことができるかというとちょっと一例をご紹介します。今画面に表示されているものは意識テーマのデモサイトの一つで飲食店布系のカスタマイズもできるよということを示すためにレストラン用のデモサイトを公開してるんですけどそのデモサイトの一部を表示した画面なんですけどもこれはコード一切書いていません。ウェブサイトのタイトルやヘッダーの色や検索ボタンやベッゲーのほか背景画像、背景の上に重ねる色2枚の画像をテキストリンクボタンのテキストリンクボタンの色などこれらは全てカスタマイズで設定できます。では次の例いきます。同じくこのレストラン用のデモサイトの一部なんですけども例えばレストランが特にお勧めしたいサービスがあったとしますこの画面の例だと例えばリラックスルームがあるよということをアピールしたいとするじゃないですかリラックスルームにはそれぞれどんな説明があるのかをiPhoneとリード部で紹介しています。で、気になった方は詳細ページを見てねってことで詳細ページを誘導するリンクボタンも設置できるという作りになっています。これもコード一切書いていません。全部カスタマイザーで設定しました。このような実装をするときは一般的にはコードを書くとは思うんですけどもカスタマイザー機能をうまく活用すればこのようなご紹介したデザインもコードを書かずに設定が可能です。ということで用意されたカスタマイザー機能と製作したMFサイトの要件が一致すれば製作効率を上げることもできます。その要件を一致させる可能性を高くすることを目指しているテーマは意識テーマということです。というわけでテーマの実装例をご紹介しました。次にプラグインとしてカスタマイザー機能を提供する実装例をご紹介します。今ほど紹介した意識テーマには専用の統合プラグインというものがあります。プラグインの本体は無料で拡張プラグインを有料で提供しています。プラグインの本体は基本機能がついてまして基本機能は無料で利用できます。基本機能はどんなことができるかというとジャバースクリプト読み込み位置を変更するテーマの最低下やヘッダーフッダー付近にお好みでジャバースクリプトを入れられるスクリプトを追加や調査別に各種ソーシャルアカウントの表示ができたりするユーザー設定機能が使えます。なのでブロズとかやられている方はちょっとピッと来られた方もいらっしゃるかもしれないですけどテーマとプラグインの基本機能だけ使っても例えばマク・グラウンドセンスのことで収益化ができるウェブサイトを立ち上げることができます。有料の拡張プラグインについてはプラグインを本体に欲しい機能を選んで組み込んで使います。今のところ5種類の拡張プラグインがあります。個別に買う方向けに作ったんですけどプラグインのまとめ合いができるようにクッケージ化してほしいという希望があるのでまた今開発中です。で拡張プラグインを導入するとどうなるかというとカスタマイザーの画面にオプションパネルが追加されます。それぞれ拡張プラグイン元に利用できるパネルが追加される仕組みになっています。今日他の方のセッションをいくつか聞かせていただいて思ったのはこのワードキャンプのテーマにもなっていると思うんですけどビジネスに関連関係する発表されている方が多かったように感じますので僕もビジネスよりの話をします。この拡張プラグインですがGはじわと売れています。特に僕あんまり想定してなかったんですけどソーシャルアカウントとアナリティックスのプラグインが思った一緒に売れています。実は同じような機能を持つ無料プラグインは探せばいくらでもあると思います。例えばシェアボタンの表示とかはさまざま見つかりそうですね。ですけどテーマ専用プラグインということでテーマのテーストに合ったデザインや操作性なども一番理解しているテーマ開発者が作っているプラグインだからという理由が売れる用意の一つではあると思います。もう一つの用意としてはサポート対戦の充実が上げられると思います。プラグインを購入してくれた方には購入者専用のサポート窓口を用意しています。テーマに関しては月額感染性でこのサブスクリプション今流行るのですよね。サブスクリプションがだとチケット性の組み合わせたサポートビアというサポートを販売するMサイトを運営しています。カスタマイズ以外の話にも通じるかもしれませんがテーマとプラグインを活用してカスタマイズ機能を販売したり運用保守などのサポートを販売するビジネス形態もあるんだよということをここでは言いたかったです。ということでここからはちょっとまとめに入ります。カスタマイザーのコードは他の案件でも有利をすることができるので交通削減につながります。なので過去の案件で使用したコードをテンプレート化しておけばいいですね。あとはこれまでは画像のアップロード機能を管理画面に繰り込む場合は結構いろんな処理を入れないといけなかったんですけどカスタマイザー機能で画像のアップロード機能を提供すれば複雑な処理をカスタマイザー APIに任せることができるので交通削減につながります。削減した交通というのは私の場合だったらサポート対戦の強化とか新しい製品やサービスの開発などについやすことができます。というわけで効率ができていますね。でここまでお聞きいただいた方の中には画面に繰り込んでいるように持った方もいらっしゃるかもしれません。例えばですけどカスタマイザー機能を提供してお客さんが自由にカスタマイザーできる環境が整ってしまったら今まで受けていた運用や保守の仕事が減るんじゃないかなと懸念する考え方があります。この考え方の背景にあるのはお客さんとつながっておく手段として運用や保守業務を受けているからでそのつながりがなくなっちゃうじゃんという考え方が基になっているからだと思います。これに対する一つの解答ですか?今までのやり方でいくのも一つの考え方だと思います。別にカスタマイザー機能になって実装しなくていいよね。やんなくてもいいんじゃない?という判断をする方もいらっしゃると思います。ただ切り口を変えることができると思います。例えばコンテンツの作成支援です。画像をレインして絶対にしますね。すごい単純なことなんですけどね。カスタマイザー機能で運管理できる仕組みがあるけどいい画像がないとか撮影や加工の技術がないという理由でうまくウェブサイトの運営ができていないお客さんといます。そういった方に対しては写真撮りますよとか素材作りますよというアプローチができると思います。この作業を運用保守業務としてパッケージ化してオプションを販売するというビジネス方法もありますよね。ということでカスタマイザー機能を採用したとしても売り方ってあるっていくらでもあるんじゃないかということをここでは言いたかったです。もう一つちょっと総合な疑問があるのある方もいらっしゃると思うのでレインしますね。カスタマイザーを使うよりもコードを変えた方が早いんだけどという製作者の方もいらっしゃると思います。これはそこそこ明確な回答ができるかなと思うんですけどカスタマイザーした内容をお客さんに確認してもらうときがことを想像してもらえると分かりやすいかもしれないです。プレビュー画面を見ながらできる感覚的な操作体験というのはとても効力だと思います。例えばカスタマイザーした内容がお客さんのイメージが合わなかったらどうしますか?お客さんからヘッダーの画像赤屋がいいなと伝えられて製作者が赤屋が変更したとします。これでイメージが切ったりないんですけど例えカラーコードで厳密に指定されていたとしてもお客さんのイメージと合わないことの方が私の体感的には多いような気がします。お客さんは出来上がったものを見ないとそれがいいのか良くないのかという判断がつけられない方の方が多い気がします。これも体感的にいいんですけどね。僕もその中の一人で自分の専門外のところというのはものを見ないと、実物を見ないと全くこれがいいものかどうかというのが判断できないタイプの人間です。なので、もしカスタマイザーで提供しておけばお客さんから依頼された赤屋がイメージと合わない場合でも画面を見ながらこの目で変えられますよと案内することもできます。やり直しもできますからねカスタマイザーの特徴を説明してあげると大抵後の案内をすればカスタマイザーの画面それで実際に触ってもらうととても感動されます。なので、カスタマイザーで提供しておけば手放れが良くて話が早いと僕は思っています。個人の感想です。ここまででカスタマイザーを実装したウェブサイトの効率化について一例をお話しましたがやり方いくらでもあるんじゃないかなと思います。カスタマイザー機能を提出活用すると製作効率も上がるし運用補修産業も効率化できるしテーマやプラグインの販売ビジネスにも利用できるかもと何となくでも感じていただければ幸いです。ですので、ぜひカスタマイザー機能を日頃の製作活動に加えてみるという挑戦をしていただけたらなと思っています。カスタマイザーについてはここまででここから僕の活動その2をお話しさせてください。今回お話しした内容ってカスタマイザーの機能を使った効率化の話だったり売り方の話だったりするんですけどこれらの話ってビジネスの話じゃないですか。で、これらの話題を含めてビジネスに特化したワードプレス本を単調で出版する企画が進んでいます。すいません、絶対に出版することだけないです。ただ、企画段階なので詳細についてはこれから出版者の方と打ち合わせをするんですけどまた本を書きますということでよろしくお願いします。そして今回ご紹介したワードプレス公式テーマ2式のキャラクター製作が進んでいます。多分夏か秋頃にお見せできるとは思うんですけどまた僕のブログとかTwitterとかでちょっと発信していこうかなと思っています。で、そのキャラクターがもしかしてVRでなんか実体化するかもみたいなVR上でなんか出るかもみたいなそんな企画もちょっと進んでるんですけどまだ未定なんですけどもVRが今とても楽しいんでせっかくならなんか絡めてみようかなととっています。もう一つワードプレスに関するご相談を随時僕の会社で受けたまっています。なぜかなんか僕東京から来たんですけどなぜか僕お問い合わせいただくのが関西方面からの方からのお相談が多いんですがちょっとすごいとってもありがたいとは思ってるんですけどちょっと不思議だなと思っています。ちょっと理由はちょっとこの後の婚進会とかで解明できたらなと思っています。ということで何かありましたら僕の会社のお問い合わせフォームをご利用ください。はい、ということで続きは婚進会でよろしくですということでお問い合わせに関係ある質問のみ受けさせていただけたらなと思います。それ以外の質問に対してはこの後今言ったんですけどこの後この婚進会がありますのでそちらに個別に私に聞いてください。ただ難しい質問には答えられないかもしれないのですなおにいやちょっと難しいんで答えられないですねとというかもしれませんし一体持ち帰って解答するかもしれません。いただいた質問の内容によってそう反応するかも考えたいと思います。というわけで発表以上です。ご清聴ともありがとうございました。はい、ありがとうございます。カスタマイザーについて僕もすごく興味があったので思うお話だと思ってカスタマイザーをテーマとかプラグミに組み込む際に反応になるなんかウェブペースとかそういうのがなかなか似たらないのでお知らせください。私どうやってやったかというとオデックスですねワードペースのオデックスとかハンドクックっていうのはほとんど英語のサイトなんですけどそれを読んで地道にそのことでやっていったって感じなので記事化して全部シリーズ化してほしいとか例えばですよ画像のアップデートとかもアップロードとかテキストの変更とかもう全部そのカスタマイザーのAPIっていうカスタマイザーAPIって使ってすることができるのでラジオボタンを追加とかチェックボックスとか今のところ英語しかドキュメントがないんで僕のブラグとかでよければみたいなやつ一日かちょっと分かんないですけど随時公開していけたらなぁと思っています希望がいっぱいあればですけどねじゃあよろしくお願いいたしますご覧ありがとうございました