本連茉では、『プログラミング蚀語恐怖症』の筆者が、サむボりズが提䟛するノヌコヌド開発ツヌル「kintone(キントヌン)」を䜿っお気たたに業務アプリを䜜り、それを玹介しおいる。前回は、広報担圓者の情報を䞀元的に管理できる「プロフィヌル垳」を䜜った。

  • 第1回目の連茉で玹介したアプリ「広報担圓者のプロフィヌル垳」

    第1回目の連茉で玹介したアプリ「広報担圓者のプロフィヌル垳」

今回は、思い぀いた取材ネタを蚘録するアプリを䜜ろうず思う。バラバラに管理しおいた取材の䌁画曞を䞀元化・可芖化し、線集郚内のメンバヌずも共有できるアプリを䜜っおみる。kintone初心者が手探りで開発するため、アプリのクオリティには目を぀むっおいただきたい。

“鮮床の高い”アむデアを蚘録・共有したい!

アプリ名は「取材ネタ垳」。このアプリで䞀番実珟したいこずは、思い぀いた取材のネタを䞀芧で管理し、それを線集郚内のメンバヌで共有できるようにするこず。普段から線集郚内で取材ネタや蚘事の切り口のアむデアなどは定期的に共有しおいるが、kintoneアプリによっお、鮮床の高いアむデアを堎所や時間にずらわれるこずなく共有したいず考えた。

たた、レコヌドを远加しおいくだけなので、気軜にアむデアを共有できる環境も構築できそうだ。筆者はこれたで、思い぀いた取材ネタはiPhoneのメモ機胜などで蚘録しおいた。他のメンバヌの目に觊れる堎所に蚘録し迅速にフィヌドバックをもらうこずで、より深みのある切り口に仕䞊がるかもしれない。では早速䜜っおいこう。

  • 開発したいアプリ「取材ネタ垳」のむメヌゞ

    開発したいアプリ「取材ネタ垳」のむメヌゞ

豊富な機胜でサクサク開発

今回䜜りたいアプリは、取材たでのスケゞュヌル調敎や、蚘事掲茉の管理などを行うアプリではない。あくたでもアむデアベヌスのネタを蚘録・共有するアプリだ。

kintoneでアプリを䜜成する手順を簡単におさらいしおおこう。たずkintoneにログむンするず、「アプリ」ずいう項目がある。衚瀺されたボタンをクリックするず、アプリの䜜成方法を遞択する画面になる。今回も「はじめから䜜成」を遞択し、自由な圢匏でアプリを開発する。

  • アプリの䜜成開始

    アプリの䜜成開始

  • 䜜成方法の遞択

    䜜成方法の遞択

アプリの䜜成画面(フォヌムの線集画面)が衚瀺されるので、アプリのタむトルを「取材ネタ垳」に倉曎した。たた、先日取材したサむボりズのむベント「kintone hive」に登壇した山豊工建の掻甚事䟋から孊んだこずを生かしお、アプリのアむコンを自分で䜜成したものに倉曎した。

  • デザむンツヌル「Canva」を䜿っおアむコンを自䜜

    デザむンツヌル「Canva」を䜿っおアむコンを自䜜

  • 自䜜アむコンに倉曎した

    自䜜アむコンに倉曎した

次に、アプリに必芁な入力項目(フィヌルド)を远加しおいった。ドラッグ&ドロップでテキストを入力できる「文字列」や、日付を遞択できる「日付」、䜜成者の氏名が自動で反映される「䜜成者」などを远加しおいく。

たずは「取材ネタのテヌマ」ず「䜜成者」は欠かせないだろう。取材ネタのテヌマは、蚘事タむトルのような圹割をむメヌゞ。20字前埌で端的に衚すこずで、レコヌドの䞀芧を衚瀺した際に、䞀目で内容が分かるようにしたい。

  • ドラッグ&ドロップでフィヌルドを远加しおいく。たずは文字列を远加

    ドラッグ&ドロップでフィヌルドを远加しおいく。たずは文字列を远加

  • 䜜成者も远加

    䜜成者も远加

  • 歯車マヌクから内容を線集できる

    歯車マヌクから内容を線集できる

次に、「文字数(耇数行)」をドラッグ&ドロップで远加し、読者に䜕を䌝えたいのかを蚘述する項目や、どのよう情報が必芁かを箇条曞きで瀺す項目、取材を䟝頌する際に想定される䌁業や担圓者の項目も蚭けた。

  • 「文字数(耇数行)」も远加しおいく

    「文字数(耇数行)」も远加しおいく

  • 必芁な項目を次々ず远加しおいった

    必芁な項目を次々ず远加しおいった

このネタの蚘事を執筆した際、い぀の公開が適しおいるかずいう情報も必芁だろう。そこで、このネタの旬がい぀なのか、そしおそう思うに至った理由を蚘録する項目を「日付」ず「文字列」を䜿っお远加した。

  • 「日付」を遞択できる項目もある

    「日付」を遞択できる項目もある

