Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

タグ

2021年3月15日のブックマーク (16件)

Web Platform Dive into the web platform, at your pace.

efcl
efcl2021/03/15非公開
いろいろなケースの`this`の意味について解説している記事
  • レシピサービスのフロントエンドに CSS in JS を採用した話 - クックパッド開発者ブログ

    こんにちは。技術クックパッドサービス基盤グループのkaorun343です。我々のチームではレシピサービスのフロントエンドNext.jsGraphQL のシステムに置き換えている話 にて紹介したとおり、レシピサービスをNext.js ベースの新システムへと移行しています。今回はこの新システムのCSS の話 です。 背景クックパッドレシピサービスをNext.jsTypeScript で置き換えはじめた当初、CSS についてはNext.js に標準で組み込まれているCSS in JS ライブラリである styled-jsx を使っていました。プロジェクトが大きくなりはじめたタイミングで 「CSS技術選定を考えなおしてもいいかもしれない」とチームの中で話し合い、改めて技術選定をしました。技術選定 結論として、システムではCSS in JS ライブラリのem

    レシピサービスのフロントエンドに CSS in JS を採用した話 - クックパッド開発者ブログ
    efcl
    efcl2021/03/15非公開
    emotionを使ったCSS-in-JSについて。 styled-componentsの記法ではなくString Stylesを採用した理由、stylelintを使ったLint、Jestを使ったスナップショットテストについてなど
    • Google Data Studioのスクリーンショットを定期的にSlackに投稿するツールを作った - 日直地獄

      サービスを運用していく上でメンバーに数字感を身に付けてもらったり、リリースした機能の利用状況、狙い通り正常に動作しているかを把握してもらったりすることはとても大事です。 同じオフィスにいる場合には、常時モニタに表示するなど工夫が可能ですが、リモートワーク下においてはそれも困難になりました*1。 これにまつわる、いくつかの課題を解決するためにGoogle Data Studio *2の任意のページのスクリーンショットを定期的にSlackに投稿するGoogle Apps Scriptを書きました。 利用開始する前にはSlack側でAppを作成したりそれなりに準備が必要なのですが、一度設定したら、あとは手がかからなくなるので、費用対効果はいいと思います。 詳しい導入方法などは下記を参照してください。 https://github.com/airreader/datastudio-2-slack

      Google Data Studioのスクリーンショットを定期的にSlackに投稿するツールを作った - 日直地獄
      efcl
      efcl2021/03/15非公開
      GASでData StudioをSlackにポスト
      • GitHub - willmcpo/body-scroll-lock: Body scroll locking that just works with everything 😏

        Enables body scroll locking (for iOS Mobile and Tablet,Android, desktop Safari/Chrome/Firefox) withoutbreaking scrolling of a target element (eg. modal/lightbox/flyouts/nav-menus). Features: disables body scroll WITHOUT disabling scroll of a target element works on iOS mobile/tablet (!!) works onAndroid works on Safari desktop works onChrome/Firefox works with vanilla JS and frameworks such as

        GitHub - willmcpo/body-scroll-lock: Body scroll locking that just works with everything 😏
        efcl
        efcl2021/03/15非公開
        ポップアップやスクロール要素をスクロールしている際にbodyのスクロールを防止するライブラリ
        • Svelte • Web development for the rest of us

          Svelte is aUI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know —HTML,CSS andJavaScript.It’s a love letter to web development. But don’t take our word forit. Developers consistently rankSvelte as the framework they’re most excited about using.

          Svelte • Web development for the rest of us
          efcl
          efcl2021/03/15非公開
          SvelteKitのチュートリアルサイト
          • GitHub - sveltejs/kit: web development, streamlined

            You signed in with another tab or window. Reload to refresh yoursession. You signed out in another tab or window. Reload to refresh yoursession. Youswitched accounts on another tab or window. Reload to refresh yoursession. Dismiss alert

            GitHub - sveltejs/kit: web development, streamlined
            • 残りのブックマークを読み込んでいます
            • お知らせ

              もっと読む

              公式Twitter

              • @HatenaBookmark

                リリース、障害情報などのサービスのお知らせ

              • @hatebu

                最新の人気エントリーの配信

              処理を実行中です

              キーボードショートカット一覧

              j次のブックマーク

              k前のブックマーク

              lあとで読む

              eコメント一覧を開く

              oページを開く

              はてなブックマーク

              公式Twitter

              はてなのサービス

              • App Storeからダウンロード
              • Google Playで手に入れよう
              Copyright © 2005-2025Hatena. All Rights Reserved.
              設定を変更しましたx

              [8]ページ先頭

              ©2009-2025 Movatter.jp