savazusiのブックマーク (1,680)

  • useEffect完全ガイド

    あなたは Hooks を使って複数のコンポーネントを書きました。ちょっとしたアプリも作ったことがあるでしょう。満足もしている。API にも慣れて、その過程でコツも掴んできました。しかも重複したロジックを転用できるよう Custom Hooks を作り、同僚に自慢して見たり。 でも useEffect を使う度、いまいちピンときません。class のライフサイクルとは似ているけど、何かが違う。そしていろんな疑問を抱き始めます。 🤔 componentDidMount を useEffect で再現する方法は? 🤔 useEffect 内で正確に非同期処理を行う方法とは? []ってなに? 🤔 関数をエフェクトの依存関係として記すべき? 🤔 非同期処理の無限ループがたまに起こるのはなぜ? 🤔 古い state か props がエフェクト内にたまに入るのはなぜ? 私も Hooks を使

    savazusi
    savazusi 2019/11/21
  • プロダクト開発における納得感 - Konifar's ZATSU

    これを読んだ。 medium.com とてもよかった。特にココ。 エンジニア出身ならわかると思いますが、企画はもちろんデザインナーエンジニアも、「なぜつくるのか」「今後どうするのか」ということはとても関心のあることで、そこの納得感はチームのパフォーマンスに直結するといっても過言でないです。 わかる。自分も納得した上で作りたい。納得感なくても素早く作ればええやんと思われるかもしれないが、ふとした時につらくなるし何か起きても提案する気も起きなくなる。特に小さい組織だと納得感重要。 自分でもちょっとしつこいなと思うくらい納得できるまで質問することがある。「この機能なんで最初のリリースに入れるんでしたっけ?」とか「これをつける目的は○○で合ってますか?」とか。相手を信用していないわけではなくて、納得して取り組みたいので気になったところを質問するのだ。聞き方をもっと工夫すればよかったと後で反省するこ

    プロダクト開発における納得感 - Konifar's ZATSU
    savazusi
    savazusi 2019/11/20
  • これからのフロントエンドセキュリティ

    Frontend Conference Fukuoka 2019

    これからのフロントエンドセキュリティ
    savazusi
    savazusi 2019/11/17
  • VRT in Action

    About VRT(Visual Regression Testing)

    VRT in Action
    savazusi
    savazusi 2019/11/16
  • GitHub Actions の JavaScript Action を TypeScript で書いた - はやくプログラムになりたい

    GitHub Action を TypeScript で作成したので,覚え書きがてらどうやって作ったかについて書きます. github-action-benchmark という Action をつくりました. 紹介記事:継続的にベンチマークを取るための GitHub Action をつくった Action とは 今年9月に GitHub Action v2 がリリースされました.GitHub Action は GitHub が提供する CI/CD サービスです. 既存のサービスと大きく違う点は,処理を汎用的に Action として切り出して再利用できることです. 例えば,GitHub からのリポジトリのクローン actions/fetch や Node.js のセットアップ actions/setup-node などの基的な実行ステップも Action として実装されています. Acti

    GitHub Actions の JavaScript Action を TypeScript で書いた - はやくプログラムになりたい
    savazusi
    savazusi 2019/11/15
  • おぞましい欠損者の庭 - 山の心

    ギークハウスAdvent Calendar 2015 なにかをしていないと 自分が壊れてしまいそうだった だからがむしゃらに山に登った 夢枕獏 『神々の山嶺』より 先月まとめて仕事に費した分を取り戻すため、今月になって南アルプスへと度々入り込んではしばらく山中を放浪していた。サルオガセに包まれた樹林帯を踏み抜きながらツボ足で超え、稜線に乗ってからは新しい粉雪をラッセルするが、時にそれが湿って重くなる。通ったところにあまりクラストしたところはなかった。痛めている右膝は新しいサポーターのお陰かそれほどの違和感はない。薄い雪が強い風で煽られて降り、雪煙も舞う視界の外の、どこか遥か遠くからは地鳴りのような低い響きが聞こえてくる。このあたりにそれほど大きな雪崩を起こす場所は思い当たらないし、大きな崩落地というほどのものもなかったはずだから、どこかで風雪がこの不気味な音を立てているのだと思われた。うっ

    おぞましい欠損者の庭 - 山の心
    savazusi
    savazusi 2019/11/15
  • Nodeのイベントループを理解するために遊んだ & Apolloのテストでawait wait(0)するとなぜデータがロードされるか - $shibayu36->blog;

    Apolloを触っていて、テストをするために https://www.apollographql.com/docs/react/development-testing/testing/#testing-final-state を読んでいた。その文章の中で、 MockedProviderをrenderした時はloading状態になる データがロードされた最終状態にするにはwaaitみたいなnpm packageを使って、await wait(0)とかしてね It delays until the next "tick" of the event loop, and allows time for that Promise returned from MockedProvider to be fulfilled. と書かれていて、この文章の意味がわからなかったので、Nodeのイベントループを知

    Nodeのイベントループを理解するために遊んだ & Apolloのテストでawait wait(0)するとなぜデータがロードされるか - $shibayu36->blog;
    savazusi
    savazusi 2019/11/06
  • AWSを用いたフロントエンド開発

    Understand the mechanism! Let's do screenshots tests of Compose Previews with various variations / 仕組みから理解する!Composeプレビューを様々なバリエーションでスクリーンショットテストしよう

    AWSを用いたフロントエンド開発
    savazusi
    savazusi 2019/11/04
  • ReactHooksでvideoを乗りこなす

    「映像プレーヤー」を作成したことはあるでしょうか? 作成したことはなくても、おそらく日々様々なプレーヤーを利用していると思います。 HTML5で定義されるHTML Video Elementからは、メディア状態・エラー・DRM複合処理・広告再生・読み込み、などブラウザごとに多種多様なイベントが発生し…

    ReactHooksでvideoを乗りこなす
    savazusi
    savazusi 2019/11/03
  • インフラのボトルネックについて知る - ぺい

    インフラのボトルネックを理解する コードはもちろん、リリースしてから安定して動かせるように面倒を見るまでが仕事というのが、弊社の開発スタイルなので、そこで最近学んだことについて、文献や自分の実体験からボトルネックに関する考え方をまとめてみた。 CPUボトルネック CPU使用率に対する基的な考え CPU使用率が80%から90%をずっと推移している!と聞くと、自分のPCの感覚だと、「やばそう」という感覚に陥りますが、インフラにおいての使用率はそうとも限りません。 CPU使用率高い: うまくリソースを使い切っている CPU使用率低い: オーバースペック ただ、高いCPU使用率にも許容出来る度合いがあったりもするので、そこらへんの判断軸などを踏まえて、まとめてみる。 現実世界の例 CPU使用率が高い状態というのは、実世界に置き換えると、店員がみな忙しく働いているという状態です。利用者からすればオ

    インフラのボトルネックについて知る - ぺい
    savazusi
    savazusi 2019/10/30
  • 『アズレン』日本運営が語る運営論 ― この業界に必勝パターンなぞ存在せず80%が運。その運を実力だと勘違いすると破滅する【2周年記念インタビュー】

    2017年のオフィス。 ──おぉっ! 金傑氏(以下、金氏): 次はヨドバシの隣の隣です。 李氏: 今度こそ正真正銘のアキバ。最初は末広町(秋葉原電気街の北端)で、今は神田なので、胸張って秋葉原と言えない状況だったんですよ(笑)。 ──それにしても1年でオフィスがパンパンになるってすごい勢いで人が増えているんですね。 李氏: 『アズールレーン』の運営だけでもかなり人を増やしたんです。引き続きローカライズも社内でやっていますし。 こちらが金傑氏金氏: あとは新作を複数用意していますので、さすがに人を増やさなくてはと。引っ越しはその準備も兼ねているんです。 李氏: もう、あんな地獄は見たくない。 金氏: 『アズールレーン』のローンチは当に大変でした……。 李氏: もう……もうあれは、二度と繰り返したくない……。なによりユーザーさんのご迷惑にもなりますしね。 話題の『アズールレーン』はたった10

    『アズレン』日本運営が語る運営論 ― この業界に必勝パターンなぞ存在せず80%が運。その運を実力だと勘違いすると破滅する【2周年記念インタビュー】
    savazusi
    savazusi 2019/10/28
    "『咲-Saki-』のアニメは全部最後まで見たんですけど、麻雀のルールは最後までわからないです。結局おっぱいだけを見ていたんですね。"
  • 研修資料まとめ.md

    研修資料まとめ.md エンジニア向け研修 CARTA HOLDINGS(旧VOYAGE GROUP) 技術広報が新卒研修<Open AIハッカソン>をスパイしてみた - (2023/04/11) @t_wadaに学ぶテスト駆動開発【CARTA 23新卒研修】 - (2023/04/19) 【新卒研修】監修者@t_wadaと読む!プログラマが知るべき97のこと読書会 - (2024/04/09) Classi 当たり前にリリースしていく ~ 新卒研修編 - (2021/05/20) リモートワークのための質問力向上研修を実施しました - (2021/12/07) CyberZ 良いコードとは何か - エンジニア新卒研修 スライド公開 - (2021/04/27) DMM.com(旧DMM.comラボ含む) DMM.comラボ16新卒エンジニア研修 - (2016/08/24) DMM.com

    研修資料まとめ.md
    savazusi
    savazusi 2019/10/25
  • 【朗報】Youtuber中田敦彦、うっかりまともな資産運用を数十万人に広めてしまう・・・これには金融マンも真っ青 : ライフハックちゃんねる弐式

    2019年10月21日 【朗報】Youtuber中田敦彦、うっかりまともな資産運用を数十万人に広めてしまう・・・これには金融マンも真っ青 Tweet 95コメント |2019年10月21日 10:00|貯金投資|Editタグ :中田敦彦 中田敦彦のYoutube大学資産運用編、参照先が山崎元ということで、まともなことしか言わなそうでむしろちょっと退屈だなとか思ってたくらいだけど、あれにすら金融関係者やFPたちがザワついているようで、こりゃテレビじゃできないいい仕事したなと思いを改めた。— Hiro implements Serializable (@hiroakit_roko) October 19, 2019 動画まとめ ■金融業界は、購入者の損益など知った事ではなく手数料を得る為に売っている。 よって営業の話を聞く必要すら全く無い。 ■家は賃貸。新築マンション・一戸建ては×。 なぜな

    【朗報】Youtuber中田敦彦、うっかりまともな資産運用を数十万人に広めてしまう・・・これには金融マンも真っ青 : ライフハックちゃんねる弐式
  • "年間1000食"のカレーおじさん\(^o^)/が選ぶ!今年オープンのおすすめ8店【東京】 |じゃらんニュース

    2019.10.05 “年間1000”のカレーおじさん\(^o^)/が選ぶ!今年オープンのおすすめ8店【東京】 2006年から毎日カレーべ続けているカレーおじさん\(^o^)/と申します。年間平均1000以上というカレー経験を活かし、TV、雑誌、webなど様々なメディアでカレーについて色々と発信しております。 閑話休題。空前のカレーブームとも言える今日この頃。メディアでカレーの特集を見かける回数も、今年は例年以上に増えたと感じています。 カレーイベントも全国各地で開催されるようになり、様々な場所でカレーべられる機会が増え、SNSなどを中心にカレーマニアの数も右肩上がりで上昇を続けていると言えるでしょう。 需要が増えれば供給が増えるのは自然なこと。新しいカレーのお店も数多く生まれました。2019年にできたカレーのお店の傾向をまとめると、まずは全国的に盛り上がっているスパイスカ

    "年間1000食"のカレーおじさん\(^o^)/が選ぶ!今年オープンのおすすめ8店【東京】 |じゃらんニュース
  • 【四川料理のスゴい人】家庭のキッチンの火力で「プロ並みのチャーハン」をつくる方法 - メシ通 | ホットペッパーグルメ

    一般家庭のキッチンの火力でも、おいしいチャーハンができるんです 四川料理のスゴい人、日橋「リバヨンアタック」料理長の人長良次(ひとおさ・よしつぐ)さんに、一般家庭のキッチンで五目チャーハンを間違いなくおいしく作る方法を聞いてきました。 www.hotpepper.jp 人長:一生懸命考えてですね、ご家庭のキッチンの火力でベストのチャーハンを作るためのポイントを3つに絞りました。 チャーハン専用のお米の炊き方にこだわる チャーハン専用チャーシューを作る 玉子とお米の炒め方のポイントを知る 人長:この3ポイントで、お店レベルの五目チャーハンをご自宅でも作れると思います。 ──ほほう、チャーハン専用のチャーシュー? それは興味深い。 「チャーハン専用ご飯」を炊こう 【材料】無洗米2合(約300g)でご飯を炊く場合の水の量 浸水(1時間)させる場合:水290~300cc 浸水なしの場合:水350

    【四川料理のスゴい人】家庭のキッチンの火力で「プロ並みのチャーハン」をつくる方法 - メシ通 | ホットペッパーグルメ
    savazusi
    savazusi 2019/10/18
  • Creating custom JavaScript syntax with Babel | Tan Li Hau

    Series: Intermediate Babel JavaScriptbabelASTtransform Overview Fork the babel Crash Course on Parsing Code to AST Our custom babel parser A new token: '@@' The new parser How parsing works this.eat, this.match, this.next Our babel plugin 1. Assume `currying` has been declared in the global scope. 2. Use the `@babel/helpers` Closing Note Editor's Note Further Reading Following my previous post on

    Creating custom JavaScript syntax with Babel | Tan Li Hau
    savazusi
    savazusi 2019/09/25
  • 改めてAWSの「無料利用枠」を知ろう | DevelopersIO

    それぞれの無料利用枠については、次から詳しく解説していきます。 12ヶ月無料枠 冒頭で軽くお話しした、AWSアカウントを 新規作成した日から1年間 有効な無料枠です。 例えば、EC2インスタンスを 750時間/月 無料で利用できるといったものがあります。 ただし、使用できるリソースについては制限がある事があり、EC2インスタンスの場合ですと インスタンスタイプは t2.micro OSは Amazon Linux 1,2、Windows Server、Red Hat Enterprise Linux、SUSE Linux、Ubuntu Server を指定する必要があります。 ▲ コンソール上で対象のAMIを確認できます 「月に750時間」と言われると、「そもそも1ヶ月は何時間存在するんだ」という疑問が湧くので調べてみます。 1ヶ月が28日(最短): 24時間/日 × 28日 = 672時

    改めてAWSの「無料利用枠」を知ろう | DevelopersIO
  • 世界一わかりやすいClean Architecture - nuits.jp blog

    項は「C# Tokyo オンライン「世界一わかりやすいClean Architecture」他」による発表の登壇原稿となります。過去に発表した.NET版の記事はこちらにアーカイブしています。 稿のサンプルコード・PPTはこちらで公開しています。 「CC BY-SA 4.0」で公開していますので、気に入っていただけたら営利目的含め、ライセンスの範囲で自由に利用していただいて問題ありません。 github.com また動画を以下で配信しています。よろしければご覧ください。 世界一わかりやすいClean Architecture はじめに まず初めに、クリーンアーキテクチャの誤解されがちな二つのことについてお話させていただきます。 その上で、クリーンアーキテクチャの質とは何か?押さえておくべき、当に重要だと考えている三つの事について、お話しします。 注意事項 さて題に入る前に、少し注意

    世界一わかりやすいClean Architecture - nuits.jp blog
    savazusi
    savazusi 2019/09/23
  • GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かす - Qiita

    GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かすSeleniumselenium-webdriver 最近得た天啓で、 「GitHub Actions はコンテナを windows / mac / ubuntu から選べるということは、 物の safari と ie11 を selenium-webdriver で動かすことができるのでは?」 と思ってガチャガチャやってみたら、なんとできてしまったので、紹介します。 今回は node で。 name: xbrowser on: [push] jobs: e2e-ie: runs-on: windows-latest steps: - uses: actions/checkout@v1 - uses: warrenbuckley/Setup-Nuget@

    GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かす - Qiita
    savazusi
    savazusi 2019/09/20
  • 「関西のルパン」 お江戸で逮捕|NHK 首都圏のニュース

    東京・立川市の会社事務所に忍び込み、パソコンなどを盗んだとして、46歳の男が逮捕されました。 男は「関西のルパン」と名乗り「関西を中心に盗みを繰り返したが、華のお江戸に出てきた」と供述しているということです。 逮捕されたのは、住所不定・無職の小松浩道容疑者(46)です。 警視庁によりますと、先月10日の未明、立川市の会社事務所の窓を工具で割って侵入し、パソコンや周辺機器などおよそ50万円相当を盗んだ疑いなどがもたれています。 東京都内では6月以降、多摩地域の住宅を中心に現金や貴金属が盗まれる被害が相次いでいて、警視庁が捜査したところ、古物商の買い取り記録などから小松容疑者が浮上したということです。 小松容疑者は「関西のルパン」と名乗り、「ことしは関西を中心に100件くらい盗みを繰り返したが、警察にマークされると思い、華のお江戸に出てきた。東京でも50件くらい盗みに入った」と供述しているとい

    「関西のルパン」 お江戸で逮捕|NHK 首都圏のニュース
    savazusi
    savazusi 2019/09/20