並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 17 件 / 17件

新着順 人気順

toggleの検索結果1 - 17 件 / 17件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

toggleに関するエントリは17件あります。 開発uiarticle などが関連タグです。 人気エントリには 『ビッグバンリリース対策でFeature Toggleを導入したら、開発チームが「デプロイできる状態」をより深く考えるようになった - はてなニュース』などがあります。
  • ビッグバンリリース対策でFeature Toggleを導入したら、開発チームが「デプロイできる状態」をより深く考えるようになった - はてなニュース

    ソフトウェア開発において注目されるパフォーマンス指標には、デプロイに関係するものがあります。GoogleがDevOpsの取り組みから発表したFour Keysも、デプロイ頻度のほか、コミットからデプロイできるまでのリードタイム、デプロイにともなう障害発生率とその回復時間と説明されています。 そのためデプロイできるブランチへのマージは小さく、回数を重ねることが推奨されるようになっています。一方で、ビジネス用途のSaaSなどでは顧客との関係から、新機能は適したタイミングで完成度を上げてからリリースしたいという要求もあります。 タレントマネジメントシステム「カオナビ」の開発チームでも同様の課題感を抱えており、その解決のためFeature Toggle(機能トグル)を導入してデプロイとリリースの分離を図りました。その経緯や成果について、導入を主導したCTO室の富所亮さん、サービス開発部で実際にFe

      ビッグバンリリース対策でFeature Toggleを導入したら、開発チームが「デプロイできる状態」をより深く考えるようになった - はてなニュース
    • Feature Toggleを用いたRailsアプリの継続的なリリースと要注意事項 - メドピア開発者ブログ

      はじめに 皆様こんにちは、サーバーサイドエンジニアの草分です。 突然ですが、開発者の皆様、実装したソースコードはこまめにリリースしていますか? 「大きい機能なので開発に時間がかかる」「障害が起きないよう念入りにテストする必要がある」などの理由で、Featureブランチのままコミットグラフが伸びに伸びたりしていませんか? 大きな機能を作ること自体は悪いことではありませんが、大きすぎるFeatureブランチは、本流ブランチとの挙動の乖離やコードの衝突が発生しやすく、レビューやマージに多大な苦労を伴います。 この記事では、この問題の解決策の1つとなる「Feature Toggle」を、Ruby on Railsにおける実装方法と共にご紹介します。 Feature Toggle自体は開発手法の一種であるため、言語/フレームワークを問わず広く活用されています。 Feature Toggleとは 「機

        Feature Toggleを用いたRailsアプリの継続的なリリースと要注意事項 - メドピア開発者ブログ
      • GoのASTを解析してFeature Toggleを掃除する - freee Developers Hub

        この記事はfreee Developers Advent Calendar 2023の21日目の記事です。 こんにちは、金融開発部でEMをしている ogugu です。 今回は、Go言語において Feature Toggle の分岐を掃除するCLIを作ったので、ご紹介します。 ※ 毎年恒例の開発合宿 での成果になります。 Feature Toggle とは Feature Toggle とは、特定機能の有効・無効をフラグによって切り替える方法です。 金融開発部では、以下のように Feature Toggle を実現できるライブラリを用意しています。 if featflg.Enabled(ctx, "feature_name") { doNewLogic() } else { doOldLogic() } 一般に、フラグ設定は、設定ファイル・環境変数・ストレージなどから読み出し、それらに対する

          GoのASTを解析してFeature Toggleを掃除する - freee Developers Hub
        • Feature Toggleについて整理してみました - SRE兼スクラムマスターのブログ

          はじめに みなさんの現場はデリバリーチームとオンコールチームに分かれていますでしょうか? 分かれている現場ではリリースのタイミングは調整が出来ていますか? 我々のチームはデリバリーチームとオンコールチームに分かれているのですが、テスト環境などの関係上 リリースのタイミングの調整に時間がかかりがちで、そのたびにmaster branchのコンフリクトに悩まされてしまったり merge待ちなどが発生してデリバリーのリードタイムが伸びてしまうことがあります。 そこで今回は本番コードに潜在的にプロダクトのコードを埋め込んでも 影響が出ない仕組みが実現できる「Feature Toggles」について調べてみたので整理してみようと思います。 ※この記事ではFeature Togglesの具体的な実装については記載しません Feature Togglesとは Feature Togglesは別名:Fea

            Feature Toggleについて整理してみました - SRE兼スクラムマスターのブログ
          • Don’t Use Inverted Color Cues on Toggle Buttons

            A user made the mistake of posting their private information publicly. They accidentally set their account to public when they wanted it set to private. What caused this error wasn’t the user, but bad toggle button design. The user misperceived the toggle button that controls the public and private modes. The cue for the active state looked inactive to them. Their misperception was caused by the i

              Don’t Use Inverted Color Cues on Toggle Buttons
            • Feature Toggle活用の裏話。LINEスキマニの大規模改修への開発アプローチ

              LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog LINE株式会社およびヤフー株式会社は、2022年11月17日・18日の2日間にわたり、技術カンファレンス「Tech-Verse 2022」をオンライン(ライブストリーミング形式)にて開催しました。特別連載企画「Tech-Verse 2022 アフターインタビュー」では、発表内容をさらに深掘りし、発表で触れられなかった内容や裏話について登壇者たちにインタビューします。今回の対象セッションは「Feature Toggleを用いた大規模改修への開発アプローチin LINEスキマニ」です。 企業とユーザーの「スキマ」時間をマッチングする単発雇用サービス 「LINEスキマニ」では、2022年5月から大規模な機能改修を行っています。大規

                Feature Toggle活用の裏話。LINEスキマニの大規模改修への開発アプローチ
              • TerraformでFeature Toggleを実装する - ROBOT PAYMENT TECH-BLOG

                こんにちは。ROBOT PAYMENTでSREをしています @trunkatree です。 今回は、TerraformでFeature Toggleを実装する機会があったので、それについてご紹介したいと思います。 きっかけ Feature Toggleとは 実装 おわりに きっかけ 今年はじめ頃、請求管理ロボでは本番環境とは別にデモ環境を用意し提供することになりました。このデモ環境は、お試しやシステム連携の開発等で利用していただく環境です。そのため基本的には本番環境と同じ機能を提供し、必要に応じて先行リリースを行うような運用をしています。 アプリケーションに加えTerraformでの開発も必要な機能を先行リリースしたいという話が出てきました。環境ごとに別のソースコードをデプロイしたい場合、環境ごとにブランチを分ける運用(例えば本番環境はmainブランチでデモ環境はdemoブランチなど)にす

                  TerraformでFeature Toggleを実装する - ROBOT PAYMENT TECH-BLOG
                • A Dark Mode Toggle with React and ThemeProvider | CSS-Tricks

                  I like when websites have a dark mode option. Dark mode makes web pages easier for me to read and helps my eyes feel more relaxed. Many websites, including YouTube and Twitter, have implemented it already, and we’re starting to see it trickle onto many other sites as well. In this tutorial, we’re going to build a toggle that allows users to switch between light and dark modes, using a <ThemeProvid

                    A Dark Mode Toggle with React and ThemeProvider | CSS-Tricks
                  • Dark Mode Toggle - ダークモード切り替え用Webコンポーネント

                    macOSから始まったダークモードは一気に広がっています。デスクトップはもちろん、Webサイトにおいてもダークモードの需要が高まっています。しかし、単純に暗いCSSを用意すれば良いだけではありません。 ユーザにとって使いやすいダークモードを提供するために使ってみたいのがDark Mode Toggleです。Googleが作成したダークモード用のカスタムエレメントです。 Dark Mode Toggleの使い方 HTMLへの記述は次のようになります。 <dark -mode-toggle id="dark-mode-toggle-1" legend="Theme Switcher" appearance="switch" dark="Dark" light="Light" remember="Remember this" ></dark> 右上に表示されているのがダークモードの切り替えコンポ

                      Dark Mode Toggle - ダークモード切り替え用Webコンポーネント
                    • GitHub - propjockey/css-sweeper: MineSweeper implemented in CSS + HTML using the Space Toggle trick (no JavaScript!)

                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                        GitHub - propjockey/css-sweeper: MineSweeper implemented in CSS + HTML using the Space Toggle trick (no JavaScript!)
                      • JavaScript toggle、remove

                        前提・実現したいこと textに入力した時に、空でなければ、on6を付け、空であればon6を外す処理をしています しかし、なぜかtextが空でないにも関わらず、付く→外れる→付く→外れるになります なぜでしょうか? 詳しい方お願いいたします 該当のソースコード <style> .input1 { box-shadow:0px 0px 0px green; transition: 1s ; } .input1.on6 { box-shadow:0px 0px 10px green; } </style> <input type="text" id="inp" oninput="if(inp.value!=''){inp.classList.toggle('on6')}else{inp.classList.remove('on6')}" class="input1">

                          JavaScript toggle、remove
                        • 【JavaScript】classListの使い方まとめ(add.remove.contains.toggle) - Qiita

                          例で解説! まずは下準備 では上記のメソッドを指定した際のclassListの挙動を、簡単な例で解説します! 例えば以下のようなhtmlファイルとCSSファイルがあるとします。 <!DOCTYPE html> <html lang ="ja"> <head> <meta charset = "utf-8"> <link rel="stylesheet" type="text/css" href="../style/classlist.css"> <title>クラスリストテスト</title> </head> <body> <!-- ここから --> <div id = "test">ここの色が変わるよ!</div> <div id = "btn">押して!</div> <!-- ここまでに注目 --> <!-- jsでidを取得したいので、id名をここで指定しています。 --> <scr

                            【JavaScript】classListの使い方まとめ(add.remove.contains.toggle) - Qiita
                          • Why Toggle Tokens Are a Better Alternative to Checkboxes

                            What interface component would you use for selecting options from a large list? For most designers, checkboxes come to mind. But a long list of checkboxes looks intimidating to users and can cause them to abandon your form. Not only that, but checkboxes aren’t efficient or easy to use because they take up space, offer small tap targets, and increase the number of visual elements to manage. A bette

                              Why Toggle Tokens Are a Better Alternative to Checkboxes
                            • GitHub - GoogleChromeLabs/dark-mode-toggle: A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

                              You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

                                GitHub - GoogleChromeLabs/dark-mode-toggle: A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
                              • Stop Misusing Toggle Switches

                                There are times to use toggle switches and times not to. When designers misuse them, it leads to confused and frustrated users. Knowing when to use them requires understanding the different types of toggle states and options. Contextual States Vs. System StatesIt’s easy for designers to confuse toggle switches and toggle buttons because they both manage states, but there’s a fundamental difference

                                  Stop Misusing Toggle Switches
                                • Visual Studio Code 1.67(2022 April)で入った Toggle Inlay Hintsが良い - Shohei Yoshida's Diary

                                  code.visualstudio.com 詳細は公式サイトを見てください。 Visual Studio Codeでは上記のように型を書いていなくても型を表示してくれるわけですが, 正直うざいと思うことが多い。特にあまり型を明示的に書かない F#や Rustの場合. 見た目もそうなのだが, 文字を挿入したり削除するときどこにカーソルを合わせるのが適切なのかがわかりづらかったりする問題もあってあまり好きではなかった。ただしどうしても型を知りたいこともあり有効にするか悩ましかったのだが, 先のフラストレーションの方が大きかったので一部機能を無効化していた(F#では細かく設定できたため, 変数と関数呼び出しの型表示を無効化していた). 1.67で入った Toggle Inlay Hintsがこの問題を解消してくれた. editor.inlayHints.enabled は on, off しかで

                                    Visual Studio Code 1.67(2022 April)で入った Toggle Inlay Hintsが良い - Shohei Yoshida's Diary
                                  • Addon :Toggle Translated UI(日本語/英語UI表示ワンタッチ切替アドオン)

                                    【概要】 このToggle Translated UIアドオンはご存知ですか? もうだいぶ昔にBlender.jp管理人のYamyamさんが作成してくれたアドオンで、英語UIと日本語UIを行ったり来たりする人には必須なアドオンです。この度、私が2.8版でも動くように少し手を加えさせて頂きました。その後のバージョンのBlenderでも動作しています。 普段、英語UIを使わないで、日本語UIにしている人も、海外のチュートリアル動画を見たときに英語UIの方が見やすい場合もあります。そんな場合にこのアドオンを使うと、いちいちユーザー設定を変更しに行かなくても、ボタンひとつで切り替えられるので便利です。 【入手方法】 このリンクから。 【使い方】 最初に、ユーザー設定の「インタフェース」の部分で日本語UI設定にします。 続いて、本アドオンを有効にします。 後は、日本語UIと英語UIを切り替えたいとき

                                      Addon :Toggle Translated UI(日本語/英語UI表示ワンタッチ切替アドオン)
                                    1

                                    新着記事