カスタマイズ前の状況とやりたいこと
今回はお客様のカスタマイズではなく、弊社内のkintoneで行ったカスタマイズのご紹介です。
サービスやプロダクトはどんなに良いものを作っていても、知ってもらって、触ってもらえなければ意味がないですよね。
その手段として「SNS」「交流会」「新規営業」「ブログ」など色々あるかと思います。
今回はその「ブログ」というところにフォーカスしてカスタマイズを行いました。ズバリ
「そこそこ見栄えのする記事を手軽にkintoneから公開する」
これが目的です。
そこそこの見栄え↓
そうです、今あなたが見ているこの記事はkintoneで作成したレコードを元に、公開されている記事です。
ほとんどの場合はワードプレスなどにログインして記事書いて公開
なんですが、記事投稿や記事修正、記事の公開非公開の切り替えなど、ことあるごとにワードプレスにログインするのがまあまあ手間です。
じゃ、普段使っているkintoneでできたら話早いよね、ということで、いざ出陣。
※本カスタマイズはワードプレスへ記事を投稿するものではありません。指定したサーバーに記事を生成して公開するものです。
ワードプレスへの記事公開も技術的には可能ですのでご相談ください。
カスタマイズ後の状況
①まず準備するのが記事作成を行うアプリです。
フィールド構成は
公開フラグ：記事を公開するかどうかの切り替え
スラッグ：記事を識別するためのユニーク値。URLの末尾に付与される
タイトル：記事のタイトル
メイン画像：記事の先頭に表示する画像
ショートコードジェネレーター：簡単な装飾を施すツール
本文：「そこそこ見栄えのする」という手抜きコンセプトを最大限発揮するために、本文フィールドはリッチテキスト
公開リンク：いつでも記事にアクセスできるように保存しておく
というさっぱりした構成です。1記事1レコードとしての管理を想定して作りました。
②次にこのアプリをJavaScriptでカスタマイズします。
大まかなカスタマイズ内容は
・レコード詳細画面に公開ボタンを設置し、押すとレコードの内容で記事を生成、または更新する
・記事を生成したときにURLを確定させ、レコードに書き戻す
・ショートコードジェネレーターを実装する
です。
また、スラッグについては自動採番プラグインを使って重複の無いように自動発番しています。
③最後に実際に記事を生成するサーバー側を整えます。
サーバーといっても、Xサーバーやlolipopなどの安いレンタルサーバーと適当なドメインがあれば十分です。
あまり細かいことを書いても仕方ないのでざっくりですが、サーバー側の役割は
・記事を保存するスペース
・メイン画像を保存するスペース
・kintoneから送信された情報を元に、記事を更新、作成するファイル
・コラムの一覧トップページと記事ページのテンプレートデザイン
となります。これらをうまいこと連携させると
これが
まさに今あなたが閲覧しているページの形で公開されます。
kintone上で公開非公開の切り替えや本文の修正などいつでも行えます。
あとはホームページなどとリンクさせるだけです。今回はここにリンクしました。
実装費用目安
本記事と同じように「そこそこの感じ」であれば150000円前後で実装できます。
デザインにこだわりたかったり、kintone側をもっと多機能にしたいなどの場合も対応できますのでご相談ください。
Have a nice kintone！