新人研修
インターネット上で危惧される・巻き込まれる可能性のある犯罪は? 以下例: 不正アクセス 他人のID・パスワードを奪取・盗用して、なりすましてアクセス認証する サイバー詐欺 ワンクリック詐欺 動画や画像をみようと思ったら会員登録されて会費請求画面に…
検索がうまくなるといいこと 行き詰まってしんどい…となることが減る 質問の精度が高まる 結果として欲しい情報に早く行きつける liginc.co.jp liginc.co.jp
※なまのHTML,CSSのサンプル - 2017年度 新人研修を利用する。 +JS クリックされたらタイトルのスタイルが適用されるようにする idをつける 要素を取得する クリックイベントを定義する リンクさせる <html> <head> <title>Sample</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="sample.css"> </head> <body> <h1 class="red" id="title">Hello</h1> <div> <…</div></body></html>
WEBサイトやアプリケーションの画面はどうやって作られているか UI User Interfaceの略。 Interfaceとは「接点・接触面」という意味で、UIはユーザと製品・サービスの接触面を指す。つまり「ユーザの目に触れる部分、使用する部分」はすべてUIとみなすことが…
読みやすい日報ブログに! 流れ レイアウト考える カスタマイズ前の状態をスクリーンショットしておく 実装する フィードバックもらう フィードバックを踏まえて再検討 最終プレゼンで発表 ★CSSファイルを外部化 はてなブログ管理画面からCSSをコピー エディ…
WEBサイトの実態はサーバにある HTML, CSS ,JSファイル ファイルを置く場所 = サーバ 置かれたファイルを見る場所 = クライアント(ブラウザ) インターネット経由 ファイルの住所 = URL
HTML, CSS, JS HTML 文章構造をつくる Webサイトのコンテンツを「文章」として記述するための言語。 Webサイトの骨組みとなる部分。 CSS 装飾 HTMLで作られた「文章構造」の「スタイル」(デザイン)を指定する。 JS 動きを付ける ブラウザ上で動くプログラ…
はてなブログはカスタマイズできる 毎日報告を書いているはてなブログ、好きなようにカスタマイズできます。 テンプレート(ひな形)もあるが、それ以上のことも。 例えば… 検索してみる。 WEBサイトってなにでできてるの? WEBサイトの中身は、ブラウザの検…
HTML <html> <head> <title>Sample</title> <meta charset="utf-8"> </head> <body> <h1>Hello</h1> <div> <p>This is a paragraph.</p> </div> </body> </html> +CSS タイトル色を変更する クラス名を付ける スタイルを定義する リンクさせる <html> <head> <title>Sample</title> <meta charset="utf-8"> </meta></head></html>
しりとり⇔雑談モード切替 しりとりモードにする 開始トリガー「しりとりしよう」を受信する。 Template Messageのボタンで「しりとりする/雑談する」を表示する。 ユーザが「しりとりする」を選択する。 ユーザメッセージが「message」ではなく「postback」…
しりとりモードを追加する modeにsrtrを指定 function chat($text) { // docomo chatAPI $api_key = 'xxxxxxxxxxxxxxxx'; $api_url = sprintf('https://api.apigw.smt.docomo.ne.jp/dialogue/v1/dialogue?APIKEY=%s', $api_key); $req_body = array( 'utt' =…
公式リファレンスが"使える"ことを知ってほしい docomoAPI Reference 会話の文脈"context"を保持しなければならない 現段階では毎回「見知らぬ誰か」に話しかけられている。 ユーザメッセージと一緒に、前回の会話の文脈を渡すことで「前回こういう会話をし…
docomoが提供する雑談対話APIとは 雑談対話APIは、ユーザの発話テキストを受け付け、その入力に対して自然な会話となる雑談を提供します。 データの流れ 導入の流れ docomoAPI利用申請 雑談対話API申請 API key取得 callback.phpを編集する docomoAPIへユー…
LINE Referenceによると5つまで返すことができる コード例 BOT「Hello」 BOT「world.」 $post_data = array( "replyToken" => $reply_token, "messages" => array( array( "type" => text, "text" => "Hello", , array( "type" => text, "text" => "world."…
LINE APIのTemplate Messageを使う 今まで使っていたのはReply Message。 Template Messageもデータの流れは同じ。 LINE APIに渡す情報が異なる。 LINE API Referenceの Template Messageの仕様 サンプルをそのまま表示させてみる ボタンを書き換える 画像を…
LINE APIのTemplate Messageを使う 今まで使っていたのはReply Message。 Template Messageもデータの流れは同じ。 LINE APIに渡す情報が異なる。 LINE API Referenceの Template Messageの仕様 サンプルをそのまま表示させてみる 日本語に書き換えてみる $p…
コメントを付ける 他人(自分も)にコードの意図が伝えるため コードのかたまり/区切りが目で見てすぐわかるため 関数に分ける 何度も行う処理を、一度だけ書いて済ませるプログラムの書き方 値の受け渡しができるので、一つの機能を共通で使える 関数は「何か…
ユーザメッセージのスタンプのIDを抜き出す $textや$typeのように、$stickerIdを抜き出す 無料スタンプのID一覧を照合する 例: packageIdが1で、srtickerIdが1のスタンプに対して「眠いのか」と返す ID毎に返答を変える(if文の入れ子) 例: if($packageId…
ユーザメッセージの種類は"type"で見分けられる if文で分岐させて返答を用意する
LINE APIとやり取りするjson(情報の塊)の中身に着目! ※ファイルにjsonを出して見る テキストと一緒に渡している"type"があやしい LINEAPIとのやり取りなので、LINEAPIの仕様を見てみる(LINE Reference) https://devdocs.line.me/ja/ 画像を返す urlとty…
特定の文字列が含まれているかチェックする② preg_match() preg_matchはマッチした場合は1を返し、 マッチしなかった場合は0を返す。 [書き方] $text = "abcd"; if(preg_match('/bc/', $text)){ //$textのなかにbcが含まれている場合 } if(!preg_match('/bc/…
特定の文字列が含まれているかをチェックする① strpos() 該当する文字列が見つかった位置を数値で返し、 該当する文字列が見つからなかった場合は、falseを返す。 [書き方] $text = "abcd"; if(strpos($text,'bc') !== false){ //'abcd'のなかに'bc'が含まれ…
外部ファイルにログを出して確認する [書き方] error_log($msg, 3, '/var/www/html/line/log.txt'); jsonの中身 decodeして配列を変数にいれる error_log関数の引数に配列を入れる $json_string = file_get_contents('php://input'); $json_obj = json_decod…
if文で拾えないユーザメッセージに対してランダムに返答する いくつかの返答パターンを記憶する 記憶した返答パターンからランダムに選んで返答する いくつかの返答パターンを記憶する 配列 変数を並べて通し番号をつけたもの。通し番号のことを「添え字」を…
「元気?」と聞かれたら「元気だよ」と返答したい ユーザ「元気?」 BOT 「元気?じゃねぇよ!!」 プログラムは基本的に上から下へ流れます。 途中で「AならCという処理、BならDという処理」というように、処理を分けたい場合が出てきます。 そのようなときは…
今日やったこと 新人研修 LINE BOTの返答パターンを複数作成 パターンからランダムに返答するよう実装 はてなブログ開設 困ったこと・学んだこと PHPの関数「preg_match()」に手こずった PHPのリファレンスを読んでもよくわからなかった 具体的な使用例を探…
研修中の報告 毎日「はてなブログ」を更新する Markdownで書く 最終報告会プレゼンを行う エクセルやワードではなく、なぜMarkdownで書くのか? MarkDownとは? 軽量マークアップ言語。 HTMLより知識なくても書ける。便利。 ※ちなみに マークアップ言語とは…
※BOTのキャラクターを近藤春菜だとする 文字列(文字の集合)に文字列をくっつける LINE Messaging APIへの返答部分を変更する。 [書き方] "文字列"."文字列" PHP: 文字列 - Manual Ctrl+Fで「結合」検索する
変数とは 変数とは、コンピュータに値を記憶させるための「入れ物」。 例えば、人間が「1+2」という計算をするとき 一つ目の数字(「1」)を「覚える」という処理をしている。 (図書くとよい) しりとりをするときは、、ひとつ前の単語を覚えている。 …
LINE BOTが返答するまでの道のり LINE BOTがユーザのメッセージを受けてから返答するまで、どのような道のりをたどるのでしょうか。 ユーザ(私)がLINEでメッセージを送る(例えば「おはよう」) 「おはよう」がLINE Messaging APIに渡る 「おはよう」がxxx.p…