エンジニアをリングする

プログラをミングしたり。

my web site twitter

SPAにおけるCSSについて、ひとつの解(追記あり)

この話を簡単にまとめておこうと思います。
結論を先に書くと「今のところtemplate literal内にCSSを記述する形式のCSS in JSがいい感じ。Reactならstyled-componetnsが良かった」という感じです。

続きを読む

参加者の名は。の名札デザインを募集します!

先日、こんなWebアプリを公開しました。

yoshiko.hatenablog.jp

おかげさまでご好評をいただいており、利用しました!というご報告も複数いただいています!

ありがとうございます🤗

本日、以下の点を更新しました。

  • 出力される名札の並び順をアルファベット順に変更
  • カスタム背景画像アップロード機能
  • angular-cliの最新化

カスタム背景画像はCreateボタンの下にこんなエリアができて、背景画像を変えたり(今同じデザインの色違いしかないですが・・・)、お好みの画像を背景画像としてアップロードできるようになりました。

f:id:yoshiko_pg:20170224015750p:plain

そしてそして、ここに並ぶプリセットのデザインをもっと増やしていきたいなと考えており、デザインコントリビュートしてくださるかたを募集します🙌
背景画像+アイコンや文字のデザイン情報があれば、それらを反映させて動的にデザインを変更できるので!
詳細は以下にまとめています。

名札デザインプリセットの追加 · Issue #1 · yoshiko-pg/your-name · GitHub

コントリビュートしてみたい!というデザイナーさんがいらっしゃいましたら、上記issueへのコメントでもTwitterでのメンションでも構いませんのでぜひご連絡ください ✨
また、応援してくださる方はこちらの記事をデザイナーさんに届くように拡散していただけると助かります!

今後はストックしているご要望に対応しつつ、connpass以外のプラットフォームへの対応も進めていけたらいいなと思っています💪
フィードバックお待ちしています💁

25歳は20代後半ではない。半ばだ。

昨日またひとつ歳をとってしまいました・・・時の流れには逆らえない。

TwitterFacebookでのお祝いメッセージありがとうございました!!
去年も誕生日や年末に1年を振り返るブログを書いていて、今年はどうしようかな〜と思ったのですが、24歳はどんな歳だったかなんて自分でもきっとすぐに忘れてしまうので、備忘録的に書き残しておこうかと思います。時期的に年末の振り返りも兼ねて!
(めっちゃ個人的な記事です)

仕事(会社で)

去年に引き続きGoodpatchでフロントエンドエンジニアをしています。
今年は担当プロダクトであるプロトタイピングツールProttで、以下の機能を開発&リリースしました。

どれも好評のようで嬉しい限りです。特に画面遷移図はES2015+で好きに書けたことと、要件決めやUIデザインなど広い範囲を自分で担当できたので、我が子のような思いがあります。今は早くベータを取るべく改善を頑張っています!

そうそう、10月ぐらいに「テックリード」という肩書きをもらいました。厳密にはProttのフロントエンドテックリードです。
とはいえ働き方が変わったわけではなく、技術選定などProttの開発に関する判断権限を会社からいただいたという感じです。
テックリードって名前いいね!って言ってもらえることが多くてうれしいです。ナイスネーミングセンス!

仕事(その他)

1月にはschooさんでJavaScriptのコース授業をさせていただきました。

schoo.jp

ハラハラドキドキ準備にヒィヒィな感じだったんですが、終わってみればなかなか好評だったようです。自分としてもよい経験になりました!

あとは昔から関わりのある会社さんで半年強ほどの期間、フロントエンドのアドバイザーとしてAngularJSアプリケーションのコードレビューをしたりもしていました。だいたい週に1度、1対1でコードを見ながらアドバイスをしたり、開発環境のモダン化を進めたり。
メンターをさせてもらった方がレビューやアドバイスを重ねるごとにどんどん伸びていく姿は、自分の刺激にもなっていました。

それと去年の11月に出版したモダンコーディング本はおかげさまで今年2回増刷しました!!🎉🎉🎉
あと1回増刷したら刊行数1万部なので、その日が待ち遠しい〜!!!

そしてそして10月から台湾版も発売されています!

