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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    ブラックフライデー

『qiita.com』

  • 人気
  • 新着
  • すべて
  • Next.js 9.4 Fast RefreshとIncremental Static Regeneration等のアップデート - Qiita

    28 users

    qiita.com/mottox2

    本日Next.js 9.4がリリースされました。簡単にまとめたので、公式ブログと合わせて確認してください。 Fast Refresh Hot ReloadがReact Refreshを用いたFast Refreshに置き換えられました。 これで編集したファイル内のコードのみが更新され、コンポーネントの状態を失うことなく再レンダリングを行ってくれます。 これに伴いエラーのオーバーレイも再設計され、ページ上ですぐにエラーを確認できるようになっています。 Incremental Static Regeneration (beta) 段階的な静的ページ再生成がサポートされました。 Next.js 9.3でサポートされたStatic Generationでは、ビルド時に生成したページでなくてもfallback: trueオプションを利用することで実行時に新しいページを追加することが出来ました。Twe

    • テクノロジー
    • 2020/05/12 12:06
    • react
    • next.js
    • node.js
    • あとで読む
    • JavaScript
    • techfeed
    • development
    • サイト構築のタスクを自動化する「Gatsby Recipes」とタスク記述言語としてのMDX - Qiita

      5 users

      qiita.com/mottox2

      2020年4月、Reactでウェブサイトやアプリケーションを作るGatsbyから「Gatsby Recipes」の発表がありました。(執筆時点ではまだExperimentalな機能です) 📝New! "Announcing #GatsbyRecipes" 👩🏿‍🍳👨🏼‍🍳 Recipes teach users how to accomplish desired tasks in Gatsby while also automating the process. ➡️ https://t.co/X0ueTQHqv4 ✨ This release is the first step towards adding a lot more automation capabilities to Gatsby. pic.twitter.com/sBH4EVK4Cz — Gatsby (@

      • テクノロジー
      • 2020/04/26 18:06
      • Next.js 9.3: 新世代の静的サイト生成、Built-in Sassのサポート - Qiita

        6 users

        qiita.com/mottox2

        本日、Next.js 9.3 がリリースされました。本リリースの特徴は次のものです。 Static Site Genration のサポート プレビューモードのサポート ビルトインの Sass サポート 404 ページの静的化 ランタイムの縮小 各トピックごとに簡単に説明します。詳しく知りたい場合は公式のリリースノートが公開されているのでご確認ください。 Static Site Generation のサポート Next.js では 9.0 から Automatic Static Optimization というコンセプトを打ち出し、getInitialPropsでデータを取得しない場合はビルド時に HTML ファイルを生成していました。(また、getInitialPropsでのデータ取得はnext exportで生成した場合であっても、クライアントのルーティング変更時に実行されるため、完

        • テクノロジー
        • 2020/03/10 05:03
        • Next.jsのDynamic Routing + Static HTML exportを組み合わせて使う - Qiita

          3 users

          qiita.com/mottox2

          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

          • テクノロジー
          • 2019/10/29 09:38
          • プロジェクトごとにVSCodeの色とテーマを変えて気持ちを切り替える - Qiita

            3 users

            qiita.com/mottox2

            VSCodeの設定は「ユーザー設定」と「ワークスペースの設定」がわかれており、すべてのプロジェクトで使いたい設定と、個別のプロジェクトで使いたい設定を分けることができます。 これを利用することで、プロジェクト間でエディタの色やテーマを使い分けることができるので、設定方法と設定の例について説明します。 ワークスペースの設定 設定はCmd(Ctrl)+,で開くことができ、ユーザー設定とワークスペースの設定が分けられています。 各プロジェクトの設定は画像の枠で囲った部分からアクセスできます。 (ユーザー設定はmacOSの場合は~/Library/Application Support/Code/User/に保存され、ワークスペースの設定は各プロジェクトの.vscode/settings.jsonに保存されます。) ちなみに.vscode/settings.jsonはgitのグローバル設定でign

            • テクノロジー
            • 2019/10/16 14:08
            • スマートフォンを楽器にしてみた - Qiita

              6 users

              qiita.com/mottox2

              笛吹きエンジニアの@mottox2です。 皆さん、クソアプリつくっていますか? 僕はこれまでつくっていませんでした。ということで今回は初めてのクソアプリということでスマートフォンを楽器にしてみました。 この記事はクソアプリ Advent Calendar 2018の21日目の記事です。 つくったもの スマホの傾きと連動して音が鳴るクソアプリを作りました。 https://t.co/Zq3kb1THhy pic.twitter.com/ejYJAuU6Fe — もっと@締切駆動 (@mottox2) December 21, 2018 なんなのか? みなさん、こういう楽器はご存知でしょうか?1 これはテルミン(テレミン)といって世界初の電子楽器らしいです。2手を調整することで音程と音量が操作できるとっても難しい楽器です。 クソアプリカレンダーの皆さんは簡単に使えるようにしている人が多かったの

              • テクノロジー
              • 2018/12/21 18:12
              • プログラミング
              • styled-componentsを使った雑なReact Presentational Componentの書き方 - Qiita

                7 users

                qiita.com/mottox2

                最近、仕事でReactを書く機会が多くなってきて色々試しているうちに書き方が落ち着いてきました。 [注意] 本来はクラス毎にStyledComponentsのインスタンスを作った方がいいです。自分がVueライクな感じで雑に書くための記法です。 この表記ですと、子コンポーネントに同じクラス名があたったときに、親コンポーネントのスタイルが当たるので完全なscopedなスタイルにはなりません。 (@nabeliwoさんにコメントいただきました。ありがとうございます!) 既にHTMLが存在しているときに雑にReactに移植するときの途中段階とかで役立つ書き方です import React from 'react' import styled from 'styled-components' const TodoItem = ({ className, title, description, onD

                • テクノロジー
                • 2018/03/19 09:56
                • React
                • techfeed
                • CSS
                • あとで読む
                • CodeMirrorでテキストフィールドを拡張する - Qiita

                  4 users

                  qiita.com/mottox2

                  俺の考えた最強のTODOリストを作るために便利なテキストフィールドを作ってみます。 See the Pen Custom CodeMirror TextField by Yuki Takemoto (@mottox2) on CodePen. なぜCodeMirrorか TextFieldにハイライトをつけるには、まずはcontenteditableを使った、WYSIWYGエディタによく使われる方法が考えられますが、これを生で触るのは非常に大変です。なので便利なライブラリに頼ります。 調べたところCodeMirrorがいいのではと感じたのでCodeMirrorを使っていきます。1 CodeMirrorは、Web上で動いて、JSなどのコードにハイライトをつけることの出来るライブラリです。 各言語のハイライトはmodeという形で管理されていて、自分でmodeを追加することができます。つまり、独

                  • テクノロジー
                  • 2018/03/16 23:00
                  • Visual Studio Codeで設定ファイル・キーバインディング・拡張機能を共有する - Qiita

                    7 users

                    qiita.com/mottox2

                    VS Code 1.44.0のインサイダーで、公式のSeeings Sync機能がリリースされます。 Microsoftアカウントで同期する形のようなので、この記事の対応は不要になります。 長年使っていたVimからVisual Studio Codeに乗り換えました。 拡張機能も入れるの簡単ですし、そもそも最初の設定だけでそれなりに使えていいエディタだと思っています。 自分はデスクトップ・ラップトップを持ち替えて使うことが多く、個別にセットアップしていたら色々と差分が出てきてしまったので設定ファイルの共有方法を考えていました。 Vim, Emacsを使っている人ならdotfilesリポジトリを使って管理しているような雰囲気を感じますが、Visual Studioでは基本GUIで設定を行えてしまいます。 開発環境のポータビリティを考えてシェルの設定と含めてVSCodeの設定を含んだdotfi

                    • テクノロジー
                    • 2018/03/05 15:51
                    • あとで読む
                    • 開発時にCORSを無視するGoogleChromeの起動オプション - Qiita

                      4 users

                      qiita.com/mottox2

                      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                      • テクノロジー
                      • 2017/01/13 17:52
                      • chrome
                      • security
                      • CLIだけでSlackで使える日本語Reaction emojiをつくる - Qiita

                        9 users

                        qiita.com/mottox2

                        絵文字 / Emoji Advent Calendar 2016 - Qiita 13日目の記事です。 emojiというよりはSlackのReactionにこじ付けたテーマでやらせて貰いました。日本語リアクションなのでemojiですらない可能性もあるのでご了承ください🙇 日本語リアクションで爆速コミュニケーションの実現「コミュ障でも大丈夫👍」 皆さん、Slackのreaction(以下emoji)使っていますか?自分はめっちゃ使ってます。 emojiがあると文字では表現出来ないニュアンスも伝えられます。しかし、使いやすいemojiってなかなかないですよね。 使いやすいemojiはあるにはありますが、emojiを少し工夫すると使いやすく、文字で表現出来るニュアンスも伝えることが出来るんです。 それは日本語emojiです!(下のemojiは oti/slack-reaction-decom

                        • テクノロジー
                        • 2016/12/14 02:15
                        • emoji
                        • slack
                        • 30分で出来るDraft.js+React.js リッチエディタ作成入門 - Qiita

                          21 users

                          qiita.com/mottox2

                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                          • テクノロジー
                          • 2016/07/10 02:36
                          • React
                          • React.js
                          • JavaScript
                          • library
                          • Electron, Reactでタブブラウザを作ってみた - Qiita

                            141 users

                            qiita.com/mottox2

                            知人がesaのデスクトップクライアントを使わなくなった理由が、複数タブが開けなくて不便だったと聞いた。 確かに「Electronのアプリでも複数タブが使えるといいな」と思ったのでさくっと作ってみました。 作ったもの タブ周りの処理を中心に書いた。ブラウザというよりただのQiitaリーダ。 環境 MacOS X 10.10.4 Node.js v.4.1.1 electron v.0.34.3 準備 Electron環境の導入が必須。 30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまでがとても参考になります。 今回はReactをES6で書くのでbabel+webpack+gulpの設定を書いておきます。 gulpfile.js webpack.config.js npmで必要なパッケージをインストールし、gulpでビルド用のタスクを起動すると

                            • テクノロジー
                            • 2016/01/24 10:21
                            • electron
                            • React
                            • JavaScript
                            • あとで読む
                            • babel
                            • tutorial
                            • react.js
                            • browser
                            • ElectronでChatworkをデスクトップアプリ化 (Webview + badge) - Qiita

                              116 users

                              qiita.com/mottox2

                              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                              • テクノロジー
                              • 2015/07/22 02:02
                              • electron
                              • javascript
                              • node.js
                              • chatwork
                              • js
                              • あとで読む
                              • development
                              • Tools
                              • Web制作
                              • *あとで

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

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

                              『qiita.com』の新着エントリーを見る

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

                              j次のブックマーク

                              k前のブックマーク

                              lあとで読む

                              eコメント一覧を開く

                              oページを開く

                              はてなブックマーク

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

                              公式Twitter

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

                              はてなのサービス

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