knaka Tech-Blog

AI, IoT, DIYエレクトロニクス, データサイエンスについて投稿予定です。

Vue.js(Vue-CLI 3) +cakephp +mysql SPA開発(11) #Vue.js #web #php

index: 概要: 環境 参考の設定 準備など 参考 実装など Vue.js 側 関連のページ 概要: 前のSPA 関連で、 クロスドメイン構成の仕組みで、アプリ構築する事例となります。バックエンドは、cakephp 2 (php フレームワーク) で、mysql DBの組合せの場合です。 …

Laravel 5 を、aws EC2 インストール編 #web #php #Laravel

index: 概要: 環境 参考 参考の設定方法 Laravel インストール apache の設定 概要: Laravel 5 を、aws EC2 ,Amazon Linux 2 に追加する手順等になります。・手順に、抜けがあるかもしれませんが。 ・インストール時に、メモリ不足で、composerが強制終了 す…

Vue.js +php, ローカルHTMLからクロスドメイン接続版 #Vue.js #web #php

index: 概要: 環境 参考の設定 ajaxのクロスドメイン対応 実装など おまけ 参考のページ 概要: 前のVue.js 関連で、 クロスドメイン構成の仕組みで、アプリ構築する事例となります。以前の, Vue-CLI +firebase 構成と似ていますが。 バックエンドは、以前の…

Vue.js +Codeigniter3 +sqlite 設定など

index: 概要: 環境 参考の設定 準備 WEB API 参考のページ 概要: 前のVue.js 関連で、 バックエンドは Codeigniter3 のphp軽量フレームワーク、sqlite3 の構成となります。 環境 Vue.js php7.1 sqlite3 jQuery 参考の設定 github.com 準備 ・sqliteの設定 ap…

Vue.js (Vue CLI 3) bootstrapの追加 SPA開発(10) #Vue.js #web #firebase #SPA

index: 概要: 環境 実装など 画面 概要: 前のSPA(SinglePageApplication) 関連で、 bootstrap 4.0のCSS 追加内容です 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase bootstrap 4.0 実装など https://github.com/kuc-arc-f/vue_2_ver3/blob/master/public/i…

Vue.js (Vue CLI 3) 共通関数の処理 SPA開発(9) #Vue.js #web #firebase #SPA

index: 概要: 環境 実装など 概要: 前のSPA(SinglePageApplication) 関連で、 自作した共通関数を、Vueコンポーネントから呼び出す場合の 処理となります。Mixin 使いました。 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase 実装など ・mixin.js https://g…

netlify で、Vue.js (Vue CLI 3) のSPAサイトの設置 SPA開発(8) #Vue.js #firebase #web #SPA

