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

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

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • お金
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
  • おすすめ

    秋冬の新作アニメ

『blog - hiroppy's site』

  • 人気
  • 新着
  • すべて
  • 健康を考えるステージになった - 技術探し

    30 users

    blog.hiroppy.me

    最近、OSSやってないけど飽きたの?ってたまに聞かれることがある。飽きたというよりも、タイトル通り優先順位が変わってしまった。去年も健康診断を会社で受け、すべて大丈夫だったのだが、10月ぐらいから明らかな不調がわかっていて今も通院している状態である。 自分が通院しているのは眼科である。エンジニアという仕事柄、自分にとっては一番大切な箇所であり、返しづらい負債となっている。病状としては、眼圧が上がっていて、緑内障の疑いがあり(検査予定)、視力の低下。もともと視力はかなり悪いのに更に追い打ちがかかってしまった。特に眼圧なんてなかなか治らないしどうすればいいんだ感ある。目の手術はまだ気が進まない。毎日、目薬をうったりすることすら昔ならめんどくさく感じてしまうが、さすがにヤバさを感じたのか毎日できている。 中学の頃からゲームのようにプログラミングにハマって、数年前までは毎日13時間以上できてた。本

    • 暮らし
    • 2022/01/21 09:55
    • 健康
    • health
    • 技術
    • life
    • 仕事
    • あとで読む
    • webpackに関してよかったニュースとそれに対する感想 - 技術探し

      25 users

      blog.hiroppy.me

      注意: これは公式見解ではない、ただ1メンバーの感想文です。 最近の大きなニュースとしては、webpackの主要メンバーの2人(Sokra, Alexander)は現在vercel雇われたことです。 🥳News: I have joined the awesome team at ▲ @Vercel While I'll continue to improve webpack, I'll also work on making Next.js even smoother...— Tobias Koppers (@wSokra) April 13, 2021 Good news today, I have joined @vercel🌟— Alexander Akait (@alexander_akait) December 29, 2021 これによりメンテナンスの安定度が増したことは

      • テクノロジー
      • 2022/01/17 11:04
      • webpack
      • あとで読む
      • OSS
      • next.jsでのファイルチャンク最適化の一例 - 技術探し

        46 users

        blog.hiroppy.me

        今回はgraphql-codegenを使い説明します。今回の例は、graphql-codegen以外でも発生する可能性がありますが自動生成系が一番顕著に影響がわかりやすいです。 graphql-codegenはよく、graphqlのスキーマからtypescriptの型定義/reactのhooks等を自動生成するのに使われますが、これはnext.jsと組み合わせた場合、少しトリッキーな部分があります。 www.graphql-code-generator.com graphql-codegenはデフォルトでは1ファイルにすべて出力されますが、それに対しnext.jsは各ページをchunksとして吐くため何も考えずに実装すると、バンドルされるファイル量が膨大になる可能性があります。next.config.jsからwebpackの設定を上書きできますが、optimazationはかなり上書きしづ

        • テクノロジー
        • 2021/08/12 09:29
        • Next.js
        • GraphQL
        • Performance
        • react
        • Optimization
        • あとで読む
        • Markdownでスライドを作るツールのFusumaのv2をリリースをしました - 技術探し

          64 users

          blog.hiroppy.me

          リポジトリ: github.com 今回の変更では、面倒事を減らしスライド作成に集中できるようにすることを目標にしていました。 Fusumaとは? #0CJS MDX(Markdown + JSX(optional)) を使いスライドを作れる プレゼンターモードの提供(なぜかTwitter流せたりや落書きもできる) 音声録音とスライドの操作記録を保存できる github pagesへのデプロイがメインで、pdfでも出力可能 大きな変更 og:imageを自動生成/設定するようにしました ogp用に画像を設定するのがめんどくさいという意見があり、自動的に生成するように追加しました。現在はスライドの1ページ目を画像化しています。 ユーザー側へCSS Variablesを提供しました v1では、publicで外に出さずに自由にcssを書いてもらうようにしていましたが、0から書くのはめんどくさい部

          • テクノロジー
          • 2021/02/04 10:29
          • markdown
          • あとで読む
          • スライド
          • プレゼン
          • slide
          • tool
          • color
          • code
          • GitHub SponsorsによってOSSへの変化はあるのかどうか - 技術探し

            40 users

            blog.hiroppy.me

            数日前にGitHub Sponsorsの機能で企業が支援できるようになることが発表されました。 We all depend on open source every day, so it’s crucial to invest back into that infrastructure we’ve built our businesses and lives upon. So starting today, companies can sponsor projects and developers through their existing billing with GitHub!https://t.co/sF0uAdQRkX pic.twitter.com/w0l5DZHotb— GitHub (@github) 2020年12月8日 これにより、今後どのようにOSSに変化があるのかな

            • テクノロジー
            • 2020/12/16 10:29
            • oss
            • github
            • あとで読む
            • opensource
            • community
            • culture
            • development
            • 技術
            • webpack@5で入るPersistent Cachingについて - 技術探し

              67 users

              blog.hiroppy.me

              webpackはin-memoryのみで今まで永続的なキャッシュを実装していませんでした。理由としては、パフォーマンスよりも安全性を優先していたためです。 cache-loaderを使ったことがある人はわかるかもしれませんが、確かに速くなる一方、安全性が損なわれているのは事実です。 この機能は、webpackはデフォルトでファイルキャッシュをオンにはしませんがそれでもビルドの速度を上げたい場合に使う機能です。 以下がデフォルトの挙動となります。 mode cache development memory production false https://github.com/webpack/webpack/blob/60f7ce301df553d8ab0276ba2838ddb60ead1c94/lib/config/defaults.js#L158-L160 実際に使うときの設定 ドキュ

              • テクノロジー
              • 2020/10/05 10:04
              • webpack
              • cache
              • config
              • コード
              • あとで読む
              • js
              • 技術
              • JavaScript
              • Markdownだけでスライドを作るCLIの大規模アップデートをした - 技術探し

                14 users

                blog.hiroppy.me

                前回の記事 blog.hiroppy.me 変更点 機能追加 内部 その他 mdxの追加 Live Modeの追加 SidebarのUI変更 登壇者の行動をトラッキングする 音声を録音してタイムトラベルする パフォーマンス さいごに この一週間は、自分のOSSのみをやっていました。 そして、以下の機能を実装したのでまとめて紹介したいと思います。 スターが3000越しました🌟 やった! github.com 変更点 機能追加 zero-config initして設定ファイルを生成する必要がなくなった SEOやスライドの設定するときは生成してください mdxの利用が可能に markdownの中でreact componentsを扱う Live Modeの追加 登壇中にツイートをリアルタイムで流せる SidebarのUIを変更 全体的に色を落とした スライドの動きをタイムラインとして可視化 い

                • テクノロジー
                • 2019/06/24 10:00
                • Presentation
                • あとで読む
                • OSS活動のサポートを募集しています - 技術探し

                  4 users

                  blog.hiroppy.me

                  www.patreon.com 3月から始めていましたが、特に自分が何も提供しない状態だったため、これを解消したくて内容を変更することにしました。 誰 JavaScriptがメインのエンジニアです。 Twitter GitHub 今現在、アイルランドのダブリンに在住しており、毎日通うような仕事を持っていません。 厳密に言うと、自分は個人事業主なのでリモートワークとして1つの会社で働かせていただいている + OSSをして生活してます。 現在の活動は、以下のOSSがスコープ対象です。 Node.js JavaScriptランタイム。 github.com メインは、ECMAScript Modulesとpathとconsoleのモジュールとなります。 webpack JavaScriptのバンドラ。 github.com スコープは、webpack(core)、webpack-dev-serv

                  • テクノロジー
                  • 2019/05/23 09:47
                  • Markdownだけでスライドを作るCLIのv1.0.0をリリースした - 技術探し

                    26 users

                    blog.hiroppy.me

                    一年前に作ったライブラリのv1.0.0リリースです。 blog.hiroppy.me リポジトリ Fusumaとは? 大きな変更 スライドライブラリ WebSlides コンポーネント クラス マークダウンで書く 拡張 本番ビルド 発表者モード ノート サンプルリポジトリ 最後に リポジトリ github.com Fusumaとは? 以下の機能をサポートしているCLIです。 開発環境(webpack-dev-server) 本番環境(最適化含む) GitHub Pagesへのデプロイ PDFの出力 SNS, OGP対応 発表者モード 発表者ノートやタイマー等 以下を実行するだけで、スライドが作れます。 $ npm i fusuma -D $ npx fusuma init $ mkdir slides && echo '# Hello😄' > slides/title.md $ npx

                    • テクノロジー
                    • 2019/05/09 09:42
                    • markdown
                    • webpack
                    • software
                    • スライド
                    • ライブラリ
                    • github
                    • css
                    • 技術
                    • あとで読む
                    • Node学園祭2018の資料リンク集 - 技術探し

                      56 users

                      blog.hiroppy.me

                      もしここに書いてないスライドがありましたら、twitterでおしえてください。 nodefest.jp キーノート NodeFest 2018 and jsconf in japan - Speaker Deck 来年、NodeFest は JSConf in japan になる予定です。 RoomA Offline-First Collaborative Data Structures by Mathias Buus Node.js: The Road to Workers by Anna Henningsen JavaScript Class Features: A case study in TC39 by Daniel Ehrenberg Who Takes Out Your Trash by Sanne Kalkman libuv: What's a Unicorn Veloci

                      • テクノロジー
                      • 2018/11/23 20:02
                      • javascript
                      • Node
                      • Node.js
                      • あとで読む
                      • まとめ
                      • Slide
                      • 資料
                      • apollo-link-stateで状態管理を行う - 技術探し

                        26 users

                        blog.hiroppy.me

                        www.apollographql.com 昨日、会社の同僚とreduxにapolloのキャッシュを乗せるかどうかって話をしたので、サンプルを書いてみました。 自分はreduxのアーキテクチャが大変好きですが、Apolloとは相性が悪いためと思っています。 (なんでApolloClient.reducer()がなくなったのかも考えるといいかも) また、ここでは話しませんがprop drillingを解決するための他の方法として、context apiの使用も考えることが可能です。 サンプルコード github.com react-apollo react-apolloではクエリを渡すことで自動にfetchを行い、コンポーネントをレンダリングすることが可能です。 // github/graphqlを叩き、hiroppyの情報を取得し表示する const GET_AUTHOR = gql` q

                        • テクノロジー
                        • 2018/11/07 10:14
                        • redux
                        • GraphQL
                        • react
                        • あとで読む
                        • loadable-components + TypeScriptでSSRとCSRに対応したdynamic importを実現する - 技術探し

                          14 users

                          blog.hiroppy.me

                          react-loadableをSSRで使う場合にハマった所が多かったのでまとめました。 PR 結論と注意点 loadable-components react-loadableからloadable-componentsへ 問題点 書き方 dynamic import Client Renderer Server Renderer 関連記事 PR github.com 結論と注意点 babel-pluginであるloadable-components/babelは必ずしも必要ない つまりbabelを通さなくてもTyepScriptのまま使える moduleを指定しないとcomponentIdが引けずに落ちるので必ず書く必要がある トップレベルにdynamic importしたもののファイル群(e.g. router)をimportしないといけない 起動時に読み込まないといけないため(当たり前

                          • テクノロジー
                          • 2018/10/15 10:01
                          • react
                          • javascript
                          • 仕事を効率化するデプロイツールを作った - 技術探し

                            78 users

                            blog.hiroppy.me

                            仕事の開発環境改善のために欲しかったので金曜日からコツコツ作っていたアプリケーションを紹介します。 github.com 目的 CIが走るとstorybookやフロントエンドの成果物などの静的ファイルを自動的にアップロードして、PRでのレビューコストを下げるのが目的です。 PRでのレビュー時にCSSの変更などローカルに落として確認するほどでもないものを落としてビルドするのは時間の無駄だと思っています。 また、特にstorybookはデザイナさんと共有することが多いので、常に見れるところにあってほしいなって思っています。 gh-pagesでもいいけどコミットが面倒なのと、複数並列でアップロードできないのが問題です。 つまりmasterのしか置けず、今自分が作業している状態を見せたい時の共有が大変です。 このツールと同じでS3にデプロイするツールは知ってますが、カスタマイズしたいのと自分のサー

                            • テクノロジー
                            • 2018/08/27 10:09
                            • ci
                            • あとで読む
                            • デプロイ
                            • deploy
                            • サーバ
                            • 技術
                            • JavaScript
                            • GaroonとGoogle Calendarを双方向に同期するアプリケーションを書いた - 技術探し

                              17 users

                              blog.hiroppy.me

                              できること 注意点 メンバーは同期されない 削除と更新には制約がある Garoonからの状態は反映に時間がかかる モチベーション アーキテクチャ 構成 Google Calendar APIの流れ 定期的にwebhookを動かすようにするためにgoogle calendar apiを叩くアプリ webhookを監視するためのアプリ 所感 github.com 一週間前にめっちゃやる気出たので作ってました。 できること シンプルにGaroonとGoogle Calendarでの予定の追加、更新、削除に関する同期が可能です。 注意点 メンバーは同期されない garoonとgoogle calendarではメンバーが異なるので、基本的に1人用の設計となっています。 e.g. google calendarで予定を作っても自分しかいない等 削除と更新には制約がある google calendarで

                              • テクノロジー
                              • 2018/06/04 10:04
                              • Software
                              • google
                              • あとで読む
                              • Markdownだけで綺麗なスライドを作るCLIを作っている - 技術探し

                                117 users

                                blog.hiroppy.me

                                テーマ やりたかったこと デモ 手順 タスク 仕組み できること・できないこと できること できないこと 次の実装 さいごに fusuma0.0.1をリリースした。https://t.co/EpS9Wkq7DT— npx hiroppy😶 (@about_hiroppy) 2018年4月27日 今現在、0.2.1 テーマ 本質ではないwebpackとかBabelとかPostcssとかの設定ファイルを書くことなく、1コマンドでリリースまで面倒を見てくれて、マークダウンだけクールなスライドを作れるようにしたい。 サッとスライドを作れて、サッっとデプロイしたい。 やりたかったこと webpackやBabelの設定を隠蔽したい 開発・プロダクトビルド・リリースを1コマンドで終わらせたい マークダウン(or HTML)で書けるようにしたい フレームワークへの接続 bespoke.js以外にも対応さ

                                • テクノロジー
                                • 2018/05/17 10:01
                                • markdown
                                • あとで読む
                                • スライド
                                • slide
                                • CLI
                                • 技術
                                • プレゼン
                                • presentation
                                • js
                                • techfeed
                                • 時間計測をしてNode.jsアプリのパフォーマンス改善の手助けをする - 技術探し

                                  6 users

                                  blog.hiroppy.me

                                  現在のNode.jsの安定性指標 Performance Timing API 目的 提供される変数・メソッド イメージ PerformanceEntry entryType node gc Performance timeOrigin now() nodeTiming mark() measure() timerify() getEntries() getEntriesByName() / getEntriesByType() PerformanceObserver ユーザーの手順 区間測定を行う 関数実行にかかる時間を測定する 使用例 Server Side Rendering まとめ 区間測定をしたい場合 イベントの測定をしたい場合 前回の記事とはまた別の話です。 blog.hiroppy.me 今回は、土曜日に京都で話したきたPerformance Timing APIについて話し

                                  • テクノロジー
                                  • 2018/03/26 10:01
                                  • Node
                                  • performance
                                  • メモ: Node.jsとAyo.jsに分裂したという話 - 技術探し

                                    5 users

                                    blog.hiroppy.me

                                    この記事は自分用のリンク集メモです。(色々と聞かれるときにリンク探すの大変なため) 注意: 追記・変更が頻繁に行われるでしょう 原因 Rodの違反行為一覧 参考Issues TSC投票ステータス 自主的に辞退した人 Mylesの意見・考え Bryanの意見・考え 自主辞退要求とRodの声明 Nodeの将来 Hacker News ZDNet TSC Node.js Foundationの動き 主な変更 TSCとCTCのリマージ 規約の更新 新しいModerationチームを立ち上げるための取り組み ボード Coreへの全体周知 Board 質問リスト このissueへの反応 Ayo.js フォークに関して 意見交換場所 npm 目的 Values アイコン CI さいごに 原因 Rodが複数回のNode.js Foundationの行動規範に対し違反を行っていた。 コレに関して、TSCで辞

                                    • テクノロジー
                                    • 2017/08/26 10:12

                                    このページはまだ
                                    ブックマークされていません

                                    このページを最初にブックマークしてみませんか?

                                    『blog - hiroppy's site』の新着エントリーを見る

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

                                    j次のブックマーク

                                    k前のブックマーク

                                    lあとで読む

                                    eコメント一覧を開く

                                    oページを開く

                                    はてなブックマーク

                                    • 総合
                                    • 一般
                                    • 世の中
                                    • 政治と経済
                                    • 暮らし
                                    • 学び
                                    • テクノロジー
                                    • エンタメ
                                    • アニメとゲーム
                                    • おもしろ
                                    • アプリ・拡張機能
                                    • 開発ブログ
                                    • ヘルプ
                                    • お問い合わせ
                                    • ガイドライン
                                    • 利用規約
                                    • プライバシーポリシー
                                    • 利用者情報の外部送信について
                                    • ガイドライン
                                    • 利用規約
                                    • プライバシーポリシー
                                    • 利用者情報の外部送信について

                                    公式Twitter

                                    • 公式アカウント
                                    • ホットエントリー

                                    はてなのサービス

                                    • はてなブログ
                                    • はてなブログPro
                                    • 人力検索はてな
                                    • はてなブログ タグ
                                    • はてなニュース
                                    • App Storeからダウンロード
                                    • Google Playで手に入れよう
                                    Copyright © 2005-2023 Hatena. All Rights Reserved.
                                    設定を変更しましたx