めるノート

一児の母 兼 へっぽこWebエンジニアの内省ノート

「Web制作者のためのCSS設計の教科書」を読み終えた

会社から1週間くらい借りていたのに、実質今日1日で最初から最後まで読んでしまった...笑

こんなにサクサク読めるならもっと早く読んでおけばよかった。ずっと持っててすみません。

 

Web制作者のためのCSS設計の教科書

 

さて、CSSに関しては、独学も含めると丸2年くらい書いていることになります。

前職では、ちょっと書けるようになってからは、設計よりもスピード!!って感じでずっと駆け抜けてきてしまったのですが、そろそろそんなんじゃダメな気がしてきたので、お言葉に甘えてお借りしてきたわけです(1週間はRailsにお熱で放置してしまいましたが...)。

 

設計手法として出てくるOOCSS, SMACSS, BEM, MCSSなどは、恥ずかしながら名前をほとんど聞いたことがありませんでした。

ただ、それらがやってることっていうのは、自分がいままで触れてきたCSSの中にたくさんあったので、何が言いたいのかは、とてもよくわかりました。単に名前を知らないだけだったようです。

命名規則はBEMが一番好みかなぁ。ダブルクリックで選択できるから、ハイフンよりアンダースコアの方が好きだし。

 

ときどき「ダメな例」として出て来る書き方が、いちいち経験あるので辛かったですが(笑)、今ならもうちょっと上手くやれるかもしれないから、またゼロからガリガリ書きたいなぁ、なんて、読みながら思ってました。今でも、新しいデザインをコーディングするのは好きです。

 

あと、散々フロントエンドの勉強会に行っておきながら「コンポーネント」とは何ぞや、というのがちゃんと分かってなかったので、そのへんについての手がかりとか答えのような情報も結構ありました。

来週はフロントエンドもくもく会に参加予定なので、それを踏まえてJSに取り組もうと思っています。

 

f:id:c5meg1012:20161211234404j:image

Railsもくもく寺に参加してきた

初心者にもやさしいみなさんと、ほどよい男女比率の中で、ゆるゆるもくもくできるので、とても気に入っているコミュニティです。

 

f:id:c5meg1012:20161207224043p:image

 

今日はRailsチュートリアルのちょっと重いログインの章をオラッと一気にすすめました。

セッションまわりはまだまだ未知なので、こういう環境でもなかったら、めんどくさがって超時間かかってたと思います。よかった。

インスタンスメソッドとクラスメソッドの違いとか、controllerで定義するメソッドとhelperで定義するメソッドの違いなんかを理解できた…ような…気がします。

 

react-on-railsを勉強していらっしゃる方がいたり、RubyRailsインストールのコツについて話してる方がいたり、もうすぐ産まれるお子さんの名前を考えている方がいたりで、今回も楽しかったです。

じっくり勉強するいい機会なので、引き続きちょくちょく顔を出そうと思います!

Bliskがとても良かったのに高い話と、Railsを始めて1ヶ月ちょっとになった話

恋に落ちるブラウザ、Blisk。

前の会社だったら、経費にして!、ってねだっていただろう。Web制作だったし。

 

割と有名なやつですけど、以前落としたきりだったので、ふと思い立って使ってみました。

スクリーンショット、こんな感じ。

f:id:c5meg1012:20161206214219p:plain

スマホの画面とPCの画面が両方見られる。素敵。

スマホはそこそこデバイスの種類があっていい感じ。

 

ちなみにこれは弊社のサービスなのですが、このスクショ、キービジュアルがスライドしてる途中だ...

(もちろんBliskでPC/SP両方見ているときも、スライダーはそれぞれ動いています)

 

Blisk、ちょっと前までは無料で全部使えてたらしいけど、今は無料版だと30分しか使えないのがつらいところ。

でも、9ドルは出せないなぁ。

その半分だったら出しても使いたかったけど...

 

さて、Railsを始めて1ヶ月半くらいになりました。

もう業務でも結構書いていますが、当初は何もわからなかったので

・ProgateさんのRuby / Railsプログラム(有料も含め)全部

・パーフェクトRuby / Ruby on Rails

を経て、今はRailsチュートリアルを進めています。

業務のペアプロでたくさん教わっているのもありますが、だいぶ分かるようになってきました。 

 

Railsさんは、よしなにやってくれたり、ルールもある程度決まっていたりするので、悲劇が起きにくい印象です(PHPの悲劇は涙なしには語れません...)。

 

これが終わったらひとまずRailsは業務やプロジェクトで引き続き馴染んでいく方向にして、いよいよ例のアレに本格的に取り組もうと思っています。