index: 概要: 環境 手順 参考のページ Update 2019/04/29 概要: 前のSPA(SinglePageApplication) 関連で、 netlify.com でのデプロイ公開 の内容となります。 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase 手順 事前にアカウントの作成しておきます。 (今…

firebase / Cloud firestore の開始編、web版のデータ登録 SPA開発(7) #firebase #web #SPA

index: 概要: 環境 関連 手順 接続、データ登録 参考のページ 概要: 前のSPA(SinglePageApplication) 関連で、firebase の設定編となります。・接続は、Vue.jsのweb版の予定 環境 Vue-CLI 3.6.6 Vue.js vue-router firebase 関連 https://firebase.google.co…

Vue CLI 3 の準備編、 SPA開発(6) #Vue.js #web #SPA

index: 概要: 環境 参考 参考の設定 v3 設定方法 npm の追加、 参考のページ 概要: 前のSPA(SinglePageApplication) 関連で、Vue CLI 3 の設定編となります。 の実装編となります。・バックエンドは firebase予定の構成 環境 Vue-CLI 3.6.6 Vue.js vue-route…

Vue.js (Vue CLI 3) と、firebaseで SPA開発、アプリ実装編 フォーム登録など SPA開発(5) #Vue.js #web #firebase #SPA

index: 概要: 環境 参考の設定 画面レイアウト コードなど Vueコンポーネント まとめ 参考のページ 概要: 前のSPA(SinglePageApplication) 関連で、Vue CLI 3 +firebase の実装編となります。・クロスドメイン構成で、バックエンドは別クラウドとなります。 …

Vue.js 初級編、V-ディレクティブ #Vue.js #web

index: 概要: 環境 参考 参考のコード v-text v-html v-show v-if v-else v-else-if v-for v-on v-bind v-model v-pre v-cloak v-once 概要: 前の Vue.js 関連で、初級編的な内容となります。 V-ディレクティブ の説明などです。 環境 Vue.js 参考 https://j…

Laravel 5 + sqlite 設定編 #Laravel #sqlite #PHP

index: 概要: 環境 参考 設定方法 Laravel 設定 概要: 前回の Laravel 5 のDB関連で、 sqlite windows版設定となります。 環境 php7.1 Laravel 5.6 sqlite 参考 https://qiita.com/homhom99/items/3161ed3eb8ea0e6ba14e 設定方法 ・sqlite 64bit をDLしま…

Laravel 5 + React.js で、ajax でリスト作成など #Laravel #React.js #PHP

index: 環境 参考 参考の設定 実装など コンポーネント 参考のページ 概要: 前回の Laravel 5 + React.js の関連になります。 ajaxで、DB登録機能、リスト表示など実装となります。 環境 php7.1 Laravel 5.8 React.js react-dom react-router-dom 参考 http:…

Laravel 5 + React.js で、設定編 #Laravel #React.js #PHP

index: 環境 参考 参考の設定 設定など 結果 概要: Laravel 5 + React.js の設定編になります。 環境 php7.1 Laravel 5.8 React.js react-dom react-router-dom 参考 http://www.hakopako.net/entry/2018/01/17/220538 参考の設定 resource など、一部のフォ…

Laravel 5.6 + Vue.js で、SPA開発(4) ページング機能 #Laravel #vue.js #SPA #PHP

index: 概要: 環境 参考 参考の設定 追加した、一覧画面 実装など 概要: 前回のSPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の関連となります。ページング機能の実装になります。 環境 php7.1 Laravel 5.6 Vue.js 参考 https://qiita.com/naga3/i…

Laravel 5.6 + Vue.js で、SPA開発(3) 状態の保持 #Laravel #vue.js #SPA #PHP

index: 環境 参考 参考の設定 実装など Vue.js 実行結果 その他 参考のページ 概要: 前回のSPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の関連となります。複数の画面を遷移した時の、 横断的に変数値を保存する方法について、検討してみました。…

Laravel 5.6 + Vue.js で、SPA開発(2) axiosで登録機能など #Laravel #vue.js #SPA

index: 概要: 環境とか 構成の概要 参考の設定 参考のページ 実装など api.php Vueコンポーネント 概要: 前回のSPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の関連となり、DBアプリ実装となります。 環境とか php7.1 Laravel 5.6 Vue.js 構成の概…

Laravel 5.6 + Vue.js で、SPA開発(1) 準備編 #Laravel #vue.js #SPA

index: 環境とか 準備 概要: SPA(SinglePageApplication) 構成で、Laravel 5 +vue.js の開発 、準備編となります。 環境とか php7.1 Laravel 5.6 Vue.js vue-router node.js npm 準備 古めですが、Laravel5.6です。 適当な、プロジェクト名を決めて、作成し…

flask+ TF-IDF+ janome ,AIチャットボット CSVから学習用の文章を読み込む。 自然言語処理(9)

index: 概要 環境 web画面 コード データセット 関連 概要 前の、自然言語処理の関連となります。 TF-IDF の AIチャットボットの、学習データを CSVファイルから、読み込み可能な方法の、例となります。・UI面は、BotUI のJSライブラリを使用しています。 ・…

sklearnで、 決定木 ( DecisionTreeClassifier ) 分類問題

index: 概要 環境 コード データセット 処理 概要 機械学習で、決定木 を使用した。分類問題をテストしてみたいと 思います定義としては、 ある目的(毒キノコかそうでないか、ある商品を購買するかどうかなど)に到達するために、 データの各属性の条件分岐…

sklearnで、 SVM (サポートベクターマシン) 分類問題

index: 概要 環境 コード データセット 処理 結果 概要 機械学習で、SVM を使用した。分類問題をテストしてみたいと 思いますSVM 定義としては、下記のようでした 訓練データにおいて、他クラスの中で最も近い位置にあるサポートベクタを基準として、 距離(…

sklearnで、 k-NN(K-Nearest Neighbor Algorithm) 分類問題

index: 概要 環境 参考 コード データセット 処理 結果 概要 機械学習で、k-NN を使用した。分類問題をテストしてみたいと 思います 環境 python 3.5.2 sklearn 参考 https://qiita.com/fujin/items/128ed7188f7e7df74f2c コード python3 です。 github.com …

入力文章から、俳句 短歌を抽出する。WEB画面の追加 自然言語処理(8)

index: 概要 環境 コード データセット 処理など 関連のページ 概要 前の、 自然言語処理 で TF-IDF 関係となりますが、 俳句、短歌を機械学習させて、入力文章と、 類似文章を抽出する。web画面の作成となります。・ 画面は、前回と同じ Bot UIライブラリを…

TF-IDFで sklearn.feature_extraction.text.TfidfVectorizer の結果を保存する。 自然言語処理(7)

index: 概要 環境 コード 関連のページ 概要 前の、 自然言語処理関係となりますが、 TF-IDFで、学習済みの TfidfVectorizer を保存して、 評価時に、読込むテストしてみました。 環境 python 3.5.2 janome sklearn コード github.compython3 です。train.py…

Codeigniter 初級編、フォーム追加など。 #php #web

index: 環境とか 参考 追加手順 ルーティング フォーム追加 参考の設定 例など 概要: Codeigniter3 php 軽量フレームワークの導入編的な内容となります。 環境とか CodeIgniter-3.1.10 php 5.6 mysql 参考 https://codeigniter.com/https://github.com/bcit-…

flask+ TF-IDF で、AIチャットボットをweb画面で作成する。自然言語処理(6)

index: 概要 環境 参考 コード web画面 処理など 参考のページ 概要 以前の、slackチャット対応のAI チャットボット機能の 関連となります。web画面 UIを自作して、 自然言語処理とwebサービスを使用する例となります。UI面は、BotUI のJSライブラリを使用し…

keras YOLO3 で、物体検知

index: 概要 環境 関連 準備 手順 検出の結果 その他 参考の設定 概要 以前の、keras 画像認識に関連した内容で、 YOLO3 物体検知 する例となります。 環境 python : 3.5.2 keras YOLO3 関連 https://qiita.com/yoyoyo_/items/10d550b03b4b9c175d9chttps://q…

keras LSTM で、文章自動生成を行う。 自然言語処理(5)

index: 概要 環境 参考 コード データセット 処理など 評価の結果 概要 前回の、自然言語処理の関連となります。 学習させた文章(書籍など)、を元にLSTM で、文章を自動生成する仕組みの例です。テストは、google colab で行いました。 環境 python 3.5.2 ja…

django + nginx + uwsgi の設定 #django

index: 概要 関連 環境 設定ファイルの例 設定方法 uwsgi の設定 表示の確認、 参考のページ 概要 djangoで、nginx + uwsgi を連携し、 webサービスを構築する例となります。 関連 https://www.sejuku.net/blog/28751http://intellectual-curiosity.tokyo/20…

Slackチャットから、flask+ TF-IDF の応答を出力する。自然言語処理(4)

index: 概要 環境 参考 コード 処理など デモの画面 まとめ 関連のページ 概要 前回の、自然言語処理の関連となります。 slackチャットからの、入力文章を webhook経由で AI/機械学習サーバからの応答を出力する例となります。webhookは、aws EC2 ubuntu16で…