絶賛転職活動中なのですが個人で仕事を請け負うことになりそうなので、前々から興味のあったWordPressのテーマのSnow Monkeyに触ってみることにしました。

Snow Monkeyとは

• Gutenbergエディタに完全対応したWordPressテーマ
• 主に管理画面からのテーマカスタマイズ＋Snow Monkey Blocks
• ちょっと複雑なWPフォームを作るときに重宝するMW WP Formプラグインと同じキタジマ タカシさん作
• 一般の方はそれなりに、プロなど一定の知識があればAPIなどを使って開発することも可能
• ショーケースでできそうなことが大体わかる

さらっと触ってみた感じ

• Gutenbergエディタになくて困っていたブロックが補完された感じがある
• どうやってるかわからないけど、ブロックを入れ子にする方法があることがわかった（囲みのなかに見出し、リスト、段落を入れたかった）
• 思ってもなかったブロック（期間限定の表示）があって、驚いた
• カスタムフィールドゴリゴリ案件じゃなければ大体の案件これでいけそう＋デザイン調整
• アクツのお姉さんがSnow Monkeyの素晴らしさを語り鯛っていう理由がわかった気がする

もうちょっとじっくり触って調べてみたいと思います。

先日結婚記念日があったんですが、特に何もしなかったので後日シーパラダイスに行ってきました。

シーパラは以前から「うみファームで釣りをして唐揚げにしてもらって食べるのがオススメ！」と公言していたのですが、今回は「ふれあいラグーンもいいぞ！」ということを伝えたくて、これを書いています。

オススメポイント

１）ペンギンに触れる

無料でペンギンに触れたり、写真を撮れたりします。
一緒に撮るのは有料ですがめちゃ安いです。ふわふわでした。

２）有料ウォーキングツアー（バックヤードツアー）がアツイ

こちらに申し込むと、濡れたペンギンも触れますし、ご飯をあげられます。
できれば最終回に申し込んで欲しい。
そうすると、全然人がいない中バックヤードに行けるので、特別感が増します。
オタリアやアザラシの近くにもいけます。
が、最終回だと暗いのでご注意ください。

３）その他

• 貸し出しのウエットスーツを着て、イルカと泳げる。水族館でこんなことができるなんて知らなかったです。
• 油壺に行かなくてもカワウソに触れた。これ知らなかったです。油壺まで行って、先着順に間に合わなかったことあります。

などなど、ほんと行ったほうがいいです。癒されまくりです。
シーパラに行く際は当日に券を買うと列がめっちゃ長いので前売りを買うか、クーポンが使えないか確認がオススメです。

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

転職活動はしてるんですが、探す→いいのあったら申し込む以外やることはあんまりない（家事とか買い物はしてるけど）ので、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 + Vuex を使用したモダンフロントエンド開発 | Udemy
• React + Redux を使用したモダンフロントエンド開発 | Udemy

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

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

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

• 【不具合】メールが届いても本文が表示されない。 – Gmail ヘルプ

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

退職しました

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

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

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

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

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

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

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

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

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

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

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

転職活動始めました：どんなところがいいか、最近の転職事情（？）

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

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

コンセプト

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

担当

旦那

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

私

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

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

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

１年近くほったらかしにしていた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つのことから連絡してみるのもいいかもしれません。

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

「多様なユーザーニーズに応えるフロントエンドデザインパターン：ベーシック編」と「ここまでの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のこと知らなかった・・・というかこういうパターンがあるとは知ってたんですが、名前ついてるのを知らなかったです。覚えてなかっただけかもですがｗ
懇親会に出なかったのもあって、メガネさんに挨拶できなかったのは残念でした。

CSS設計方法論とその先

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

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

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

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

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

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

レシピ：
紅生姜（紅しょうが）のレシピ/作り方：白ごはん.com

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

ぎじん課っ!ω!

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

きみのこえ。

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

それゆけ女子高専生

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

でしにっき

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

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

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

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

ねこが可愛すぎてやばい

まめきちまめこの日常

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

ゲルマン日和

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

Web漫画以外でオススメ