mania-ku

食べ物とコードとか。

JS強化月間はじめました

暇なのでブログはこまめに書こうと思っていてネタが一個あったのですが、うっかり外部出力せずに寝てしまったので忘れてしまいました。
次はちゃんとメモとります。


転職活動はしてるんですが、探す→いいのあったら申し込む以外やることはあんまりない(家事とか買い物はしてるけど)ので、JS強化月間はじめました。(今月始まってからもう10日経ってるけど)

フロントエンドエンジニア、で探しているとやはりVue.jsやReactができてないとマズそうな空気がプンプンします。
なので、ひとまずJSの基礎を再勉強する→Vue.jsの勉強を再開→Reactの順に手をつけようかと思います。

もともとはVue.jsの勉強を再開していて、なんかいい情報ないかな〜(勉強の仕方とか)と思っていたら、以下の記事を見つけました。

JavaScript寺子屋に入門させていただきました。よろしくお願いします

 

    • jQueryばかりで素のJSの基礎があんまり身についていない。MVCもほとんど忘れてしまった。
    • JSとPHP(ほぼWordPress)両方やってたら色々ごっちゃになった。
    • JSおじさんのJavaScript 寺子屋とUdemy(Vue.jsとReact)が評価がめっちゃよかった。
    • 何よりもJavaScript 寺子屋を始めようと思って、JSおじさんのSlackに挨拶コメント書いたら即レスされて、モチベが上がった。

という理由で、JavaScript 寺子屋を始めます!

Udemyは両方購入しました。

すでにVue JS入門決定版!jQueryを使わないWeb開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ| Udemyは買っていたんですが、ここから業務レベルにスキルアップするにはどうすればいいかなと思っていたのでちょうどよかったです。

JavaScript 寺子屋は今JavaScript 寺子屋 3 / アローファンクションの中で何かしてみるをやっているところです。
宿題の笑いが取れるような関数が思いつかないです。お笑いの道は厳しいですね・・・

【解決済】AndroidのGmailアプリで本文が見れなくなった

新着メールが来た!と思ってメールを開いても本文が見れない状態が朝から続いていたので、障害かな?と思ってたんですが、先ほどまでずっと見れなかったのでググってみたら以下のサイトが引っかかりました。

HUAWEIなので、いよいよGoogleから見放されたのかと一瞬思ったんですが、再起動で直りました。
買い換える余裕がないわけでもないんですが、背面にヒビ入ってるくらいで特に困ってなかったのでよかった。
買い換えるならあんまり画面が大きくない片手で持ちやすいのが良いですけど、この前電気屋に行ったら大画面のものばかりで辟易してしまいました。片手持ちしたいユーザなんて割りといると思うんですが。

退職&転職活動始めました

退職しました

メンバーの入れ替わりによって私が求める職場環境と変わってしまったこと、大きい社則の変更、体調不良などがあり、先月末(2019/6)に前職を退職しました。

何もなければ10年以上勤めて、一人くらい子供を産むつもりでいたのですが、なかなかうまくいかないものです。

体調不良については昨年はいつも夏バテをするころに無理をしすぎたのか、秋から冬にかけて絶不調でした。鬱のようなメンタル不調と夏バテのような体調不良が続き、家では寝てばかりでちょうど仕事が忙しい時期の旦那にはいつも以上に負担をかけてしまいました。申し訳ない…

有給消化は思ったよりもすごく充実しました

幸い有給中にじっくり休んだことによって、夏バテ以外の調子はだいぶ戻ってきました。関東に引っ越してきてから15年近くになりますが、なかなか夏の気温に慣れません。クエン酸入り飲料を飲むとちょっと楽な気がするので、お酒抜きバイス(紫蘇ジュース)を飲みはじめました。

また、友人カップル+旦那と旅行も行ったし、帰省もしたし、Vue.jsでポートフォリオ作ったりしたので充実した有給期間を過ごせました。

一社だけ面接も受けたのですが、残念ながら落ちてしまいました。7月頑張ります!(もう4日経ってるけど)

転職活動始めました:装備

新卒から使っていた夏スーツを買い換えました。ライトグレーで洗濯機で洗ってOKなやつです。時代の移り変わりを感じました。

家の近くで買えて取り扱いが簡単なスーツをググってスーツ屋さんで購入したのですが、なぜかYシャツを買えず。。。販売員さんが夏用スーツに襟付きシャツはダメだと言い張ったんですよね。3点セットだと安くなるみたいなので、売上にならないのかもですね。