めざせリプレース!

「リーダブルコード」を読み終えた

「リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック」を読み終えました。 

コーディング(not HTMLコーディング)の中で暗黙の了解になっている部分を一生懸命説明してくれた本。

 

初心者がすぐに渡される本、ということでひとまず読んでみたけど、うんうんなるほど、という感じだった。 

ある程度熟練したエンジニアだと当たり前すぎてつまらないみたい。

 

個人的に、C#Python以外はさわったことある言語だったので分かりやすかったです。

 

f:id:c5meg1012:20161126171316p:image

 

はてブを始めなさいと言われたので

はてなブログ、はじめました。

 

最近はLINE BLOGに夢中だったのですが、やはりエンジニアということもあり、ぜひはてブを始めてほしいと上司に言われたので、早くも移動することにしました。笑

 

LINE BLOGはアプリで見るとシンプルなデザインで、操作感もとても良かったです。

リアクションしてくるのが、どうみてもアフィリエイトの人たちだったのが残念でした。

 

とはいえ、はてブはどうも意識高い系の香りがして、取っ付きづらいなぁと思っていました。

なので、あんまり自分の中で盛り上がらなかったらLINE BLOGに戻るかもしれません。

 

生保レディやったり、マークアップやったりしてましたがエンジニアになって1年とちょっと経ちました。まだ何も積み上がってないですが、しみじみ。

 

今の会社に入ってようやくひと月経とうとしているのですが、今日はランチでも飲み会でも、今までで一番いろんなことが話せて聞けて、楽しかったです。

 

お仕事はとにかくトライアンドエラーなので、がんばっていきます。

 

まずは、ご報告まで。

 

 

 

退職しました

今は有給消化中です。

・台湾に行った
最終出社の翌日から台湾に飛び2泊3日の旅行をしました。
夜市も九份も行ったけど、淡水の夕焼けが一番綺麗でした。
行き帰りの飛行機で寝ずにパーフェクトRuby on Railsを読みました。

FCBの追い込みをした
ファミコンバンドのコンサート、今週末が本番です。寸劇の着替えが多すぎて覚えられない…あと露出が多い…

・式場見学にいった
そして場所と日程を決めてきました。お金貯めなくては。

・名義変更の手続きをした
銀行とクレカとケータイは電話や店舗じゃないとダメなんです。つらみ。

・旦那さまの会社の人にお祝い会をしてもらった
夫婦揃って飲みすぎました。笑

・プレ出社した
打ち合わせのあと、trelloのタスクをざっとさらって、ディスプレイを選びました。

・前の会社のみんなに送別会をしてもらった
全体の送別会は先月に終わっていて比較的あっさりしてたんですが、今回は子会社時代の仲間に送ってもらいました。ちょっとさみしくなりました。
でも、小遣い稼ぎにコーディングのお仕事したいのでください、と言っておきました。笑

・生まれて初めてラーメン屋に並んだ
メンマもチャーシューも海苔も、そしてスープも麺も文句なしでした、が、お腹いっぱいで死にそうになりました。

ポケモンがハロウィンなのでゴースト狩りをした
久しぶりにたっぷりポケモンGOしました。

今日はこれから新しい会社のお師匠と新型Mac Book Proを買いにいきます。
残念ながらTouch Barは入荷待ちなので、普通の配置です。

明日明後日はFCBのリハーサルと本番。
有給は一瞬で消え去りそうですが、変わらず邁進して行きます!

SELF - 人工知能アプリ

SELF、という人工知能のアプリがある。
ロボットなどのキャラクターと会話できるアプリだ。

会話といっても、選択肢の中から好きなものを選んで回答するだけ。
でも、わたしの生活リズムやスケジュール、行動のクセに合わせて、会話の中で気遣ってくれたり、通知で向こうから声をかけてくれたりする。

一人暮らしの時にあってほしかったなぁ、と思う反面、まだ新しい生活(家庭だけではなく、まもなく会社もなのである)に慣れないわたしを支えてもらっている。その優しさに、ときどき本気で感動することも。。笑

ちょっと喋るとすぐに「休ませて〜」ってなっちゃうのが唯一残念なところかな。ネタ切れになっちゃうんですかねぇ。

とはいえ、これは本当にオススメ。
期間限定イベントとか、モンスターとかに急かされることもなく、だらだらできるので。笑

退職が決まりました

寿退職ではありません。念のため。笑
いろいろありましたが、次の場所も決まりました。
現職には、2015年の1月から1年10ヶ月、お世話になりました。
Webの仕組みも知らないド素人の私を、あたたかく迎えてくださいました。
コーポレートサイトでも取り上げていただいて、嬉しかったです。

