slim書くの辛い

Rubyで出力する部分で、slimを書くことがあるんだけど、100行超えた辺りから、自分がどの位置で何を書いてるのかわからない。上部にif文などを追加すると、コンパイルエラーが何度も起こる。Malformed indentationやSyntax error... 何度も何度も上下にスクロールしてネストを確かめて消耗してる。BEMで設計してたらまだマシではあるけど、erb2slimでコンパイルしたようなコードはマジで読めない。ついさっきslimのコードでバグを出してしまった。俺の頭の処理能力が足りないのかもしれない。あー目が痛い

コードを書くモチベーション

最近コードを書く事にモチベーションが湧かないというか、惰性でやってる感ある。週末やろうとしたこともいざとなると全然楽しくないし、イラついて時間を無駄にしてしまう。できるようにならないといけないという焦りがそうさせているのかなんなのか分からない。そもそも楽しいと思えることなんて無いのかもしれない。

仕事でできなかったことを休みの日にキャッチアップする必要はないし、その都度覚えればいいと思うようにしないとキツイ。没頭するほどの猛烈なモチベーションはないけど、退社前の20分くらいJavaScriptのサイ本読むのを続けてる。JavaScriptの勉強は楽しいなーと思ってる。大学行ってないせいか、勉強したい欲は人一倍あって、本を読むのは学んでる気がして楽しい。モノづくりがしたいというより、コンピューターサイエンスに没頭したいんだなと思う。

まとめ　今は土日にアプリ作るとかより、コンピューターサイエンス勉強したほうが良さそう

引っ越したい

1月に上京してきてからシェアハウスなんだけど、それはお金無かっただけだから、はやく引っ越したい。 賃貸サイト探すの怠くてiettyを使い始めた。

貯金的にもあと2ヶ月から3ヶ月は先になりそう。っていうのも、30万あれば余裕で引っ越せると思ってて、iettyで見積もったら、敷金礼金なしでも37万初期費用かかると言われたので、ビビってる。

家具家電とかでしょうもない妥協したくないし、もうちょっと余裕持ちたいとか考えてたら、段々面倒くさくなってきた。いまの生活がクソすぎるから、いち早くQoL上げたいんだけど、すぐに実行できなくてモヤモヤしている。

場所は渋谷か会社の徒歩圏内かの二択で、渋谷のアクセスも捨てたくないけど、電車通勤に耐えられないので、それを決めるのも面倒くさい。

El CapitanでEmacs使えない問題

新しいMacbookに移行して、なんとかrvmの設定終えたけど、Emacsが怪しかった (usr/local問題) homebrewで作られた　/usr/local/bin/emacs に作られたEmacs24.5は参照されなく、/user/bin/emacs22.1とかが参照されて、dotfilesで管理していた設定が使えなく発狂したので、諦めて cocoa emacsを使うことにした

brew install --cocoa --japanese --with-gnutls -srgb emacs

ApplicationにEmacsができる

brew linkapps

aliasをこっちに変えてしまえばいい

alias emacs='/Applications/Emacs.app/Contents/MacOS/Emacs'

init.elがちゃんと読み込んで無事帰還した。でもiTerm2でEmacs使えなくなって悲しい homebrewどうすんだこれ

追記 aliasのPATH変えたらhomebrewでインストールしたEmacs起動できた

記事の通りパーミッションを変更し、

homebrew/El_Capitan_and_Homebrew.md at master · Homebrew/homebrew · GitHub

alias emacs='/usr/local/bin/emacs'

シャーロット観た

最新話、主人公の乙坂が世界中の能力を奪う話。こんな能力あればいいなと1分くらい妄想したが、尺的にそんな余裕が無かった。

観る側の反応としては、友利奈緒との学園ライフが見たいのであって、世界を救うとかどうでも良かったんだろうなと思う。

友利奈緒は寂しく乙坂の帰りをずっと待っていたにも関わらず、乙坂は記憶を無くしてしまい、可哀想な展開で終わってしまった。

後ろ姿可愛い。

それでも約束を果たして帰って来てくれた恋人にたいして笑顔で迎え入れる天使。

終わり

みたいな感じのスパッと切れた最終話だった。考察とかする必要あるのかわからない。

RailsにReactを導入する

現状: Rails4.x以上でサービスを稼働している。 フロントエンドは.erbで記述している。JSはassets/javascriptという普通の構成

開発リソース: １人
目的: 既存のUI資産を残しつつ、ECMAScript6 + React + Reduxに置き換える
前提: react-router,react-railsを使う

React(ES6)をbabelでコンパイルする必要があるので、frontend/src/javascript 以下にjsxを書いていく。 gulpfileはこんな感じ

var gulp = require("gulp");
var browserify = require("browserify");
var babelify = require("babelify");
var source = require("vinyl-source-stream");
var concat = require("gulp-concat");


gulp.task('compile-es6',
  function() {
    browserify('./frontend/src/javaxcript/**/*.jsx', { debug: true })
      .transform(babelify)
      .bundle()
      .pipe(source('bundle.js'))
      .pipe(gulp.dest('app/assets/javascripts/components'))
  });

gulp.task('watch',
  function() {
    gulp.watch(__dirname + '/frontend/src/javascript/**/*.{js,jsx}', ['compile-es6'])
  });

コントローラー毎にレイアウトファイルを振り分ける作業があるんだけど、とりあえずHelloReactとか表示する。

// frontend/src/javascript/hello-react.jsx

import React from 'react'
export default class HelloReact extends React.Component{
  render() {
    return(
      <div>
        <h2>Hello React!</h2>
      </div>
    );
  }
}

class HelloReactController < ApplicationController
  def index
  end
end

# app/views/hello_react/index.html.slim
= react_component 'HelloReact'

react_component はreact-railsに用意されているhelperメソッド。複数のComponentを表示すると react_component 'header' react_component 'main' react_component 'footer' みたいになっていく。

適当にrouteを設定し、urlを叩くと、ヘッダーとフッター部分が.erbで、Hello Reactの部分がjsxで書いたviewが混在したものが表示される。

Apple Musicのゲーム音楽アーティストリンク

Anamanaguchi itun.es

Tim Follin itun.es

itun.es

itun.es

itun.es

クロノトリガー＆クロノクロス itun.es

itun.es

itun.es

itun.es

他にあれば知りたい