後日Yシャツ屋さんならその辺詳しいだろうと思って、確認した上で買ってきました。そんなことは聞いたことがないということだったので、感謝込めて2枚買ってきました。だいぶ高くついたけど、Yシャツ屋さんがとても優しかったのでよしとします。

転職活動始めました:どんなところがいいか、最近の転職事情(?)

メインでWordPressもしくはシステムにも関係しているフロントの案件ができる会社か、新米ディレクターを目指すつもりです。できれば神奈川か東京でも通いやすい所がいいのですが、求人サイトで最寄駅から何分以内みたいな検索ができないので難しいですね。あれば結構みんな使いたいのでは?と思うのですが。働き方改革的なのでリモート(フルじゃなくても)を歌っているところが増えたかなぁと思ったんですが、あんまり公言しているところは多くない印象です。

ちょうどJSフレームワークなどによる求人が多い時期なせいか、前回転職時(3年半ほど前)よりもフロントエンドエンジニア全体の給与が少なくとも100万くらいは上がってる印象があります。もっとちゃんとVue.js勉強しておけばよかった。まだあまりVue.jsができなくても面接可能な会社があれば受けてみようかと思います。

最後に

今月いっぱいは時間がありそうなので、面接と並行しつつイベントのスタッフしたり参加したりしてみようかと思っています。何か面白いイベント・飲み会があったら、教えていただけると嬉しいです。
素敵なオリンピックイヤーを目指すために転職活動頑張ります!

アレクサスキル「ご当地お酒ガイド」を公開しました

アレクサスキル ご当地お酒ガイド

先日、旦那と一緒にアレクサスキル「ご当地お酒ガイド」を作ってみました。

コンセプト

旦那と友だちカップルと年に一度ほど旅行に行くのですが、どこに行くにしてもお酒がつきもの。
どうせならそのご当地のお酒が飲みたい。簡単に教えてくれるツールがあればいいのになぁ・・・と思っていたところ、アレクサが我が家にやってきまして、この子が教えてくれたら便利かな?と思い作ってみました。
アレクサがお酒のコンシェルジュをしてくれる、みたいなイメージです。

担当

旦那

  • サーバ
  • データベース
  • アレクサスキルのプログラミング

  • アイデア出し
  • データ集め
  • アイコン作成

よかったら使ってみてください。

アレクサスキル ご当地お酒ガイド 公式サイト

WP Social Bookmarking Lightをバージョンアップしたら、真っ白になった

1年近くほったらかしにしていたWPのサイト(ここ)のプラグインを幾つかアップデートしていたら、WP Social Bookmarking Lightのところで管理画面もろとも真っ白になってしまいました。 最近は会社のブログを書くので精一杯であまり書いてなかったんですが、昨日のCSS Niteみたいにたまーに書くこともあるので、まぁ残しておきたいわけです。

ググってみたところ、コスギスさんのブログにどんぴしゃな記事が。wp-social-bookmarking-light.php on line 44 というエラーで(頭が)真っ白になったら試す3つのこと

私のサイトもPHPのバージョンが古かったので、念のためプラグインをFTPで削除してサイトが表示されるのを確認した上で、PHPのマイナーバージョンアップをしました。(実際は旦那がサーバ管理者的な感じなのでしてもらった。)
そして、またプラグインをインストールしました。

問題なく表示されているかと思います。
びっくりした・・・

自分で対応できそうもなくて、対応してくれる人がいない方(制作会社や友達に心当たりがない場合です)はコスギスさんにお願いして、ほしいものリストから何かしら送って対応してもらうという方法もあるそうなので、wp-social-bookmarking-light.php on line 44 というエラーで(頭が)真っ白になったら試す3つのことから連絡してみるのもいいかもしれません。

昨日CSS Nite LP54に行ってきた

CSS Nite LP54「Coder's High 2017」

 

仕事で行ったのですが、予想外の方向の収穫が多かったです。

「多様なユーザーニーズに応えるフロントエンドデザインパターン:ベーシック編」と「ここまでのJavaScriptスタンダードと、これからのJavaScript ES6について」が予想外の方向の収穫でした。

