マガジン
LINEの自動予約システムを作ろうと思った話
Ken
- 24本
記事一覧
LINEウェブマーケティングについての話
今や誰でも使うツールとなったLINE。このLINEを使ったマーケティング手法があることは一般の方には知られていない。
おそらく、大企業の広報や中小企業でも積極的に宣伝していきたい企業は知っているだろう。
１０年前はLINEなど全く流行っていなかった。i-modeなどのガラケーメールが主流で、好きな人とのメールのやり取りで、返信がなかったら頻繁にセンター問い合わせをしていたものだ。
LINEは
Node.jsによるGoogleスプレッドシートとの連携
こんにちは！Kenです。
久しぶりの投稿となりますが、今回はGoogleスプレッドシートとの連携を行いたいと思います。
普通の人であればきっとGAS（Google Apps Script）でスプレッドシートを操作することでしょう。
単純にスプレッドシートを操作することだけでしたらGASで事足りると思います。
しかし、LINEBOTやSQLデータベースの併用など、全体アプリの中の一部分として
LIFFを使ってみる
こんにちは！Kenです。
かなり久しぶりの記事更新となってしまいました。
今回の記事はLINE BOT作りに関する記事、LIFF（LINE Front-end Framework）についてです。
私はMENTAでメンターさせていただいているのですが、LIFFについての直接の相談だったり、もしくは全然別の相談だけど、それLIFF使えばできるんじゃないかという内容のものがありましたので、一度その
読書日記「コンサル１年目が学ぶこと」
コンサル１年目が学ぶことという本を読んだので、その要約を書いていきたいと思います。kindle unlimitedで読めるのでオススメです。
PREPで話すビジネスでは結論から話すことが重要と言われますよね。その型が「PREP」法です。
P：Point（結論）
R：Reason（理由）
E：Example（具体例）
P：Point（結論の繰り返し）
なぜこの型が必要かと言うと、人が納得をする
最終話 管理画面完成版
こんにちは！Kenです。
明けましておめでとうございます。2021年はたくさん、プログラミングのこと、読書のこと、たくさん記事を書いて行ければと思います。本年もどうぞよろしくお願いいたします。
第24話からだいぶ時間があいてしまいましたが、今回は、LINEから予約したデータを確認できる管理画面のが完成したので、そのご紹介をしたいと思います。
詳しい内容が知りたい場合は、ぜひMENTAよりお問
第23話 顧客情報編集用カード作成
こんにちは！Kenです。
前回は、サーバ側から引っ張ってきたデータをフロント側でテーブル可視化しました。
今回の美容院自動予約システムの特徴は、同じメニューであっても各個人ごとに施術時間を自由に設定できるということです。女性と男性ではカット時間が当然異なりますもんね。その情報を編集するためのカードを作成していきたいと思います。
編集カード・・・？では、編集画面をどうするか。別ページへ遷移して
第22話 顧客情報テーブルの作成
こんにちは！Kenです。
今回は前回サーバ側から引っ張ってきたデータを使って顧客情報テーブルのJavaScriptでコーディングしていきたいと思います。
fetchData( )メソッド内のコーディングfetchDataメソッド内は次のようにコーディングします。
const fetchData = async () => { try{ const re
第21話 APIサーバ構築（GET編）
こんにちは！Kenです。
今回から実際の管理画面を作成していきたいと思います。ウェブページとサーバー側でのデータのやり取りが入ってくるのでとても重要な回となります。
まずはお客さま情報管理画面を作っていきます。
users.ejsの編集前回header.ejs,footer.ejs,nav.ejsなどのパーシャルファイルを作成したので、これらを読み込むのと、JavaScriptファイルを読み
第20話 トップページの完成
こんにちは！Kenです。
今日はトップページに彩りを加えていきたいと思います。
Bootstrap/FontAwesomeの利用BootstrapはCSSフレームワークと呼ばれ、Webページの見た目を司るCSSの雛形を収めたライブラリのことです。これを利用することで、かっこいい見た目のCSSを簡単に、無料で使うことができます。
サイトは以下となります。
このBootstrapを使うために、
第19話 ページ遷移を実装する
こんにちは！Kenです。
前回は作成したい管理画面のイメージをみていただきました。
今回から管理画面のコーディングに入っていきます。
第19話では、ページ遷移をできるようにすることを目標とします。
必要パッケージのインストールまず初めに「ejs」と「path」をインストールしていきます。いつも通り以下のようにインストールです。
$ npm i --save ejs path
ejsパッ
LINEアカウント連携のコーディング
こんにちはKenです！
早速アカウント連携のコーディングに入っていきたいと思います。
実行環境の構築まず初めに実行環境を構築します。過去記事に従って環境構築しましょう。新たに作業フォルダを作成いただき、そのフォルダをカレントディレクトリに指定し、以下を実行していきましょう。
・Node.jsとnpmのインストール
・HerokuアプリとLINE公式アカウントチャンネルの作成
heroku
LINEと自社HPのアカウント連携
こんにちはKenです！
LINEと自社HPのアカウント連携をしたいけど、マニュアルだけではちょっとわかりにくいというご要望を受け、noteに書き記してみることにしました。
まずアカウント連携とは何か？ということです。
最も有名な「クロネコヤマト」の事例をみてみたいと思います。
クロネコヤマトのLINE公式アカウントと友達になると、トークルームは以下のような画像のようになってます。公式アカウ
第18話 管理画面の作成スタート
こんにちは！Kenです。
今回より新章スタートです。管理画面を作っていきます。
管理画面？って思った方、今まで作ってきたLINEBOTは利用者目線ではパーフェクトかもしれません。しかし、店主の立場からすると、誰が何時に予約したん？ってことが一覧表みたくわからないといけませんよね。
そう全てのお客様、全ての予約が確認できる画面が管理画面なのです。
フロントエンドとバックエンドこの管理画面は完
第17話 完璧な自動予約BOTを目指すために
こんにちは！Kenです。
いよいよLINEBOT構築編ラストです。えっ！？もうラストなの？全然まだ完成してないじゃん！って思われるかもしれませんが、ここまで書いてきた記事の知識（JavaScriptの基礎知識があることが前提ですが・・・）を使えば、特別に新しく覚えることはないのです。
後は自動予約BOTでどのような機能が必要か考えれば良いということになります。
私の作りたいBOTでは次のよう