TechGuild | TECH GUILD" />
    • 技術が集うTECH GUILD

    【Vue.js入門】VueのHelloWorldを解説 (Vue Routerあり)

    概要 前回記事でVue RouterなしのHelloWorld、「vue_app_norouter」を作成し、記述内容を整理しました。 Vueはシンプルで学習コストが低いと紹介されていることが多いので …

    続きを読む


    【Vue.js入門】VueのHelloWorldを解説 (Vue Routerなし)

    Vue.jsで、vue init webpackしたときに生成されるindex.html/main.js/App.vue/HelloWorld.vueがどのような構造になっているか整理しました。 Vu …

    続きを読む


    【Railsサンプルアプリ】RailsでWebAPIアプリ作成

    RailsでWebAPIを作成します。 以前作ったユーザ管理アプリを前回記事では、既存RailsアプリをWebAPI化する修正を試みましたができませんでした。今回は–apiオプションをつけ …

    続きを読む


    【Railsサンプルアプリ】既存RailsプロジェクトをWebAPIに修正する (未解決)

    RailsでWebAPIを作りたい。 RailsにはAPIモードがあり、rails new するときに–apiオプションを使用することで利用できる。 ただし、前回記事の通り既にプロジェクト …

    続きを読む


    micro:bitでLEDを光らせる 杖を振ると流れるようにLEDが光る

    杖を振ったら、LEDが流れるように光らせたいと思い、micro:bitを使って作ってみました。 材料 以下の材料を用意しました。 micro:bit x 2 LEDテープ 乾電池(3本)&電池ボックス …

    続きを読む


    VRとりおとし – ボードゲームのVR化

    「とりおとし」というボードゲームをVRアプリ化できないか検討しました。 恐らく長い話になると思うので、少しずつ軌跡を記事にしていきます。 原作はこちら:とりおとし アプリの概要 どのようなゲームにする …

    続きを読む


    【Railsサンプルアプリ】scaffoldの作成とdb:migrateでテーブル作成

    scaffoldでmodel とcontrollerとデータベースのテーブルを作ります。 User管理アプリを作ります。 概要 Railsアプリの作成 scaffoldの作成 db:migrateの実 …

    続きを読む


    【Railsサンプルアプリ】Rails – VueアプリのCORS対応

    前回記事のRailsバージョンをVueで表示する際、 http://localhost:8080からhttp://localhost:3000がクロスドメイン通信になっており、CORSへの対応が必要で …

    続きを読む


    【Railsサンプルアプリ】RailsのバージョンをVueで表示

    サンプルアプリとしてRailsのバージョンをVueで表示してみます。 Rails側は、バージョンを返すWebAPIを作成し、Vue側でWebAPIを呼び出す方式とします。 概要 Rails側 Rail …

    続きを読む


    Vue CLI環境構築

    Vue CLIをインストールしました。 概要 nodebrewのインストール node.jsのインストール npmでvue-cliをインストール npmでyarnをインストール Vueでプロジェクトを …

    続きを読む