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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    プライムデーセール

『blog - hiroppy's site』

  • 人気
  • 新着
  • すべて
  • 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
    • 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の資料リンク集 - 技術探し

            57 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を作っている - 技術探し

                      118 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-2025 Hatena. All Rights Reserved.
                          設定を変更しましたx