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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    Google I/O

『qiita.com』

  • 人気
  • 新着
  • すべて
  • Stimulus v3.2.2で追加された機能・変更された振る舞い - Qiita

    4 users

    qiita.com/nazomikan

    執筆時点で昨夕Stimulus v3.2.2がリリースされました。 パッチバージョンではありますが、内容がパッチバージョンとは言えないものが多いので一応拾っておこうと思います。 機能の追加・変更 keyboard event filterにPageUp/PageDownが追加された Stimulusにはもともとキーボードイベントのフィルタリング機構があります。 下記のようにアクション記述のイベント名を書くところのキーボードイベント(keydown,keyup,keypress)にドットで続けてキー名を書けば、対象のキーが押された時だけ実行されるアクションとして定義することができる機能です。 そこにPageUp、PageDownのキーをデフォルトで指定できるようになりました 構文中ではpage_up, page_downという名前で指定するようです。 キーボード操作を実現する際、PageUp

    • テクノロジー
    • 2023/08/08 16:04
    • article
    • Stimulus 公式ハンドブックの次に読むものは? - Qiita

      3 users

      qiita.com/nazomikan

      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? (この記事はあくまで私の主観です。) Stimulusの公式ドキュメントはそれなりに充実しています。 しかし今のところStimulusの起源(origin)や挙動(reference)に関する記述がありますが設計についての実践的なところはあまり記述されていません。 あなたが次に読む最適なものは何でしょう? 信頼できるのは作者だけ いろんなリソースにたどり着くかもしれません。 Better StimulusJS? Hotwire Discussion? Qiita? しかし私が本当におすすめしたいのは、作者である37signals(旧Ba

      • テクノロジー
      • 2023/03/13 20:09
      • article
      • 妄想的DHH理解2:概念的距離の圧縮 - Qiita

        65 users

        qiita.com/nazomikan

        Caution この記事はDHHファンの妄想によるシナリオが多分に含まれます。 というかほとんどです。 成り立ちや考え方が間違ってることも当然あるように思うので話半分で読んでください。 これは一体 前回かいた妄想的DHH理解のエピソード0的な話です。 妄想的DHH理解では、DHHがどういう過程で今のRailsフロントエンドに達したかの話が主題でしたが、そこでは「なぜ〜を選ばなかったか」は説明されていませんでした。 彼はモノリシックを愛したり、トレンドと真逆のアプローチでフロントエンドに新しいレールを引き始めたりするので、単に彼が天邪鬼であったり車輪の再発明大好きおじさんとして捉えられがちですが、実は太い太い一本筋をもった技術選定をし続けてるってことが広まればいいなと思ってるファンの記事です。 前提知識 前回とほぼ同じです。 Railsの生みの親、Rubyist。 実はカーレーサーでもありま

        • テクノロジー
        • 2021/09/29 17:48
        • rails
        • dhh
        • development
        • qiita
        • あとで読む
        • ruby
        • 開発
        • 妄想的DHH理解 - Qiita

          227 users

          qiita.com/nazomikan

          Caution この記事はDHHファンの妄想によるシナリオが多分に含まれます。 というかほとんどです。 成り立ちが間違ってることも当然あるように思うので話半分で読んでください。 これは一体 最近のRailsフロントエンドやDHHの活動には一連の流れがあるわけですが、一部トレンドに沿ってない部分がある故にそれが汲めないというところがあるのではと思います。 それらの流れを記憶が定かなうちにつないで記録しておこうという記事です。 前提知識 Railsの生みの親、Rubyist Basecamp(社) DHHがCTOやってる会社 Basecamp(サービス) Basecamp(社)が開発してるプロジェクト管理ツール Trixを開発してたある日 Basecamp(サービス)に組み込まれてるリッチテキストエディタのtrixをcustomElements使って開発してたある日、DHHはあることに気づく。

          • テクノロジー
          • 2021/09/21 14:41
          • rails
          • DHH
          • frontend
          • あとで読む
          • ruby
          • 開発
          • Stimulus
          • javascript
          • qiita
          • development
          • Stimulusをはじめよう - Qiita

            6 users

            qiita.com/nazomikan

            Stimulusとは何か Stimulusとは、JavaScriptで書かれたクライアントサイドのライブラリです。 Basecampによって開発され、2021/12にversion2がリリースされました。 皆さんの知るところでいうとstack overflowが採用していたりします。 StimulusはHTMLを中心に考え、JavaScirptで書かれた振る舞いをHTMLから呼び出すことができるように設計されています。 それはonClickでJavaScriptコードを呼び出していた太古のコードに少し似ています。 さぁ、私と共にWeb開発を再発見しましょう! 基本原理 StimulusはHTMLに書かれた振る舞いを与えます。 それは最初にレンダリングされたHTMLだけでのことではなく、後から挿入されたHTMLに対しても同じです。 StimulusはMutationObserverを利用して

            • テクノロジー
            • 2021/04/02 23:40
            • Qiita
            • article
            • 第三の答え、Stimulusjs - Qiita

              47 users

              qiita.com/nazomikan

              昨今のフロントエンドトレンドを鑑みてフロントエンドの技術構成を考えると今はどんな選択肢が主流でしょう? それぞれ並列なものではないですが、React? Vue? Next? Nuxt?そんなワードがきっと頭に浮かぶでしょう。 今の時代、jQueryでゴリゴリUIを記述するとなんだか白い目でみられる。 そう、令和とはそういう時代です。 界隈の最先端おじさんをみると、build processがあるのは当然で、HTML/CSSはjsが吐き出すもので、それが最大限正しいように語られています。 確かにExising Domのアプローチで界隈から評価されてるライブラリはなく、さほどいい選択肢には見えません。(個人の主観) ではそれらのアプローチの何がそんなにいいんでしょう? 過去から現在まで我々は何に苦心して、それらはそれをどう解決してくれたのでしょう? 雑に紐解いていきましょう。(今回はUI構築の

              • テクノロジー
              • 2020/12/06 03:00
              • stimulus
              • hotwire
              • javascript
              • rails
              • UI
              • ruby
              • 技術
              • あとで読む
              • async/awaitでiterateがんばる - Qiita

                10 users

                qiita.com/nazomikan

                async/awaitが使える環境がまぁまぁ増えてきてNodeとかでは普通に使うようになりました。 多分みんな一回は頭を悩ませるのはiterate周りだと思います。 例えばforEachとか雰囲気でかくと下みたいな感じになるけど、あくまでasyncキーワードはpromiseを返してくれるようにしてくれて、awaitはpromiseを待つっていう単純な機能を提供するものなのでforEach自身がpromiseを返さない限りはこのコードはうまく動かない。 function timer() { return new Promise(resolve => setTimeout(_ => resolve(), 100)) } (async () => { let list = []; await [1,2,3,4,5].forEach(async v => { await timer(); list

                • テクノロジー
                • 2018/02/15 23:53
                • javascript
                • あとで読む
                • 最近のselenium-webdriverの話 - Qiita

                  11 users

                  qiita.com/nazomikan

                  こんにちは、@nazomikanです。 この記事はLIFULL Advent Calender2017 その2の3日目の記事です。 昨年のAdvent Calenderでselenium-webdriver(node)のapi翻訳記事を書きましたが、その当時対象としてた2系から現在はメジャーバージョンアップを挟んで色々と現状が変わってきてるのでその辺の話をします。 ローカルモードでのテスト時にselenium standaloneサーバが不要に v2.43のチェンジセットでFireFoxのネイティブサポートが追加されて、remoteでの実行時を除いてサポート対象の全てのブラウザがstandaloneサーバなしで実行できるようになりました。 (chrome/phantomjsのネイティブサポートは2.34) ※のちにphantomjsとoperaのサポートは切られる ※この当時サポート対象で

                  • テクノロジー
                  • 2017/12/04 01:00
                  • selenium
                  • article
                  • javascript
                  • test
                  • MapboxとGoogle Mapsを比べながらMapboxの本当の素晴らしさを発掘する - Qiita

                    47 users

                    qiita.com/nazomikan

                    こんにちは、@nazomikanです。 この投稿はLifull Advent Calenderの1日目の投稿になります。 本記事はざっくり言うとmapboxすごいよって話です。 ※言うまでもなく素晴らしいgoogle maps apiと比較することでmapboxを深掘りするのが目的で、決してgoogle mapsを貶めるつもりの記事ではないことをご理解ください Mapboxとは 地図サービスです。 GoogleMapsと近い感じでJSやnative appのsdkが公開されてていい感じに開発できるやつです。 データソースはopen streatmapになります。 Google Mapsとの違い タイルのレンダリングについて google mapsは地図をサーバサイドレンダリングして256x256の地図タイル画像として配信してタイル上に配置していきます。 一方でmapboxは地理情報のvec

                    • テクノロジー
                    • 2017/12/01 07:07
                    • MapBox
                    • 3Dプログラミング
                    • 地図
                    • GoogleMap
                    • JavaScript
                    • Google
                    • map
                    • techfeed
                    • API
                    • selenium-webdriverの紹介とAPI翻訳 - Qiita

                      61 users

                      qiita.com/nazomikan

                      こんにちは、中島 (@nazomikan)です。 ※この記事は2016年に書かれた記事でver2系を対象に書いています。 ver3,4-betaで色々変わってるのでその辺についてのキャッチアップはこちらの記事をご利用ください 最近のselenium-webdriverの話 本記事は株式会社ネクスト(Lifull) Advent Calendar 2016の1日目の投稿です。 ブラウザベースのテストツールのseleniumをコードから実行するselenium-webdriverのnode版について導入からAPI紹介までしていきます。 あと手元で作業するにあたってAPIの翻訳(ソース上にうまってるdocsの翻訳)をしてたのでそれも載せておきます(むしろそっちメイン) 導入 webdriverのテスティングについて テストの書き方 よくある使い方 API翻訳 driverのAPI navigat

                      • 学び
                      • 2016/12/02 11:49
                      • selenium
                      • webdriver
                      • api
                      • node.js
                      • test
                      • 2016
                      • あとで読む
                      • tool
                      • JavaScript

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

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

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

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

                      j次のブックマーク

                      k前のブックマーク

                      lあとで読む

                      eコメント一覧を開く

                      oページを開く

                      はてなブックマーク

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

                      公式Twitter

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

                      はてなのサービス

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