月別: 2018年12月

【Vue.js入門】ユーザ管理画面をVuetify.jsのData tablesで作る

ユーザ管理画面のUIをVeutifyのData tableを使って作ってみました。ほとんどは公式のリファレンスを参考にしました。 https://vuetifyjs.com/ja/component …
続きを読む
- 2018年12月28日
- TechGuild
- Vue.js, Data table, JavaScript, Vue.js, Vuetify, Webアプリ
【Vue.js入門】Vuetifyの導入

Vue.jsで簡単なユーザ管理アプリを作ろうとしています。 UIコンポートネントは、Vuetifyというものを使用してみます。 Vuetifyの利用まず、Vuetifyの公式ドキュメントを見てみまし …
続きを読む
- 2018年12月28日
- TechGuild
- Vue.js, JavaScript, Vue.js, Vuetify, Vuex, Webアプリ
【Vue.js入門】VueのHelloWorldを解説 (Vue Routerあり)

概要前回記事でVue RouterなしのHelloWorld、「vue_app_norouter」を作成し、記述内容を整理しました。 Vueはシンプルで学習コストが低いと紹介されていることが多いので …
続きを読む
- 2018年12月26日
- TechGuild
- Vue.js, JavaScript, Vue-Router, Vue.js, Webアプリ
【Vue.js入門】VueのHelloWorldを解説 (Vue Routerなし)

Vue.jsで、vue init webpackしたときに生成されるindex.html/main.js/App.vue/HelloWorld.vueがどのような構造になっているか整理しました。 Vu …
続きを読む
- 2018年12月26日
- TechGuild
- Vue.js, JavaScript, Vue-Router, Vue.js, Vuex, Webアプリ
【Railsサンプルアプリ】RailsでWebAPIアプリ作成

RailsでWebAPIを作成します。以前作ったユーザ管理アプリを前回記事では、既存RailsアプリをWebAPI化する修正を試みましたができませんでした。今回は–apiオプションをつけ …
続きを読む
- 2018年12月22日
- TechGuild
- Ruby on Rails, HTTP, Postman, Ruby, Ruby on Rails, WebAPI, Webアプリ
【Railsサンプルアプリ】既存RailsプロジェクトをWebAPIに修正する (未解決)

RailsでWebAPIを作りたい。 RailsにはAPIモードがあり、rails new するときに–apiオプションを使用することで利用できる。ただし、前回記事の通り既にプロジェクト …
続きを読む
- 2018年12月22日
- TechGuild
- Ruby on Rails, Ruby, Ruby on Rails, WebAPI, Webアプリ
micro:bitでLEDを光らせる杖を振ると流れるようにLEDが光る

杖を振ったら、LEDが流れるように光らせたいと思い、micro:bitを使って作ってみました。材料以下の材料を用意しました。 micro:bit x 2 LEDテープ乾電池(3本)＆電池ボックス …
続きを読む
- 2018年12月20日
- TechGuild
- micro:bit, LED
VRとりおとし – ボードゲームのVR化

「とりおとし」というボードゲームをVRアプリ化できないか検討しました。恐らく長い話になると思うので、少しずつ軌跡を記事にしていきます。原作はこちら：とりおとしアプリの概要どのようなゲームにする …
続きを読む
- 2018年12月19日
- TechGuild
- VRアプリ, A-Frame, JavaScript, Oculus Go, VRアプリ開発, とりおとし, ボードゲーム
【Railsサンプルアプリ】scaffoldの作成とdb:migrateでテーブル作成

scaffoldでmodel とcontrollerとデータベースのテーブルを作ります。 User管理アプリを作ります。概要 Railsアプリの作成 scaffoldの作成 db:migrateの実 …
続きを読む
- 2018年12月19日
- TechGuild
- Ruby on Rails, db:migrate, Postgres, Ruby on Rails, scaffold
【Railsサンプルアプリ】Rails – VueアプリのCORS対応

前回記事のRailsバージョンをVueで表示する際、 http://localhost:8080からhttp://localhost:3000がクロスドメイン通信になっており、CORSへの対応が必要で …
続きを読む
- 2018年12月18日
- TechGuild
- Ruby on Rails, CORS, Ruby on Rails, Vue.js, WebAPI, Webアプリ

1
2
>
»