Ken

こんにちは。Kenと申します。プログラミング 好きのビジネスマンです。 これからは個人…

Ken

こんにちは。Kenと申します。プログラミング 好きのビジネスマンです。 これからは個人としてどのようなバリューを提供できるかの時代、プログラミングへの挑戦や様々な本からの知識吸収など、日々スキル磨きに励んでます。 モットーは楽しんでやる！です。よろしくお願いします。

  • LINEの自動予約システムを作ろうと思った話

  • 固定された記事

LINEウェブマーケティングについての話

今や誰でも使うツールとなったLINE。このLINEを使ったマーケティング手法があることは一般の方には知られていない。 おそらく、大企業の広報や中小企業でも積極的に宣伝していきたい企業は知っているだろう。 １０年前はLINEなど全く流行っていなかった。i-modeなどのガラケーメールが主流で、好きな人とのメールのやり取りで、返信がなかったら頻繁にセンター問い合わせをしていたものだ。 LINEはそのようなガラケーメールの代わりとなるだけでなく、今や企業の売り上げを伸ばすため

Ken

    • Node.jsによるGoogleスプレッドシートとの連携

      こんにちは！Kenです。 久しぶりの投稿となりますが、今回はGoogleスプレッドシートとの連携を行いたいと思います。 普通の人であればきっとGAS（Google Apps Script）でスプレッドシートを操作することでしょう。 単純にスプレッドシートを操作することだけでしたらGASで事足りると思います。 しかし、LINEBOTやSQLデータベースの併用など、全体アプリの中の一部分としてスプレッドシートを用いる場合はGASでは無理があります。 また、VS Code

      Ken

      • 読書日記「アフターデジタル」

        こんにちは。Kenです！ 　今年はDX（デジタルトランスフォーメーション）に関する本を読み漁っていこうと思い、自分の備忘の兼ねて、読書まとめ＆感想を記していこうと思います。 アフターデジタルの意味するところ　まずは、概念に対する理解が重要だと思いますので、この本のタイトルにもなっている「アフターデジタル」の意味は何かという点をまとめてみたいと思います。 　本質を一言で表すと、「オフラインとオンラインの境界がなくなって融合した世界」と言えます。これをOMO(Online

        Ken

        • LIFFを使ってみる

          こんにちは！Kenです。 かなり久しぶりの記事更新となってしまいました。 今回の記事はLINE BOT作りに関する記事、LIFF（LINE Front-end Framework）についてです。 私はMENTAでメンターさせていただいているのですが、LIFFについての直接の相談だったり、もしくは全然別の相談だけど、それLIFF使えばできるんじゃないかという内容のものがありましたので、一度その基礎について書いてみたいと思った次第です。 私もLINEのMessaging

          Ken
        • 固定された記事

        LINEウェブマーケティングについての話

        Ken

        マガジン

        • LINEの自動予約システムを作ろうと思った話
          24本

        記事

          読書日記「コンサル１年目が学ぶこと」

          コンサル１年目が学ぶことという本を読んだので、その要約を書いていきたいと思います。kindle unlimitedで読めるのでオススメです。 PREPで話すビジネスでは結論から話すことが重要と言われますよね。その型が「PREP」法です。 P：Point（結論） R：Reason（理由） E：Example（具体例） P：Point（結論の繰り返し） なぜこの型が必要かと言うと、人が納得をする「言葉の型」はこのような構造でできているからです。 コミュニケーションの上で意

          Ken

          読書日記「コンサル１年目が学ぶこと」

          Ken

          最終話　管理画面完成版

          こんにちは！Kenです。 明けましておめでとうございます。2021年はたくさん、プログラミングのこと、読書のこと、たくさん記事を書いて行ければと思います。本年もどうぞよろしくお願いいたします。 第24話からだいぶ時間があいてしまいましたが、今回は、LINEから予約したデータを確認できる管理画面のが完成したので、そのご紹介をしたいと思います。 詳しい内容が知りたい場合は、ぜひMENTAよりお問合せいただければと思います。（同名、同アイコンです） 管理画面の構成は次のよう

          Ken

          最終話　管理画面完成版

          Ken

          第24話 APIサーバの構築（POST編）

          こんにちは！Kenです。 今日は第21話とともに管理画面作りの肝となるAPIサーバ構築（POST編）を書いていきたいと思います。 CRUD処理とは・・・なんぞや勘の良い方はすでに気付かれたのではないでしょうか。。。？ お前のやりたいことは、施術時間データの更新だろと。更新ならPUTちゃうんかい！と。 はい、私も当初そう思ってました。しかし進めるうちに驚愕の事実に気付いてしまったのです。 ところで、CRUD処理という言葉はもうご存知と思います。 C→Create R

          Ken

          第24話 APIサーバの構築（POST編）

          Ken

          第23話 顧客情報編集用カード作成

          こんにちは！Kenです。 前回は、サーバ側から引っ張ってきたデータをフロント側でテーブル可視化しました。 今回の美容院自動予約システムの特徴は、同じメニューであっても各個人ごとに施術時間を自由に設定できるということです。女性と男性ではカット時間が当然異なりますもんね。その情報を編集するためのカードを作成していきたいと思います。 編集カード・・・？では、編集画面をどうするか。別ページへ遷移しても良いのですが、このためだけにわざわざ・・・って感じなので、編集カードなるものを

          Ken

          第23話 顧客情報編集用カード作成

          Ken

          第22話 顧客情報テーブルの作成

          こんにちは！Kenです。 今回は前回サーバ側から引っ張ってきたデータを使って顧客情報テーブルのJavaScriptでコーディングしていきたいと思います。 fetchData( )メソッド内のコーディングfetchDataメソッド内は次のようにコーディングします。 const fetchData = async () => { try{ const response = await fetch(API_URL);

          Ken

          第22話 顧客情報テーブルの作成

          Ken

          第21話 APIサーバ構築（GET編）

          こんにちは！Kenです。 今回から実際の管理画面を作成していきたいと思います。ウェブページとサーバー側でのデータのやり取りが入ってくるのでとても重要な回となります。 まずはお客さま情報管理画面を作っていきます。 users.ejsの編集前回header.ejs,footer.ejs,nav.ejsなどのパーシャルファイルを作成したので、これらを読み込むのと、JavaScriptファイルを読み込みましょう。JavaScriptファイルは前回main.jsと名付けましたが、

          Ken

          第21話 APIサーバ構築（GET編）

          Ken

          第20話 トップページの完成

          こんにちは！Kenです。 今日はトップページに彩りを加えていきたいと思います。 Bootstrap/FontAwesomeの利用BootstrapはCSSフレームワークと呼ばれ、Webページの見た目を司るCSSの雛形を収めたライブラリのことです。これを利用することで、かっこいい見た目のCSSを簡単に、無料で使うことができます。 サイトは以下となります。 このBootstrapを使うために、HTMLファイルに設定を記述する必要があります。ここは中身を理解するというよりは

          Ken

          第20話 トップページの完成

          Ken

          第19話 ページ遷移を実装する

          こんにちは！Kenです。 前回は作成したい管理画面のイメージをみていただきました。 今回から管理画面のコーディングに入っていきます。 第19話では、ページ遷移をできるようにすることを目標とします。 必要パッケージのインストールまず初めに「ejs」と「path」をインストールしていきます。いつも通り以下のようにインストールです。 $ npm i --save ejs path ejsパッケージはテンプレートエンジンと呼ばれるNode.jsのパッケージの１つです。HT

          Ken

          第19話 ページ遷移を実装する

          Ken

          LINEアカウント連携のコーディング

          こんにちはKenです！ 早速アカウント連携のコーディングに入っていきたいと思います。 実行環境の構築まず初めに実行環境を構築します。過去記事に従って環境構築しましょう。新たに作業フォルダを作成いただき、そのフォルダをカレントディレクトリに指定し、以下を実行していきましょう。 ・Node.jsとnpmのインストール ・HerokuアプリとLINE公式アカウントチャンネルの作成 herokuのアプリ名は世界でただ１つのものにしなければなりません。私は、 $ herok

          Ken

          LINEアカウント連携のコーディング

          Ken

          LINEと自社HPのアカウント連携

          こんにちはKenです！ LINEと自社HPのアカウント連携をしたいけど、マニュアルだけではちょっとわかりにくいというご要望を受け、noteに書き記してみることにしました。 まずアカウント連携とは何か？ということです。 最も有名な「クロネコヤマト」の事例をみてみたいと思います。 クロネコヤマトのLINE公式アカウントと友達になると、トークルームは以下のような画像のようになってます。公式アカウントと友達になるには、ヤマトのホームページからQRコードを読み取ることでなれます

          Ken

          LINEと自社HPのアカウント連携

          Ken

          第18話　管理画面の作成スタート

          こんにちは！Kenです。 今回より新章スタートです。管理画面を作っていきます。 管理画面？って思った方、今まで作ってきたLINEBOTは利用者目線ではパーフェクトかもしれません。しかし、店主の立場からすると、誰が何時に予約したん？ってことが一覧表みたくわからないといけませんよね。 そう全てのお客様、全ての予約が確認できる画面が管理画面なのです。 フロントエンドとバックエンドこの管理画面は完全にWEBページです。このように人の目に触れる部分の構築をフロントエンドと言いま

          Ken

          第18話　管理画面の作成スタート

          Ken

          第17話 完璧な自動予約BOTを目指すために

          こんにちは！Kenです。 いよいよLINEBOT構築編ラストです。えっ！？もうラストなの？全然まだ完成してないじゃん！って思われるかもしれませんが、ここまで書いてきた記事の知識（JavaScriptの基礎知識があることが前提ですが・・・）を使えば、特別に新しく覚えることはないのです。 後は自動予約BOTでどのような機能が必要か考えれば良いということになります。 私の作りたいBOTでは次のような機能が必要となります。 １．予約は２つ以上入れれないようにする今は予約を何個

          Ken

          第17話 完璧な自動予約BOTを目指すために

          Ken