飲食店向けに日々の売上を管理するアンドロイドアプリを作ってみました。
まずはグーグルフォームでベースというかデータベース的なものを作成して、それをアプリの画面に埋め込んでアプリからスプレッドシートに送信されるようにしました。
つまり、グーグルフォームをデータベースとして利用しているため、日々の売上情報はアプリをダウンロードした全員が共有することになります。
グーグルフォームを使ってデータベース的にアプリに利用できないかなーと適当に作ったものなので結構ダサいです。
前にグーグルフォームをカスタマイズする方法なんか書きましたけど、その方法を応用してアプリに組み込んでいます。
アプリ上で送信したデータはグーグルフォームに格納されて、フォーム送信と同時にスプレッドシート上でプログラムを実行するトリガーを設定しています。
そのトリガーによって、数式を組み変えてグラフとして表示をさせています。
試してみてください。
https://play.google.com/store/apps/details?id=sales.admin.example
ワードプレスのプラグインで受け付けた予約を、自分のグーグルカレンダーに自動で登録出来れば便利なのになぁ‥というのは前から思ってました。
しかし、ワードプレスとグーグルカレンダーは全く違うシステムなので、そう簡単には連動させてくれません。
もちろん、ワードプレスには便利なプラグインが沢山ありますし、予約システムもプラグインをインストールするだけで構築出来てしまいます。
が、しかし、グーグルカレンダーで予定を管理してるのに別のシステムで管理するのは面倒だし分かりにくい。
どうせならグーグルカレンダーで一元管理させてしまおうではないかと思い試行錯誤してみました。
この辺はいくらでも情報があるので割愛しますが、まずは反映させるグーグルカレンダーの設定を一般公開しておきます。
今回私が使ったのはRestaurant Reservationsというプラグインです。
他にも色々ありますが、シンプルに利用するにはこれが最適ではないかと。
(どのプラグインも大体同じですが)このプラグインも予約を受け付けた時に登録してあるメールアドレス宛に情報が送られてきます。
その送られてきた情報を利用します。
何はともあれまずはワードプレスにあるデータを取り出さないと始まりません。
データベースからエクスポートする方法もあるようですが私には高度過ぎるのでもっと簡単な方法で取り出します。
スプレッドシートを用意してツールのスクリプトエディタより下記のコードを記載します。
for(var n in threads){
var thd = threads[n];
var msgs = thd.getMessages();
for(m in msgs){
var msg = msgs[m];
var body = msg.getBody()
sheet.getRange(row+1, 1).setValue(body);
edit();
row++
}
Utilities.sleep(1000);
}
}
New Booking Requestというタイトルのメールの本文をA列にエクスポートしていきます。
検索対象は1日にして時間主導型(1日単位)のトリガーを設定します。
これでその日に受け取ったメールがある場合は最終行に追加されていきます。
下記コードをさらに追加
for(var i=2; i< =activeSheet.getLastRow(); i++){ var currentValue = activeSheet.getRange('A'+i).getValue(); currentValue = currentValue.replace(/(^\s+)|(\s+$)/g, ""); currentValue = currentValue.replace(/[\n\r]/g,""); currentValue = currentValue.replace(/amp;/g,""); activeSheet.getRange('A'+i).setValue(currentValue); var string = activeSheet.getRange("A" + i).getValue(); var last = string.length; var people = string.indexOf("people") var name = string.indexOf("<br>") var firstname = string.indexOf("</p>") var time = string.indexOf("M") var pending = string.indexOf("View pending bookings") var confirm = string.indexOf("Confirm this booking") var reject = string.indexOf("Reject this booking") var length1 = string.slice(people+10,time+1); activeSheet.getRange(i,2).setValue(length1); var length2 = string.slice(name+4,people); activeSheet.getRange(i,4).setValue(length2); var length3 = string.slice(firstname+7,name); activeSheet.getRange(i,5).setValue(length3); var length4 = string.slice(pending+38,confirm-18); activeSheet.getRange(i,7).setValue(length4); var length5 = string.slice(confirm+37,reject-18); activeSheet.getRange(i,8).setValue(length5); activeSheet.getRange(i,3).setFormula("=B"+i+"+time(0,60,0)") } }
メールの本文をエクスポート?した場合何故かメールによって空白があったり、改行されていたりと形式が違ってました。
そのため、最初に空白と改行を削除しました。
次にamp;というのを空白に置換えてますが、amp;が入っているとワードプレスのプラグイン上でconfirmやrejectの処理が行えないので削除することにより処理を行えるようにしています。
後は特定の文字列までの文字数を検索してそれに合わせて予約時間、予約相手などのデータを取り出してます。
こんな感じになると思います。
スプレッドシートの記載
ここまで出来たら後はカレンダーに登録するスクリプトを実行するだけです。
var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var row = sheet.getLastRow();
var cal = CalendarApp.getDefaultCalendar();
for(var i=2; i< =row; i++){ if(sheet.getRange(i,6).getValue() == ""){ sheet.getRange(i, 6).setValue("done"); var cname = sheet.getRange(i,5).getValue(); var d1 = sheet.getRange(i,2).getValue(); var d2 = sheet.getRange(i,3).getValue(); var d3 = sheet.getRange(i,4).getValue(); cal.createEvent(cname, d1, d2, {description: d3+'人', location: '事務所'}); } } }
スプレッドシートに実行ボタンを追加
function onOpen(e){
var arr = [
{name: “メール取得”, functionName: “getMail”},
{name: “カレンダー登録”, functionName: “makeCalEvent”}];
var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
spreadsheet.addMenu(“機能”, arr);}
最初から方向性はわかってました。
予約データをスプレッドシートにエクスポートさせて、そのデータを元にカレンダーに登録させる。
エクスポートしたデータをカレンダーに登録させるような形式に変換するところが一苦労でした。
この連動を使うと、予約したと同時にカレンダーに登録されるわけではなく、自分で確認した予定だけを登録することが出来ます。
もちろん、予約と同時にカレンダーに登録させたい場合はトリガーを設定すればいいだけです。
また、確認後7列目のリンクに飛べばプラグインにも反映させるので、確認のメールが相手に送られます。
私が作ったデータはこちらからご確認下さい。
もちろん予定を登録して頂いてもほとんどRejectすると思うのでカレンダーへの反映は確認できないかもしれませんが…
私のイメージですが、日本のテンプレートはスタイル、色使いともにイケてない気がします。
しかも結構高い金額で売られてたりするんですよね。
ワードプレスでサイト作りを始めた初期はどこをどうすればいいのかよくわからないことだらけです。
自分で触って作って初めて理解できます。
そのため、最初から有料のテンプレートを買うのは勿体無いので、無料テンプレートを使ってサイト作りに慣れましょう。
やはり、いいいなと思うテンプレートはほとんど有料で売られています。
サイト作りにも慣れてきてデザインを変更したいと思った時に有料を検討しましょう。
私は今回はじめて有料版を購入したのですが、1年半の間は無料のテンプレートで運営してました。
今は無料でもレスポンシブなデザインのものが沢山あります。
スマホからの流入が増えてきている昨今において、スマホでも見やすいサイト作りが前提になります。
以前のデザインはスマホに対応してなかったのでプラグインで無理やり対応させてましたが、今回購入したものはスマホでも見やすくなっているので、不要なプラグインも削除しました。
有料と言っても、$50くらいで購入できるのでそんなに高くはありません。
外注するよりも格段におしゃれでコストを抑えたホームページを作ることが出来ます。
ここは色々な種類のテンプレートが有ります。
絶対に気に入るものが見つかると思います。
飲食店用ならこちらもお勧めです。
そもそもワードプレスって何だ?とかホームページ作りを勉強しながら自分で作るのが面倒くさいと言う方もいると思います。
ワードプレスでホームページを作るためにはレンタルサーバーを借りないといけません。
自分のドメインも取得しなければいけません。
レンタルサーバーなんて月100円あれば借りられる時代です。
しかし、未だに馬鹿高い制作料を取っている会社もあります。
創業初期にそんなコストなんてかけられないと思います。
起業に関して何かご質問があればお問い合わせ下さい。
記帳代行、ホームページ制作を格安で請け負っています。
ニュースピックスにコメントを投稿すると、ワードプレスの投稿ページにタイトルと自分のコメントを挿入してくれます。
ここのページを参考にしました。
この人はカスタム投稿タイプを作成してそっちにさせてますが、私は通常の投稿タイプにしました。
newsをpostに変更するだけです。
アイキャッチ画像の設定はうまく行かなかったのでここだけは手動で行ってます。
私はPHPはよくわからないのでどうカスタマイズすればどう動くかよくわからなかったので、修正しては確かめてを繰り返しました。
問題は、この設定だと更新した時や通常の投稿をした時にもトリガーが実行されてしまいます。
そこで回避させるためコンテンツに、英語でニュースピックスという文字列が含まれている場合は、トリガーを実行しないようにさせました。
// update
$wpdb->query(“UPDATE wp_posts SET post_title = ‘$new_title’ WHERE id = $id “);
$wpdb->query(“UPDATE wp_posts SET post_content = REPLACE (post_content, ‘$url’ , ‘$link’) “);
$wpdb->query(“UPDATE wp_posts SET post_thumbnail = ‘$image’ WHERE id = $id “);
// 不要な部分の削除
$post = $wpdb->get_results(“SELECT post_content FROM wp_posts WHERE id = $id”);
$content = $post[0]->post_content;
$new_content = explode( ‘ / ‘, $content);
$tmp = explode( ‘<a’, $new_content[1]);
$new_content[0] .= ‘<br><a class=”button” href=”‘.$url.'” target=”blank”>Read</a>’.$tmp[1];
$new_content = str_replace(“#NewsPicks”, “” , $new_content[0]);
$wpdb->query(“UPDATE wp_posts SET post_content = ‘$new_content’ WHERE id = $id “);
}
}
赤字の部分を追加しました。
これだと記事にニュースピックスと英語で記載してしまうと、その記事にも投稿時トリガーが実行されるので、本当はタイトルとコメントが同じ場合にトリガーを実行させたかったのですが……うまく出来ませんでした。
一応思ったとおりの処理は実行出来ているので素人にしては上手くいった方かと思います。
……と思いましたが、これだとタイトルを読み込んでしまうのか。。。
一応こんな感じになりました。
インターフェースもかなり変更しました。
アイキャッチ画像とタイトルと本文の位置関係
記事一覧と記事本文のアイキャッチ画像のサイズ変更などなど