あとベルサール半蔵門というか半蔵門にたぶん初めて行きました。トランプさんが来るということで、駅のコインロッカーやゴミ箱が使用禁止だし、女子トイレは汚物入れが封されてるしで遠くから来ている登壇者・参加者の方々、一部の女性の方は大変だったのではと思います。お疲れ様でした。

コーダーの前仕事、後仕事

一発目の話が、対象ブラウザ確認は重要。でも正直ブラウザのサポート期間的にIE11だよね〜みたいな話から始まって、そのとおりだなぁと。でもIE8とかもまだ稀に対応している、というのを聞いて悲しかったです。やっぱりそういう対応はすんごく高価な有料対応にするのがいいのかなぁと。

あと黒い画面の話はこの方だったと思うのですが、gulpとかをバッチファイルにする発想はなかったです。

多様なユーザーニーズに応えるフロントエンドデザインパターン:ベーシック編

今会社でアクセシビリティがほんのりアツいのですが、このセッションでは「多様なユーザーニーズに応える≒インクルーシブ≒アクセシビリティ」ということで、興味深く見てました。タイトルからはわからなかったのでびっくりでした。あと<button>警察のTシャツちょっと欲しかったです。

本が出てるので購入したいですね。あとハンバーガーメニューに似てる記号があるのは知らなかった。

テンプレートエンジンPugを使った、みんなでやるウェブ制作

pugの最大のメリットである「タグの記述が簡単になって、ミスしにくくなる」というのが正直わからなかったです。普段仕事中の記述はもっぱらEmmetでばばーっと書いちゃうし、gulpでHTMLのバリデートをしている上に、ほとんどテンプレートエンジンを使っているので・・・。

pugを覚えるよりもそういった環境を整えるほうが、新しい作業者が入った時にもメリットがありそうな気がしました。ただcssを書くのとsass書くの違いと同じ「素で書くの辛すぎるわーーありえないわー」みたいな感覚なのはわかりました。sassでいうところのscss記法みたいな(cssも書ける、つまりpugだとHTMLも書ける)書き方があればいいのかもしれないです。

CSSをちゃんと書くためには?

継承と前景などがわかれば、無駄なCSS書かずに済むよ!みたいな話でした。
sassの設計の話もあって、勉強になりました。今から勉強する人には↓おすすめです。

z−indexを使いたい要素を配列にして、indexでz-indexの値を決めるのは目からウロコでした。z−indexってわからなくなっちゃうので、まとめて書くのよさそうです。でもsassは連想配列にも対応しているので、そちらで書いてもいいかもしれないですね。

Grid Layoutがやってきた! Flexboxやfloatとの適切な使い分け方法

Gridは大枠に使った方がいいよ〜とのことだったんですが、一度クライアントワークで使った時は大枠じゃなかったので、例に出てきたのと全然使い方が違いました。そういう使い方もあるんだなぁと。

使い分けは大変勉強になりました。

ここまでのJavaScriptスタンダードと、これからのJavaScript ES6について

今まで何度か勉強しては挫折したオブジェクト指向のことが初めてわかった気がします。
セミナーをやっているそうなので、そのうち参加してみたいです。

Gitの入門とGitを利用した共同制作方法

WordCampTokyoでスタッフやった時の委員長のメガネさんが登壇者でした。
普段Git使ってるけどgit flowとgithub flowのこと知らなかった・・・というかこういうパターンがあるとは知ってたんですが、名前ついてるのを知らなかったです。覚えてなかっただけかもですがw
懇親会に出なかったのもあって、メガネさんに挨拶できなかったのは残念でした。

CSS設計方法論とその先

知らない単語ばかり出てきて、外国語の授業かと思いましたw
いろいろメモってきたので、時間がある時にじっくり調べたいです。コーダーというよりはデザイナーやディレクター、PMなど上のレイヤーの人が聞くべきセッションだった気がします。


 

今回のセミナーの共通点(?)は「慣れるって」だったのですが、まぁ慣れますよね。
私も前の職場ではsassもgulpもgitでさえも使ってなかったですが、2年弱経った今では完璧ではないもののなんとか使えてます。ぜひとも「なれるって」ということで、試してみたいし、試してほしいです。まぁ職場に浸透させるのが無理だったら転職が必要かもですが・・・

それにしても6時間のセミナーは辛いですね。PCやスマホの電池がガンガン減ってくるし・・・女子トイレは超混みこみだし、500mlでは水分も足らないし・・・次行く時は充電器など用意して万全の体制で行きたいです。