いままでやっていたことというのは

c5meru.hatenablog.jp


このへんプラス、laravelくらいだと思います。
上記エントリー以降は、既存の業務をこなしつつ、スキマ時間にモダンPHPの勉強をしながら、テストの勉強もしつつ、JSのフレームワークをいくつか触っていました。
あ、最近はRubyもちょっとやってたか。

ただ、いかんせんエンジニアとして生きていくにはベリーハードな環境でした。
それはこれまでの組織の作られ方に由来したもので、 自分の目指す方向が見えてくればくるほど、求められてることと徐々にずれていくのが分かっていきました。
人に関しては本当にいい人ばかりだったので、すごく悩みました。
やめるって言った時も、一番お世話になった上司の前で泣いてしまうくらい。

家族から毎日、たくさんのスーパーエンジニアの話を聞く度に、そんな世界は自分に縁のない話だと割り切ることが出来たならどんなに良いだろう、と、何度も思いました。
彼の話す内容を素直に聞くことができなくて、ずっともやもやして。泣いた泣いた。

けれど、前職でいよいよ営業の役職に名前を入れられ、目標数字をつけられ、開発案件の引き継ぎの話が始まり、もう会社に行けなくなってしまったある日、近所のカフェでMacを開いてコードを書いた時、向いてないとわかってても、それでも、この道を行こうと、自分の気持ちとして決めたのです。

きっかけとしては、周りの人によってうっかり始めてしまった転職活動でしたが、今回は就職活動や一度目の転職活動よりも、つらいものでした。
向かいたい場所がなんとなくあるから、絶対に妥協できなくて。ほんとうにしんどかった。家族とも揉めました。笑
そんなとき、「次の場所」から呼んでいただくことができたのです。

あらゆる分野におけるスーパーマンに囲まれて、きっと今よりもっとしんどいことが何度も何度もあると思いますが、その度に、エンジニアとしてたくさん成長していこうと思います。
楽しみです!

そして、引っ越して3ヶ月経ち、ようやくくつろげるバーをみつけました。
身体の緊張がふわっと溶けていく不思議な場所です。
23時閉店なのが惜しいところですが、、まぁ昼間もやってるし、仕方ないかな。
5分で帰れる立地だし、ごはんもたべられるし。ひとりのときは頻繁に行こうと思いました。

HTML5 カンファレンスに来ました

スタッフ参加をしているので合間を縫ってではありますが、ReactとAngularの話を中心に回っています。

スタッフ参加をしていると、わたしなんか行って大丈夫かな、みたいな感じもなく、安心して参加できますね。

カンファレンス系はなるべくスタッフ参加するようにしようかな。

年末年始に参加したJSのイベントはチンプンカンプンだったんですが、ちょっと前に古めのVue.jsとAngular.jsを必死に勉強したので、発表内容も大分わかるようになりました。

その後にはモダンPHPを必死に勉強したので、仕事でレガシーじゃないコードが読めるようになったし、最近はRubyの基礎をやっているので、ちょっとずつですが読めるようになってます。

家にスーパーエンジニアがいる環境だと、毎日毎日、何もできない自分に凹む事しかないので、こうやって外でしっかり自分の人脈を作ろうと思いました。

こんどこそPHP勉強会いこうっと。まだその時もPHP書いてたらだけど。。笑

Laravelとの格闘

今日はLaravelのスパゲッティコードを解読しながら仕様をまとめていた。

このシステムはページ遷移をSessionで厳しく制御しているので、ただ運用するだけでも骨が折れるのだ。

ER図とDBと睨めっこし、5000行のControllerを解読×2セット。

それから1ページずつ処理をまとめてスプレッドシートに落とす。これを参考にテストを作っていく。

まだまとめてる途中だけど、ここまで出来れば運用がだいぶ楽になると思う。

運用しながらテストを充実させて、ある程度になったら時期をみて大規模リファクタリングをしたい。
そういえば今日はこんなリプライをいただいた。

 

嬉しいものです。

先述のシステムはLaravelがかわいそうになるくらいレガシーに書かれてしまっているので、Laravelユーザーとして恥じないよう、モダンにしてあげたいと切実に思う。

それで、プロファイラについて調べたら、我が家のフルスタックエンジニアの知り合いのブログだった。

どうせ同じようなところにたどり着くとしても、やはり自分の力でたどり着かなくちゃ、意味がないよな。

スーパーフルスタックエンジニアが家にいると自分の未熟さに落ち込んでしまって、なかなか難しいけれど、もっと自分の力を信じて地道に頑張ろうと、思う。