■ 概要Vue.jsのサンプルを作成したので忘れないようにブログにまとめていくHello Worldぐらいなら作れるけどその次は何をしよう…という入門の次にどうするか悩んでいる人向けに以下の内容をまとめる vue-routerを使って、画面を再読み込みをさせることなくURLとコンテンツを切り替えさせる 1ファイルに1コンポーネントずつ、ファイルを分割していく(単一ファイルコンポーネント)......
IT技術を幅広く入門の入門としてまとめます。simple is the best !!
Published: by
■ 概要Vue.jsのサンプルを作成したので忘れないようにブログにまとめていくHello Worldぐらいなら作れるけどその次は何をしよう…という入門の次にどうするか悩んでいる人向けに以下の内容をまとめる vue-routerを使って、画面を再読み込みをさせることなくURLとコンテンツを切り替えさせる 1ファイルに1コンポーネントずつ、ファイルを分割していく(単一ファイルコンポーネント)......
■ 概要LINEのスタンプを自作するイラストを作成してから公開するまでの流れをまとめるそもそもイラストなんて描いたことが無かったのでイラストの描き方からまとめていく→ LINEスタンプ「イカソクくん」販売中！！ 良かったら是非！■ LINEスタンプを作成するまでの流れ ガイドライン調査 スタンプ作成 出来上がったスタンプを審査に出すこれだけ、しかしイラスト制作が鬼大変審査も数週間程度......
■ 概要LINE BOTを作成して受け取ったメッセージ内容を元にWatsonのAPIを叩いてよしなに返信をするようにする最初なので挨拶からの好きなゲームに答えるだけのBOTとする構成図としては以下のようにする流れとして、LINE BOT上でWebhookが設定できるので作成するNode-REDのURLを登録してNode-REDが叩かれた時にWatsonのAPIを叩くそもそもWatsonが何か......
■ 概要Watson Conversationを使って会話を行うチャットボットを作成する会話の内容としては、好きなゲームを聞かれたら「スプラトゥーン」と答えるだけの内容とするそもそもWatsonが何かというのはこちらを参考にする IBM Watson入門の入門 デモを試してWatsonがどんなものかのイメージを掴む また次回の記事ではLINEボットの会話の返信をWatsonで行う......
■ 概要LINE Messaging APIを使ってBotを作成する今回はユーザーがBotに話しかけるとBotがオウム返しするだけの内容とする使うまでの流れ LINE Botを使うための準備(アカウント作成など)を行う ユーザーからメッセージを受け取って返答する処理はNode-REDを使って実装する■ LINE Messaging APIとはLINEのボットを作成してユーザーと対話を行う......
■ Node-REDとはNode-REDとは、APIやオンラインサービス、デバイスなどの機能を繋げてアプリケーションを作成していくプラットフォーム処理フローをブラウザの操作によって作成することができるオープンソースソフトウェアで、Node.jsが動く環境なら何処でも動かせるNode-REDを使う方法としては2種類あって、ローカルでNodejsの環境を準備して立ち上げる方法とIBM Bluem......
■ WatsonとはWatsonを開発したIBMはAIを「Artificial Intelligence（人工知能）」ではなく「Augmented Intelligence （拡張知能）」として人間の知識を拡張し増強するものと考えているつまりWatsonは、自然言語処理と機械学習を使用して人間の意思決定を支援するテクノロジー・プラットフォームであるWatson とは?■ どういうものが作れる......
■ Codeception TestToolsCodeception TestToolsはChromeの拡張機能であるブラウザの操作だけで受け入れテスト(Acceptance test)のソースを自動で書き起こすことができる出来上がったソースコードを元に受け入れテストを拡充していくことができる■ 使い方導入Chrome TestToolsよりChromeの拡張機能を導入する開くChromeの......
■ 概要前回Codeceptionについてどんなテストがあるのかと実際に動くものを見てどんな感じなのかイメージを持ったので今回は実際にテストが無いプロジェクトに対してCodeceptionを追加してみる PHP Codeceptionテスト入門の入門 ゼロスタートということでどのように追加していくのか、またファイル構成を見ることを中心に解説を行う■ 作り方に関してCodecept......
■ CodeceptionとはPHPのテストを簡単に行うためのテスティングフレームワーク単体テスト、機能テスト、受け入れテストの3種類のテストを簡単に書くことができる公式ドキュメントも日本語で読めるので敷居が低いCodeception.docs.ja しかしそれでも敷居が高い人や、使ってはいるけどあんまり理解していない人向けに簡潔にまとめていくこととするCodeceptionはテストの実行環......
■ 概要GuzzleとはHTTPリクエストを簡単に送信できるPHPのHTTPクライアントであるHTTPクライアントの中でも現在最も主流となっていて、複数のリクエストを並列で送信することもできるGuzzleをとりあえず使うところから、並列リクエストの方法も書いてみるGuzzleのドキュメント(英語)■ Guzzleを試してみる準備検証環境について$ cat /etc/redhat-releas......
■ 概要前回の投稿でGoogle Cloud Platformの紹介からGoogle Compute Engineを使ってみるまでをまとめていた Google Cloud Platform入門の入門 今回はGoogle App Engineを使ってみてPaaSとはどんなものなのかを学ぶ実際にGoogle App Engineを触ってみるがGoogle Cloud SDKをCent......
■ 概要Google Cloud Platformについてまとめる入門の入門ということで 端的にGoogle Cloud Platformが何なのか 料金について 実際に触ってみるとどういうものなのかをイメージできるまで記述していく■ Google Cloud Platformとは以下GCPとするGoogleが自社で使っているインフラと同じインフラを低コストで利用することができるクラウ......
■ 概要ユーザーから入力された値が問題ないかチェックするバリデーション処理を行うためのPHPライブラリであるRespect/Validationについて触ってみるバリデーション条件も多数あってそれを直感的に使用することができるため導入コストが少ないものとなっているGHE:https://github.com/Respect/Validation■ とりあえず使ってみるcomposer ins......
■ 概要Reactを触る、今回は以下について端的にどんなものかを学ぶ Hello World Reactでコンポーネントを作る state,propについてサンプルプログラムを自分の環境で簡単に用意して実際に動いているサンプルを見ながら概要を掴むことを目的とする■ 環境準備検証環境について$ cat /etc/redhat-releaseCentOS release 6.8 (Fina......
■ 概要Reactのサンプルを動かして初めてのReactとして理解を深めていくgeneratorは色々ありそうだが今回はcreate-react-appを使って見る■ 環境準備検証環境について$ cat /etc/redhat-releaseCentOS release 6.8 (Final)npmを使うためnodejsを入れる$ curl --silent --location https......
■ 概要phpDocumentorとはクラスやメソッドの定義前にブロックコメントを決められた方式で記述していると、APIドキュメントを自動生成することができるツール今回はそのphpDocumentorで記述する書式についてまとめる■ PHPDocの書き方前提知識DocCommentの開始は以下のように記述する※ 開始行のアスタリスクは必ず2つ/** * @var int */$num =......
■ 概要HTMLをコンポーネント化する技術であるWeb ComponentsについてまとめるWeb Componentsに関わる単語の意味とサンプルプログラムを作成してみる■ 単語についてWeb Components以下のHTMLとCSSがソース上で何箇所かで表示されているとして<div class="test">部品</div>.test { width: 100......
■ 概要Doctrineを使ってPHPからデータベースを操作するDoctrineとはORMツールで、ORMとはオブジェクト関係マッピング(Object relational mapping)というDBのデータとPHPのクラスをマッピングして変換する技法である今回はPHPのマイクロフレームワークであるSlimの中でDoctrineを使ったDB操作サンプルプログラムを試す■ 環境準備PHP/My......
■ 概要MySQL5.7系とPHP5.6系が入った環境をセットアップする目的としてはPHP,MySQLの開発環境を用意することで、開発で使うであろうcomposerも用意する// 以下の環境で実施していくことを想定する$ cat /etc/redhat-releaseCentOS release 6.8 (Final)■ PHP5.6系を入れる$ sudo yum install -y ep......