PS:実行委員会の方、女子トイレは混むため15分休憩でもきついので、次は休憩前の連絡も5分くらいとった上でタイムスケジュール組んでいただけると助かります・・・

【料理】紅しょうがは自作するとちょうどいい

紅しょうがが好きなんですが、料理の時にほしいのはだいたいちょっとだけ。
買うとなると一番小さいやつでもいつも余っていて困っていました。
ちょっと調べたところ、乾燥させられれば簡単に作れることがわかりました。

しょうが好きなので、カップ焼きそばのときにも使いたいなぁと思っていたんですが、買うのも・・・と思っていたんですが、自作するとちょいちょい使えて便利なのでオススメです。

レシピ:
紅生姜(紅しょうが)のレシピ/作り方:白ごはん.com

ニートの間に暇つぶしに読んだWeb漫画

最近転職しました。
忙しくて就業中に転職できず、しばらくニートでした。
その間に暇つぶしに読んだWeb漫画からオススメのものをピックアップします!

ぎじん課っ!ω!

ギャグ。主人公がぎじん課でイケメン?とぐだぐだ日常を送っている漫画。主人公が太ってるとか言われてますが、一体何キロなのか・・・そして同僚のぎじんの面々の体どうなっているのか・・・

きみのこえ。

ドームの外と中で生活する二人が惹かれあっていく話。ワルツという人語を操る毛玉みたいな猫みたいな何かがカワイイ

それゆけ女子高専生

高専生の日常漫画。高専って寮必須だと思っていたけど、そうでもないらしい。

でしにっき

主に江戸端唄の漫画。伝統芸能や着物、関西の話なんかもあります。
この漫画に出てくる師匠の笹木 美きえ先生をちょっと調べてみたら、かなりの美人でした。漫画そっくり〜

英国紳士と国際結婚@ロンドン

英国紳士と国際結婚した人のロンドンぐらしの話。元Web屋さんだとかでブログタイトルがSEO対策っぽくなったらしいw

猫はまたたび – GANMA!(ガンマ)

ねこが可愛すぎてやばい

まめきちまめこの日常

ニートのまめこの漫画。絵がゆるいし、話もゆるい。
たまにニートじゃなくてアルバイターになったりする

ゲルマン日和

とりあえずビール(すげえ名前だ)さんのイギリス人夫との日常漫画。
最近第二子が生まれたとのことでおめでとうございます!

Web漫画以外でオススメ


よしなが先生のご飯の絵はおいしそうすぎる

やっと3巻でた!!

この作者筆が早すぎやしませんかね・・・気づいたらもう20巻です

ブッタとイエスが仲が良い漫画が描けるとこが日本のいいところな気がします。

お嫁さんが宇宙人の日常漫画。
作者がなくなってしまって続きは出ないと思いますが、娘の成長がみたかったなぁ・・・

【ジビエ?ゲテモノ?】米とサーカス@高田馬場に行って来た

友だちと高田の馬場にあるレトロゲーム豊富なゲーセン・ミカドとジビエ料理の食べられる米とサーカスに行って来ました。
ウーパールーパー食べるとか言われたので超びびりました。
※結局食べなかった

ゲテモノ?を食べるのは大学ぶりなので、米とサーカスで何を食べたのか備考録がてら。
大学の時はサソリとカエルと雀と鹿を食べました。

馬鹿メー盛り 1,690円 (税込) 馬・鹿・山羊のお刺身。

DSC_0225
やっぱり馬が好き!どうも実家のあたりの馬の様子。
馬刺しはにんにく醤油派です!

カンガルーヒレカツ 780円

DSC_0226
すごい筋肉質。固め。
味はおいしいけど、顎がかなり疲れる。

メダカ佃煮 ?円 とイノシシしゃぶしゃぶ 1,730円

DSC_0227
メダカはかなーりしょっぱい。つらい。水槽っぽい味がする。
イノシシうまい!!!これはオススメ。ここはポン酢で食べる。

鰐 880円 と鹿ロース 980円 を追加でしゃぶしゃぶ

DSC_0230
鰐は白身?っぽい。ちょっと固い。
鹿は普通にうまい。
でも一番うまかったのはイノシシ!!!

スズメバチの子甘露煮 ?円

DSC_0232
食べてみたけど、味がよくわからない。。。見た目は聞くほどグロくはなかった。
小さくて食べにくい。

