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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    WWDC25

『qiita.com』

  • 人気
  • 新着
  • すべて
  • PRPL パターン実装の具体例調査と比較 - Qiita

    11 users

    qiita.com/kimamula

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? PRPL パターンとは Google I/O 2016 で提案されたものですが、詳しくはこちらの記事がとても分かりやすいです。 上の記事から一部を以下に引用します。 PRPL は、Progressive Web App(PWA)を構築および配信するためのパターンで、アプリの配信と起動時のパフォーマンスに重点を置いています。 PRPL は次の言葉を表しています。 Push: 最初の URL ルートに不可欠なリソースを Push(プッシュ)する。 Render: 最初のルートを Render(レンダリング)する。 Pre-cache: 残り

    • テクノロジー
    • 2018/02/04 18:55
    • PWA
    • CDN
    • HTML5
    • techfeed
    • [TypeScript 2.4] custom transformer を利用して React のバケツリレー問題を解決する - Qiita

      15 users

      qiita.com/kimamula

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

      • テクノロジー
      • 2017/08/03 11:44
      • TypeScript
      • javascript
      • dev
      • [TypeScript 2.4] custom transformer を利用して実行時に型情報を参照可能にする - Qiita

        8 users

        qiita.com/kimamula

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

        • テクノロジー
        • 2017/06/28 20:34
        • TypeScript
        • TypeScript を使ったシンプルで型安全な i18n 実装 - Qiita

          5 users

          qiita.com/kimamula

          最近 Node.js な Web アプリケーションの多言語対応について調べる機会があったので、自分なりの考えをまとめておく。 結論としては、特にライブラリを使わず、自前の実装で片付けてしまうことにした。 誰でも思いつきそうな至極単純な発想なのだけれど、調べた限りこういう情報が出てこなかったので、記事にすることで誰かのお役に立てれば幸い。 既存ライブラリに対する不満: 静的型付を実現できない1 TypeScript ユーザーにとっては、以下のようなものがコンパイル時ではなく、 実行時のエラーになるのは耐え難い。 message の key の typo message の引数の typo, 過不足, 型違い 異なる言語間で message の定義に一貫性がない ピンと来ない人向けに、それなりに人気のありそうな i18next という package の記法を例として書いておく。 [参考] i

          • テクノロジー
          • 2017/02/15 14:47
          • TypeScript 2.1 で導入される `keyof` を使って `EventEmitter` を定義してみる - Qiita

            16 users

            qiita.com/kimamula

            追記 (2018/09/05) 現在では、 TypeScript 2.8 で導入された Conditional Types を利用したよりよい方法があり、これを使うと最後に書いた「この方法の制限」も克服できます。 上の記事の内容はかなり難易度が高いですが、これを理解しておくと Conditional Types への理解がかなり深まるので、おすすめです。(途中で僕のことにも言及してくれていて、ちょっと嬉しかったです) 追記終わり。 keyof の概要 issue: https://github.com/Microsoft/TypeScript/issues/1295 PR: https://github.com/Microsoft/TypeScript/pull/11929 PR の説明文を省略して簡単に示すと、以下のような機能。 interface Thing { name: strin

            • テクノロジー
            • 2016/11/06 14:21
            • TypeScript
            • Programming
            • javascript
            • あとで読む
            • Free-Style のススメ ~ CSS Modules は解決策ではない - Qiita

              7 users

              qiita.com/kimamula

              最初にまとめ: Free-Style とは CSS in JS の一種 https://github.com/blakeembrey/free-style CSS in JS の長所はそのままに スタイルをローカルスコープで定義可能 JS の仕組みによる依存性解決 (CommonJS, Require.js, ES modules) 使われていないスタイルの自動削除 (UglifyJS 等) スタイル-スタイル間、および JS-スタイル間の定数の共有が容易 JS による柔軟なスタイルの拡張・再利用が可能 CSS in JS が苦手としていた点を改善 style 属性に指定可能な内容に限らず、 CSS が提供するすべての機能を利用可能 疑似クラス 疑似要素 メディアクエリ 前置き: CSS in JS と CSS Modules 前置きの前置き この記事は、 の emoji でおなじみ (?

              • テクノロジー
              • 2016/09/26 00:53
              • tutorial
              • css
              • javascript
              • あとで読む
              • JavaScript (TypeScript) で配列の遅延評価 - Qiita

                3 users

                qiita.com/kimamula

                「Scala関数型デザイン&プログラミング ―Scalazコントリビューターによる関数型徹底ガイド」(以下、 FP in Scala)という本を読んでいます。 ところどころプログラミングの演習問題が出てきて、これを解いていかないとちゃんと理解できなさそうなのですが、 Scala で書くのも当たり前すぎてつまらない(?)ので、 JavaScript (TypeScript) で書いてみようと思いました。 今回は第5章に出てくる遅延評価を取り上げます(次回があるかどうかは分かりません)。 コードは以下に公開しています。 https://github.com/kimamula/fp-in-javascript/tree/master/lazy-array 遅延評価とは 「実際に必要になるまで、値の評価を遅延させる」ことです。 Haskell はデフォルトで遅延評価ですし、 Scala でも明示的

                • テクノロジー
                • 2016/06/13 12:39
                • JavaScript
                • Lerna を使って、 Babel や React が採用している monorepo を試してみる - Qiita

                  49 users

                  qiita.com/kimamula

                  monorepo とは 複数の npm package を 単一の git repository で管理すること 例えば Babel では、 100 以上の npm package が単一の git repository で管理されている https://github.com/babel/babel/tree/master/packages package 毎に repository を作る場合と比較した Pros & Cons Babel の repository のドキュメントから抜粋 Pros: lint, build, test, release のプロセスを共通化できる package をまたがった修正が容易になる issue 管理を一元化できる 開発環境の構築が簡単になる テストも package をまたいで実行でき、複数 package が絡む不具合の検知が容易になる Con

                  • テクノロジー
                  • 2016/01/06 14:20
                  • npm
                  • lerna
                  • monorepo
                  • JavaScript
                  • babel
                  • Node.js
                  • library
                  • git
                  • repository
                  • Redux っぽく Rx で実装しようとして結果的に Cycle.js に惹かれる話 - Qiita

                    35 users

                    qiita.com/kimamula

                    はじめに Flux のような unidirectional なアーキテクチャに興味があって、評判のよいものに触ってみた感じです。 実際に業務でやってみたことはないので、ガチ勢の方から見たらまだまだ甘いと思われる点が多々あるかもしれません。 TL;DR (投稿から一日たって少し考えがまとまってきたので追記) Redux の印象 before 思想は分かりやすい (Three Principles) アプリケーションの状態 (state) を単一の store で管理 state は read-only (直接更新できない), 更新は action の発行を介して行う state を更新する reducer は純粋な関数 でも action.type で switch する書き方が好きになれない Rx で簡単に re-implement できるとのことなので、 switch なしで書けるように

                    • テクノロジー
                    • 2015/11/23 14:06
                    • cycle.js
                    • flux
                    • redux
                    • react
                    • reactjs
                    • cycle
                    • Architecture
                    • あとで読む
                    • api
                    • TypeScript の JSX/React サポートを試す - Qiita

                      7 users

                      qiita.com/kimamula

                      1.5.0-beta には入っていません (2015/07/21 追記: 1.5.3 にも入っていません。 1.6 で入る模様) が、 TypeScript の master ブランチでは、 JSX/React がサポートされています。 Decoupled typing for JSX and React React/Flux の TodoMVC のサンプルコードを、これを使って TypeScript 化してみました。 コードはこちらから見られます。 https://github.com/kimamula/ts-react こちらのサイトの説明を参考にさせていただきました。 Typescript and JSX ポイント JSX を書くときは拡張子を .tsx にする component は React.Component<P, S> を extends したクラスを作成する P は pr

                      • テクノロジー
                      • 2015/07/23 21:43
                      • TypeScript
                      • react
                      • TypeScript の機能で EventEmitter のイベントの payload を型安全に扱う - Qiita

                        6 users

                        qiita.com/kimamula

                        アイデアとしてはとてもシンプルなので、 TypeScript を使っている人たちはとっくにこんなことやっていそうなんですが、ぱっとググるなどした感じこの件に関する tips が見当たらなかったので、ここに残しておきます。 「ここに載ってるよ!」みたいな情報をご存知の方いらっしゃったら教えてください。 TL;DR タイトルに書いたことを可能にするコードを、ライブラリとして下記のリポジトリに置いてあります。 https://github.com/kimamula/ts-eventemitter README に書いていますが、以下のように使えます。 Define your EventEmitter. /// <reference path="path/to/node_modules/ts-eventemitter/dist/ts-eventemitter.d.ts" /> import {Ts

                        • テクノロジー
                        • 2015/07/20 19:00
                        • TypeScript
                        • Babylon.js で WebGL プログラミングしたら、 Unity, MMD モデルの変換で苦労した話 - Qiita

                          16 users

                          qiita.com/kimamula

                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? WebGL ライブラリの Babylon.js を使って、ゲームを作ってみました。 初音ミクを使った簡単な迷路ゲームです。クリアするとミクちゃんが勝利の舞い (※) を踊ってくれます。 ※ 最後に詳述しますが、残念ながら端末によっては、ミクにアニメーションがつきません。 こちらからご覧になれます。 http://miku-miku-maze.herokuapp.com ソースはこちら。 https://github.com/kimamula/miku-miku-maze TL;DR 書いてみたらダラダラ長くなってしまったので最初にまとめ

                          • テクノロジー
                          • 2015/07/13 10:08
                          • WebGL
                          • Babylon.js
                          • javascript
                          • Unity
                          • MMD
                          • 3d
                          • js
                          • qiita

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

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

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

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

                          j次のブックマーク

                          k前のブックマーク

                          lあとで読む

                          eコメント一覧を開く

                          oページを開く

                          はてなブックマーク

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

                          公式Twitter

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

                          はてなのサービス

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