angularjsTweet業務で使うちょっとしたWebアプリケーションを手軽に作れるのがサイボウズの提供するKintoneです。日報や議事録管理、タイムカード、アンケートなど様々なWebアプリケーションが用意されており、ExcelやCSVファイルを使って自分たちのワークフローに合わせたWebアプリケーションを作ることもできます。KintoneはWebアプリケーションなので、Webブラウザを使って操作します。Monacaを使えばKintoneの提供するAPIを使って、手軽にアプリ化することが可能です。必要なものkintoneのアカウントMonacaのアカウント(無料)案件管理をアプリ化する今回は営業の案件状況を管理する案件管理をアプリ化してみたいと思います。最小限のテンプレートでプロジェクトを作成します。最小限のテンプレート次に設定メニューのJS/CSSコンポーネントの追加と削除を選択します。UI追加してください。バージョンは最新版とします。UIを追加HTMLの修正index.htmlを次のように変更します。UIも読み込むようにします。</body></html>次にindex.htmlと同じ階層にlogin.htmlを作成します。これは初期のログイン画面を表示するものです。内容は次のようになります。</div></ons-page>ここで大事なのはKintoneにアクセスする際には、domain:ドメインloginName:ログインIDLoginPass:パスワードという3つの要素が必要になるということです。ここまでの時点でアプリをMonacaデバッガーで開くと次のように表示されます。ログイン画面ログイン処理を作るではログイン処理を作っていきます。APIを使う際にはBase64ライブラリが必要です。そこでJavaScriptによるBASE64変換−ちゃよて・ちゃよてよりbase64.jsをダウンロードし、Monacaプロジェクトのjsフォルダ(最初はありませんので新規作成してください)にアップロードします。jsフォルダ内にkintone.jsを作成してください。上記二つのファイルはindex.html内で読み込んでください。--></head>上記コードのLoginボタンをタップした際にはshowListを実行しています。これは後ほどログイン成功時に案件リストを取得するためですが、まずはログイン処理までを作ってみます。kintone.jsを編集します。認証情報は他でも使い回すのでグローバルにしておきます。localStorageに記録しておきます。alert("ログイン名またはパスワードが違います。{});そうすると、コンソールのログに「ログイン処理開始」「ログイン成功しました」というメッセージが出るかと思います。KintoneのサーバがCORSに対応していないのでデスクトップブラウザのプレビューからではエラーが出るのでご注意ください。案件情報の取得ログインが成功しましたので、次に案件情報の取得を行ってみます。ログイン処理の最後に以下のコードを追加します。localStorageに記録しておきます。追加ここまでこれでlist.htmlを読み込むようになりますので、index.htmlと同じ階層にlist.htmlを作成します。list.htmlの内容list.htmlの内容は次のようになります。</div></ons-page>kintone.jsの修正list.htmlにおいて案件の一覧はitemsに入ってくる指定になっています。