結論

いのししうまい。また食べたい。
店内がせまいので、行くなら予約するのがオススメ。
予約しないと食べられないものもあります。
あと体調がいいときにいこう(生食の関係

相撲観戦に行って来た@国技館

DSC_0218

旦那の「相撲の土俵作りが見たい」という一言から、(かなり改変して)五月場所中日(八日目/2015年5月17日)に相撲観戦に行って来ました。
※相撲の土俵作りには別途連れて行きます。

DSC_0215

観戦メンバー

母の日・父の日も近かったので、お互いの両親を連れて6人グループで行って来ました。
※あとあと気づくのですが、この人数では相撲観戦で一般的にイメージする4人マスにはもちろん座われません。

チケットを買う

何の席がいいのかいろいろリサーチした結果、(主にマネーの問題とうちの父親が腰が悪いので)椅子席を6つ取ることに。
先行抽選にも申し込んだのですが、みごとに外れました。
発売日にぼけーっとしていたらよさそうだなぁと思っていたファミリー/シニア椅子(4人分)はもうなく、椅子席も6人分(並びで)一気に取れない・・・
結局4席と2席に分かれて取りました。
ちなみに4人マスに4人座る場合小さい(昔の日本人体型?)人だといいのですが、大抵の現代日本人だと辛いんじゃないかなという(1人座布団1枚ほどの)広さです。
たぶん特別2人マスがいいのかなと思われます。 タマリ席(すなかぶり)だと飲食ができないので、長時間の観戦は辛いのかなという感じでした。
※狙った席が確実に欲しければ、発売時間にぴあにアタックするのがいいようです。電話でも可。

推しメン(?)

DSC00880

私はTwitterで見た寝顔がかわいいという理由で千代丸
旦那は大砂嵐のようです。
うちの両親は青森県出身の力士を応援していた様子。
千代丸は黒星、大砂嵐は前日に骨折して欠場してしまいましたが・・・
※出身など力士の情報は力士を探す – 日本相撲協会公式サイトから探すことができます。

やったこと・買ったもの(飲食・お土産)

DSC00886

  • ・焼き鳥
  • ・ソフトクリーム
  • ・カルピスハイ(でかい。)
  • ・ビール(野球観戦した時より安いような?)
  • ・力士弁当(旦那が食べました・・・よく食べられたなぁ)
  • ・ガチャ(カプセル大相撲)
  • ・番付(55円!)
  • ・オリジナル館内放送「どすこいFM」(持っていればポータブルラジオを。なければ貸し出ししているものを借りると聞けます)
  • ・ミルクキャラメル国技館仕様
  • ・手ぬぐい
  • ・力士クッキー(力士の顔がプリントされているので、インパクト大!)

DSC_0223

※お昼にちゃんこ巴潟 両国店で食べたので、国技館では焼き鳥や飲み物メインでした。

やり忘れたこと・次にやりたいこと

  • ・顔ハメ看板
  • ・パネル撮影
  • ・地下で食べられるちゃんこ鍋を食べる
  • ・昼から入って力士弁当かお食事処で食べる
  • ・ひよちゃん焼を食べる
  • ・お茶屋さんで手配
  • ・相撲博物館に行く

感想

館内

DSC00887

会場内は熱いので、涼しい格好がオススメです。
入り口での観戦は禁止されているのですが、正直涼しくて離れがたいです。

持ち物

オペラグラスは必要だったなー・・・
カメラもスマホじゃなくて、もっと拡大できるものを持って行った方がいいです。
余裕があればワンセグがあるものを持って行くのもオススメ。
ラジオは持って行った方がいいでしょう。どすこいFMが始まる(15:00〜)前にも相撲のまめ知識が流れていました。

懸賞

DSC00895

高須クリニックが入ってたんですが、イエスが2回あるんですね。
この日はちょうど高須先生もいる日だったようです。
懸賞は昔ポールマッカートニーが出したことあるよねーと旦那と話していました。
1本62,000円で1場所15本(930,000円)からで、テレビにも映らないし会場に来たお年寄り向けが多いのかなぁ?と感じました。
高須クリニックはお年寄り向けかどうかは微妙かもしれませんが・・・

普通に楽しかったので、相撲観戦おすすめです!
LINEの友だち追加やTwitterのフォローでプレゼントがもらえたりもします。
さーて、次はどこにいこうかなぁ?