前回のカウンターアプリに引き続き、今回はTODOアプリを作ってみようと思います。 基本は、前回お話ししたので、今回は、前回説明してこなかった部分に注力を置いて説明します。 まだVue.jsの初心者をちょっと超えたぐらいですが・・・ まずVue.jsとVuexでアプリを組むには、アプリの全体像をイメージし、 どんな画面で、どんなイベントがあって、どんな値を保持しなければならないかをしっかりと把握する。 画面の絵なんか描くといいかもですね。 で、今回の出来上がりイメージはこんな感じ。 ページ上部に、新しいTODOを入力する場所があって、追加すると、下に新たなTODOとして表示される。 表示されたT…
Read moreVue.js始めました。さっぱりわからなかったのですが、ようやく「いろは」は 掴めてきたので、vuexを使ってカウンターアプリを作ってみました。 storeをmoduleで分割して、中規模くらいのアプリなら対応できるような感じに仕上げてみました。 とにかく Vuexがややこしいというか、どういう構造で、どう利用するのかが難しい。 これに慣れるのが一番のキモです。 出来上がりのイメージ メチャメチャシンプルですが、こんな感じ。 ＋＋＋をクリックで、インクリメント、ーーーでデクリメント。 現在のカウンターが「５」 Vue.jsインストール [bash] $ npm install -g vue-c…
Read moreUbuntu 18.04にnginx mysql php phpmyadminの環境を整えます。 mysqlのパスワード設定に若干苦労しましたのでその時のメモです。 nginx、mysqlインストール [bash] $ sudo apt-get install nginx mysql-server [/bash] nginxの起動確認 [bash] $ sudo systemctl start nginx [/bash] ブラウザーで http://localhost としてnginxのトップページが表示されることを確認してください。 php、php-fpmなどなどをインストール [bash]…
Read moreUbuntu 18.04に Rails 5.xの開発環境を構築してみます。同時に必要となるであろう、mysql+gitもインストールしていきます。何箇所か躓きそうな場所があるので、そのあたり参照ください。 前準備 あれこれ必要そうなパッケージをインストール。結構ダウンロードされると思いますが、気にせずに・・・ [bash] $ sudo apt-get install curl git build-essential libgtk2.0-dev libmysqlclient-dev mysql-server libmysql++-dev [/bash] RVMインストール 従来通りのrvm の…
Read moreWebpack3で、開発するのに慣れていたんだが、知らぬ間にVer4のwebpackが出ている。 webpack4からは、コンフィグレスを目指しているみたいだけど、コンフィグも多少いるし、Ver3とは書き方がずいぶん替わっているので、軽くまとめておく。 開発フォルダ作成 [bash] cd ~/ mkdir workspace mkdir wp4react cd workspace/wp4react npm init -y mkdir dist src mkdir src/components [/bash] 開発用パッケージの導入 [bash] npm i -D babel-core bab…
Read moreWindowsとUbuntuを共存させていて・・・ Windowsがぶっ壊れた時、Windowsを再インストールしますよね。 WindowsはLinuxの存在無視しまくって、BootローダーをWindows専用にします。 これだと、今まで使っていたUbuntuが起動しなくて困ります。 （こんな使い方してる人は稀なのかもですが・・・） で、どうするか。 UbuntuのBootableUSBメモリを作成 別PCで、Ubuntuのインストール用のISOをダウンロードしてきて、 unetbootin/extlinuxが入っている状態で、unetbootinを使って OSインストール用のUSBメモリを作…
Read moreUbuntu16.04でLive DVDをリッピングして、タブレットで観たくなったので 調べてみました。 handbrakeというのを使えば簡単にできることがわかりましたので、 手順を書いておきます。 必要ファイル群インストール sudo apt-get install libdvdcss2 dvdbackup handbrakeインストール sudo add-apt-repository ppa:stebbins/handbrake-releases sudo apt-get update sudo apt-get install handbrake-gtk handbrake-cli 起動…
Read moreこんにちは。いやいや、まるまる一日使ってしまいましたよ。 React Nativeの開発を行いたくって、GenymotionでAndroidのエミュレーターを動かして デバッグする環境を作るのに四苦八苦してなんとか解決した顛末をざっくり書いておきます。 GenymotionもRyzen CPUを動かすにはLinuxしかダメみたいな 記述があったので、開発はUbuntuでしましょうね。 Ryzenがあまりに暴れ馬で、もうCore i5 Skylakeを泣く泣く使おうかと思いましたよ。 ハイスペックマシンが利用用途無しとなるところでした。 ※追記 Ubuntu16.04.3で動かすことを前提として…
Read moreフロントReactJS、バックエンドRailsという構成でサービス立ち上げに関わってた。 思うんだけど、Macを開発に使うのはわかるんだけど、なぜWindows使う人がいるんだろ？ どうせリリースするのLinuxベースのOSなんだし、フロントはiPhoneのSafariか AndroidのChrome、まぁあとはWindowsのChrome,Firefox,IE,Edge Macはほとんど使わないんでわからないんだけど、Windowsはほんともっさり動作だよね。 これだけマシンのスペックがどんどん上がっているにもかかわらず、嫌がらせのように 動きがトロい。 コンソールでコマンドライン叩くのがほ…
Read more
最近のコメント