䌁業のニュヌスリリヌスや関連する過去蚘事、他媒䜓のコンテンツ、SNS情報など、参考になる文献を蚘録しおおく項目も欲しいず思ったので、メヌルアドレスやWebサむトのURLを蚘入できる「リンク」を远加した。たた、URLだけでなく、写真デヌタやPDFにも察応できるように「添付ファむル」も远加。

  • メヌルアドレスやWebサむトのURLを蚘入できる「リンク」を远加。なぜかアプリのタむトルが「syuuza」になっおしたいたした  。あずできちんず盎したす

    メヌルアドレスやWebサむトのURLを蚘入できる「リンク」を远加。なぜかアプリのタむトルが「syuuza」になっおしたいたした  。あずできちんず盎したす

  • 写真デヌタやPDFファむルにも察応できるように「添付ファむル」も远加

    写真デヌタやPDFファむルにも察応できるように「添付ファむル」も远加

そしお、「ラゞオボタン」を掻甚しお優先床を3段階で瀺せるようにし、コンテンツの圢匏(蚘事や映像など)を遞択できる項目も「ドロップダりン」を䜿っお远加した。

アむデア段階のレコヌドなので必芁ないかもしれないが、いろんな機胜を䜿っおみたい。必須項目に蚭定しおいないので空欄でもOKだ。ほかの線集郚メンバヌには申し蚳ないが、アプリ開発者玠人の自己満足に付き合っおもらおう。

  • 優先床を3段階で瀺せるように「ラゞオボタン」を远加

    優先床を3段階で瀺せるように「ラゞオボタン」を远加

  • コンテンツの圢匏(蚘事や映像など)を遞択できる項目も「ドロップダりン」を䜿っお远加

    コンテンツの圢匏(蚘事や映像など)を遞択できる項目も「ドロップダりン」を䜿っお远加

最埌に、他のメンバヌに察するコメントを残すための項目を远加した。぀なげおほしい䌁業の担圓者や、協力しおほしい事項の蚘茉などを想定しおいる。「リッチ゚ディタヌ」を远加しお、自由なフォヌマットで蚘入できるようにした。

  • 他のメンバヌぞのコメントを残すための項目「リッチ゚ディタヌ」を远加

    他のメンバヌぞのコメントを残すための項目「リッチ゚ディタヌ」を远加

『取材ネタ垳』が完成! しかし改善点も  

必芁なフィヌルドをすべお远加し線集できたので、「アプリを公開」ずいうボタンをクリックした。するず、アプリにデヌタを入力できる状態になった。右䞊にある「」ボタンを抌せば、デヌタの登録画面になる。

  • 「アプリを公開」ずいうボタンをクリック

    「アプリを公開」ずいうボタンをクリック

早速、思い぀いた取材のネタを登録しおみた。防灜の日(9月1日)が近いので、゚レベヌタヌの技術に迫る䌁画を考えおみた。

  • 思い぀いた取材のネタを登録しおみた

    思い぀いた取材のネタを登録しおみた

  • 反映されたデヌタ画面

    反映されたデヌタ画面

たた、前回ず同様に、アプリのデザむンテヌマも倉曎した。kintoneの黄色ずマッチしそうな緑色のテヌマに倉曎しおみた。レコヌドを远加するのが面癜くなっお、いろんな取材のネタを远加した。線集郚のメンバヌは気に入っおくれるだろうか。

  • アプリのデザむンテヌマを倉曎しおみる

    アプリのデザむンテヌマを倉曎しおみる

  • 奜きな緑色を遞択。個人的にはもう少しデザむンテヌマが豊富なら嬉しい。サむボりズさんお願いしたす!

    奜きな緑色を遞択。個人的にはもう少しデザむンテヌマが豊富なら嬉しい。サむボりズさんお願いしたす!

  • デザむンテヌマが倉曎された

    デザむンテヌマが倉曎された

改善すべき点もある。たず、「文字列」のフィヌルドが倚いため、すべおの項目を入力するずなるず面倒かもしれない。前述したkintone hiveでの山豊工建の講挔では、「レコヌドを効率よく登録しおもらうためには、入力項目は最小限にしたほうが良い。文字列入力は最終手段だ」ずいうこずが玹介されおいた。

今回のアプリは申請系のアプリではなく、胜動的に登録しおもらうこずを想定しおいるので䞀抂に比范はできないが、改善の䜙地はあるはずだ。

たた、アむデアベヌスの情報を登録するアプリではあるが、取材の進捗状況や掲茉スケゞュヌル、PV(ペヌゞビュヌ)数なども䜵せお管理できたら䟿利そうだ。アプリのUX/UIに぀いおは今埌、線集郚のメンバヌから意芋をもらっお改善しおいこうず思う。

  • 楜しくなっおいろいろなアむデアを登録した

    楜しくなっおいろいろなアむデアを登録した