執筆中は何度も折れそうになってましたが、なんとか乗り越えて広く読まれる本になれたこと、本当に嬉しいです🤗

登壇

去年の誕生日から今までの間にはこんな感じのことを喋りました!

最近はちょっと前で話すことに及び腰になっている感。。
もっと自分の足場を固めなきゃなぁってほうに意識が向いてます。

ブログ

更新頻度が😇 それでも9本書いていたんだ…(記憶にない)

12月はアドベントカレンダーでリストの最後の2本書いたのですが、どちらも結構見てもらえたようです。

そして上から3番目の記事!そうそう、わたしが今のアイコンになったのって今年の2月からなのですよ。
今となっては馴染みすぎて、もうこれなしでどうやっていたのか全然思い出せない・・・

yoshiko.hatenablog.jp

SNS用のオリジナルイラストを描いてもらうの、最近クラウドソーシングでもよくあるようですね。
使える幅が広くて便利だし、この絵のインパクトで覚えてもらえることも多くなりましたw
おすすめです!

私生活

去年の誕生日のブログにはこんなことを書いてました。

24歳でやりたいこと
23歳はほぼ執筆に捧げてたので、そのぶんこの1年プログラミングと私生活にはあまりリソースさけなかったなぁ・・・という実感がすごくあります。 なのでそのぶんを取り返していきたい!!

24年を振り返る。 - エンジニアをリングする

これ結構意識していて、執筆に燃え尽きてから迎えた24歳の1年はそれなりに私生活にも時間を割けたなぁと思います。
最近は料理が楽しくなってきたり、家電にいろいろ手を出したりして、家の住み心地がどんどん上がっています。最高。(残高が反比例😇 )
microbot Pushで遠隔追い焚きを実現したり、mornin'で冬の朝に打ち勝とうとしてみたり。。
そして今日新しい家族をお迎えしました!

f:id:yoshiko_pg:20161216003844p:plain

ブラーバ!!!
今日走らせてみたところ、想像以上に静かで、想像以上に動きが愛らしい!!!
姿が見えないと「どこいったんだろ?」ってベッドの下覗き込むことになったりして、ちょっと猫飼ってる気分になりましたw
昼間家をあけてるときに動かせばいいかな〜と思ってたんですが、逆に部屋に一人でいるとき動かしたい可愛さ!!

結論としては?

なんか今年何やったっけ…?何もやってなくない…?って漠然と思ってたけど、書き出してみると意外と色々やってたな、って思えたのでよかったです。

24歳、とてもよい1年だったなと思います。
もちろんここには書けないような辛いことやしんどいこともたくさんあったし、心が重い現在進行系の悩みもいろいろあるのですが、それでもなんだかんだやってこれているので、もうちょっと良い方にピントを合わせようかなってやっと思えるようになってきました。本当にやっと最近。
元々かなりネガティブで辛いことや悲しいことばっかり反芻してしまうほうなのですが(人間ってだいたいそうかな?)、この1年でそれが少し改善された気がします。こんな私にも優しくしてくれる周りの方々のおかげだと思います。ありがとうございます。

25歳はもっと楽観的に、笑顔で生きていけたらいいなぁ。

最後に恒例のやつ!
引っ越ししたあといろいろ揃えて以来、モノをあまり増やさないようにしているので、かわりに夢を詰め込んでみました。好きなんだけど普段なかなか手にできないので・・・(さっそく誕生日当日にケーキの代わりにもらってたべた😋)

amzn.asia

20代半ば、やっていく💪

PICTでテストケースの組み合わせ爆発にさよならを

Goodpatch Advent Calendar 2016 13日目の記事です!

わたしはGoodpatchでProttというプロトタイピングツールのWebフロントエンドの開発を担当しています。
Prottでは、プロトタイプの再生に関する修正をしたあとは必ず全動作を網羅したテスト用プロジェクトでの動作確認を行っています。 ただ、すべての環境や条件を揃えた上でのテストにはなかなかの工数がかかってしまっていました。

この記事では、オールペア法という手法とPICTというCLIツールを使用してテスト工数を半分以下に削減した方法を紹介します。

続きを読む