Vue.js始めました。さっぱりわからなかったのですが、ようやく「いろは」は 掴めてきたので、vuexを使ってカウンターアプリを作ってみました。 storeをmoduleで分割して、中規模くらいのアプリなら対応できるような感じに仕上げてみました。 とにかく Vuexがややこしいというか、どういう構造で、どう利用するのかが難しい。 これに慣れるのが一番のキモです。 出来上がりのイメージ メチャメチャシンプルですが、こんな感じ。 ＋＋＋をクリックで、インクリメント、ーーーでデクリメント。 現在のカウンターが「５」 Vue.jsインストール [crayon-5cd96e984ea0321355677…
Read moreUbuntu 18.04にnginx mysql php phpmyadminの環境を整えます。 mysqlのパスワード設定に若干苦労しましたのでその時のメモです。 nginx、mysqlインストール
|
1 |
$ sudo apt-get install nginx mysql-server |
nginxの起動確認
|
1 |
$ sudo systemctl start nginx |
ブラウザーで http://localhost としてnginxのトップページが表示されることを確認してください。 php、php-fpmなどなどをインストール
|
1 |
$ sudo apt-get install php php-fpm php-mysql php-gettext php-common php-mbstring php-mbstring |
このタイミングで…
Read moreUbuntu 18.04に Rails 5.xの開発環境を構築してみます。同時に必要となるであろう、mysql+gitもインストールしていきます。何箇所か躓きそうな場所があるので、そのあたり参照ください。 前準備 あれこれ必要そうなパッケージをインストール。結構ダウンロードされると思いますが、気にせずに・・・
|
1 |
$ sudo apt-get install curl git build-essential libgtk2.0-dev libmysqlclient-dev mysql-server libmysql++-dev |
RVMインストール 従来通りのrvm のインストールでは 「この鍵は信用できる署名で証明されていません! この署名が所有者のものかどうかの検証手段がありません。」 と言うようなエラーが出るので、gpgの鍵のインポートを３ス…
Read moreWebpack3で、開発するのに慣れていたんだが、知らぬ間にVer4のwebpackが出ている。 webpack4からは、コンフィグレスを目指しているみたいだけど、コンフィグも多少いるし、Ver3とは書き方がずいぶん替わっているので、軽くまとめておく。 開発フォルダ作成
|
1 2 3 4 5 6 7 8 9 |
cd ~/ mkdir workspace mkdir wp4react cd workspace/wp4react npm init -y mkdir dist src mkdir src/components |
開発用パッケージの導入
|
1 2 |
npm i -D babel-core babel-loader babel-preset-env babel-preset-react npm i -D webpack webpack-cli webpack-dev-server |
必要パッケージの導入
|
1 |
npm i -S react react-dom |
package.jsonの調整 testだけになっているところに、buildとsta…
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はじめに React Nativeでカメラロールをいじる方法がわからなかったので調べました。 ついでに、一覧表示した画像から、複数ファイルを選択し、axiosでアップロードするところまでを紹介します。 サーバーサイドはRailsで受け取るソースをのっけておきます。 最後に全ソースを貼り付けます。 説明は部分部分かいつまんで行います。 CameraRollから画像一覧取得 カメラロールをインポートして、
|
1 2 3 |
import { CameraRoll, } from "react-native" |
componentDidMountで一覧を取得し、Stateにセットします。 imageSelは画像が選択されたかどうかのフラグ…
Read more
最近のコメント