並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 41件

新着順 人気順

条件分岐の検索結果1 - 40 件 / 41件

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

条件分岐に関するエントリは41件あります。 プログラミングprogrammingjavascript などが関連タグです。 人気エントリには 『6歳娘「パパ、型による条件分岐はできないの?」 - Qiita』などがあります。
  • 6歳娘「パパ、型による条件分岐はできないの?」 - Qiita

    とある休日 娘「ねぇ、パパ!」 娘「switchやろ〜!」 ワイ「おお、ええで!娘ちゃん!」 ワイ「Switchやろう!」 ワイ「ほな、テレビをつけて・・・」 娘「テレビ?」 娘「何を言っているの、パパ?」 娘「TypeScriptのswitch文のことだよ?」 ワイ「ファッ!?」 switch文で何をしたいのか 娘「今ね、ショッピングサイトを構築してるところなの」 ワイ「ほうほう」 娘「それでね、手広く儲けようと思って」 ワイ「おお、ええやんか」 娘「個人ユーザーだけじゃなく、法人ユーザーも登録できるようにしようと思うの」 ワイ「なるほどな」 娘「言語はTypeScriptを使っているんだけど」 娘「ちょっと聞きたいことがあるの」 ワイ「おう、なんでも聞いてや」 あいさつ関数を作っている 娘「ショッピングサイトにログインしたときに・・・」 個人の場合 → 「無職 やめ太郎さん、こんにちは

      6歳娘「パパ、型による条件分岐はできないの?」 - Qiita
    • CSSは確実に進化している! 変数、条件分岐、ループ、論理演算など、ロジックに記述するCSSの実装テクニック

      一昔前のCSSと比較すると、ここ数年でCSSはかなり進化しました。calc()で数式が扱えるようになり、変数、条件分岐、ループ、論理演算なども使用できます。CSSでロジックをどう記述するのか、ブログラミング言語的な実装を紹介します。 Writing Logic in CSS by Daniel Schulz TwitterでCSSがプログラミング言語なのかと話題になっていました。その前から本記事の翻訳に取り組んでいたのですが、非常に興味深い記事でした。CSSは宣言型プログラミング言語ですが、JavaScriptのような命令型の要素も増えてきて、一昔前からかなり進化しています。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの制御構造 CSSの実装テクニック 終わりに はじめに CSSは、スタイルのシステムに特化

        CSSは確実に進化している! 変数、条件分岐、ループ、論理演算など、ロジックに記述するCSSの実装テクニック
      • TypeScriptの条件分岐をスマートに記述するためのTips - Nealle Developer's Blog

        はじめに こんにちは、ARCH チームの立川です。 今回が初めてのテックブログになります。 先日、社内で「条件分岐をスマートに評価する」というテーマで、TypeScript(JavaScript)における条件分岐の書き方について発表する機会がありました。古いコードに触れる中で、見通しの悪い記述を多く見かけることがあったため、発表に至った経緯があります。 この記事では、その発表内容をベースにコードの可読性を高める条件分岐のテクニックをご紹介します。基礎的な内容ではありますが、少しでも役立つヒントがあれば幸いです! 三項演算子をよりスマートに使うためのヒント 三項演算子は非常に便利ですが、状況によってはもっとシンプルで読みやすい代替手段があります。ここでは、等価な三項演算子と比較しながら、それらの方法を紹介します。 null 合体演算子( ?? )を活用する null 合体演算子は、左辺が n

          TypeScriptの条件分岐をスマートに記述するためのTips - Nealle Developer's Blog
        • テストコード内では条件分岐を書かないようにする

          テストコード内では条件分岐を書かないようにする 誰でも読める愚直なコードであることの 1 つの目安として、テストコードの中に if 文や三項演算子などの条件分岐が入り込んでいていないことが上げられます。if 文が存在するコードはアンチパターンであるといえます。実際に if 文がテストコードの中に入り込んだ例を見てみましょう。 テストコードは誰でも読める愚直なコードであることが求められます。テストコードにはある種のドキュメントのような、コードの仕様を説明する役割が求められているためです。テストの期待結果が変数になっていて、定義元までジャンプしないと値を確認できないだとか、条件分岐やループが入り込んでいて複雑性が上がっている状態ですと、素直に読みやすいとは言えません。 コードの中では重複排除をするためにさまざまなテクニックを駆使することがありますが、これは単にテストコードに適応するべきではあり

            テストコード内では条件分岐を書かないようにする
          • 【React】関数型プログラミングを実践する上での、条件分岐の俺的ベストプラクティス

            はじめに React書いてますか? ReactもFunctional Componentが主流になっていることにより、必然的に関数型で書き進めることになっていると思います。 そんな令和時代、毎度困る場面の一つが条件分岐。 js・tsの条件分岐といえば、if文、switch文、三項演算子など種類は様々。 どういうときにどの形式で書くのか毎度迷うし、その選定を間違えたら汚いコードになりがち。 そこで、今回は条件分岐を書き方の個人的ベストプラクティスを書いていきます! 基本方針 条件分岐の結果を何かの変数に収める これを意識するだけで割とすぐに関数型っぽくなります。可読性やテスト容易性、変更容易性なども上がります。 これの代表的な例が三項演算子だったりします。

              【React】関数型プログラミングを実践する上での、条件分岐の俺的ベストプラクティス
            • TypeScriptで条件分岐時の可読性の高い変数設定 - Qiita

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

                TypeScriptで条件分岐時の可読性の高い変数設定 - Qiita
              • CSS で条件分岐を行う `@when/@else` ルール

                Note @when/@else アットルール 2024 年 6 月 22 日現在サポートされているブラウザはありません。実装状況については Can I use を参照してください。 CSS @when/@else アットルールは @media や @support のような条件付き規則をまとめて記述するためのルールです。例えばメディアクエリを使って画面サイズが 640px 以上の場合には要素を表示し、それ以外の場合には非表示にするようなスタイルを記述する場合、以下のように記述できます。 @when media (min-width: 600px) { .box { display: block; } } @else { .box { display: none; } } @when ルールには boolean を返す条件を記述し、条件が true の場合にブロック内のスタイルを適用します

                  CSS で条件分岐を行う `@when/@else` ルール
                • インラインで条件分岐する CSS の if() 関数

                  Note 2025 年 3 月現在 if() 関数は Chrome Canary で Experimental Web Platform Features フラグを有効にすることで利用可能です。 if() 関数は CSS Values and Units Module Level 5 という仕様で提案されている関数です。if() 関数は CSS でインラインの条件分岐を可能にします。 if() 関数の概要 CSS の if() 関数は引数に <条件>:<値> のペアのリストを取り、最初に <条件> が真となる値を返します。条件のリストは ; で区切られます。 .foo { color: if(style(--variant: dark): white; else: black); } <条件> には以下を指定できます。 supports():指定した CSS の構文がサポートされている場合

                    インラインで条件分岐する CSS の if() 関数
                  • Python,Ruby,PHP,Java,JavaScript,Perlの条件分岐の比較 | プログラミング言語比較 - Qiita

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

                      Python,Ruby,PHP,Java,JavaScript,Perlの条件分岐の比較 | プログラミング言語比較 - Qiita
                    • OpenTelemetryのRouting Connectorを使って条件分岐とサンプリングをシンプルにしてみた - kmuto’s blog

                      OpenTelemetryのトレースシグナル取得をする上で、ユーザーの属性に応じてサンプリングを調整したいことがある。たとえば以下のような具合だ。 userType=freeの場合は1%サンプリング(1%拾い、99%は廃棄) standardなどほかのuserTypeの場合は全サンプリング(全部拾う) テールサンプリングかな?と思うところだが、これは少々問題がある。 tail_sampling: decision_wait: 10s policies: - name: free_sampling type: and and: and_sub_policy: - name: match_free type: ottl_condition ottl_condition: span: - attributes["userType"] == "free" - name: probabilistic

                        OpenTelemetryのRouting Connectorを使って条件分岐とサンプリングをシンプルにしてみた - kmuto’s blog
                      • 単なるアニメーションにとどまらない!条件分岐やイベント待機など「Tween24.js」の新機能 - ICS MEDIA

                        単なるアニメーションにとどまらない!条件分岐やイベント待機など「Tween24.js」の新機能 「Tween24.js」はメソッドチェーンで記述するのが特徴で、たった1行でアニメーションが実装可能なJavaScriptライブラリです。筆者が開発を続けており、今回の2021年8月アップデートでは条件分岐やイベント待機など、アニメーション作成をより柔軟にするための機能追加がメインとなっています。 基本的な使い方や導入方法は、記事「新感覚!メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました」をご覧ください。 今回のアップデート内容 新機能:トゥイーンを条件分岐させるifCase() 新機能:イベントを受け取るまで待機するwaitEvent(), waitEventAndFunc() 新機能:途中で次のトゥイーンへ移行するjump() 新機能:親トゥイーンを進める

                          単なるアニメーションにとどまらない!条件分岐やイベント待機など「Tween24.js」の新機能 - ICS MEDIA
                        • tonkotutarou on Twitter: "仕事で説明文を書く際のコツ💯💯💯 ・一文一意(人類の90%は、1文に2つ以上の話題を理解できない) ・箇条書きを多用(人類の90%は、長文を処理する短期記憶が無い) ・条件分岐を使わない(人類の90%は、条件分岐を処理できない)… https://t.co/1IaXJkvXKS"

                          仕事で説明文を書く際のコツ💯💯💯 ・一文一意(人類の90%は、1文に2つ以上の話題を理解できない) ・箇条書きを多用(人類の90%は、長文を処理する短期記憶が無い) ・条件分岐を使わない(人類の90%は、条件分岐を処理できない)… https://t.co/1IaXJkvXKS

                            tonkotutarou on Twitter: "仕事で説明文を書く際のコツ💯💯💯 ・一文一意(人類の90%は、1文に2つ以上の話題を理解できない) ・箇条書きを多用(人類の90%は、長文を処理する短期記憶が無い) ・条件分岐を使わない(人類の90%は、条件分岐を処理できない)… https://t.co/1IaXJkvXKS"
                          • 問合せフォームに条件分岐が設定できるプラグイン「Contact Form 7 Conditional Fields」の基本的な使い方 – ワードプレステーマTCD

                            「Contact Form 7」はお問い合わせフォームが作成できる、WordPressの定番プラグインです。今回紹介する「Contact Form 7 Conditional Fields」は、Contact Form 7をカスタマイズして条件分岐を追記できるプラグインです。 例えば、お問い合わせフォームの中に設置された「資料の送付を希望しますか」という質問に「はい」と答えた場合のみ住所記入欄を表示する、といった使い方ができます。実用性が高めなフォームなので、ご利用の方は本稿の解説をご参考ください。 インストール方法 WordPressの管理画面から、「プラグイン」→「新規追加」と進み、「Contact Form 7 Conditional Fields」を検索します。もしくは、下記ボタンからダウンロードします。インストールしたら、有効化します。 プラグイン公式ページ 当然のことながら、こ

                              問合せフォームに条件分岐が設定できるプラグイン「Contact Form 7 Conditional Fields」の基本的な使い方 – ワードプレステーマTCD
                            • WordPressでよく使う条件分岐(if、while)のススメ🏃 | AndHA Blog

                              WordPressでよく使う条件分岐(if、while)のススメ🏃 公開日 : 2022.03.07 最終更新日 : 2022.10.05 コーディング こんにちは、AndHAコーディング部です。 弊社はお客さまからのご依頼でWordPressを使ったサイト構築を数多く手がけており、WordPressに特化したメディアサイトである「WPWeb」も運営しています! WordPress特化型メディアサイト【WPWeb】 (and-ha.com) WordPressをカスタムしていくには各ページごとの条件分岐が重要となってきます。今回はよく使う条件分岐をご紹介していきたいと思います。

                                WordPressでよく使う条件分岐(if、while)のススメ🏃 | AndHA Blog
                              • 【Excel】大量の条件分岐にIF/IFS関数を使って混乱! SWITCH関数でシンプルにするテク【いまさら聞けないExcelの使い方講座】

                                  【Excel】大量の条件分岐にIF/IFS関数を使って混乱! SWITCH関数でシンプルにするテク【いまさら聞けないExcelの使い方講座】
                                • 【Python 入門】条件分岐の基本である if 文の使い方をわかりやすく解説!else/elif も紹介

                                  機械学習の講師をしている神部です。 Python を学びはじめた時に〇〇の場合といったような条件分岐の実装をしたいといったことがあると思います。 今回は Python でよく使われる if 文の基本を解説します! if 文は Python に限らずプログラミングにおいて非常に重要な構文になります。 この記事では Python の if 文はどのように書くのか?どのように使うのか?実際のコード例も用いてわかりやすく解説します!

                                  • シェーダー最適化入門 第1回目「条件分岐を使いこなせ」 - CORETECH ENGINEER BLOG

                                    はじめに こんにちは、サイバーエージェントゲームエンターテイメント事業部、SGEコア技術本部(コアテク)のグラフィックスチームに所属している清原です。 コアテクのグラフィックスチームは、各子会社で利用されるグラフィックス関係の基盤の開発や、開発されているタイトルの描画系の不具合の調査や、パフォーマンスチューニングを日々行っています。 この記事では、シェーダー最適化入門として、基盤の開発や実際に開発されているスマートフォンアプリのパフォーマンスチューニングから得た知見を紹介していきます。 第一回目の連載記事として、何かと話題に上がるシェーダーでの条件分岐について取り上げます。「使ってはダメ」や「今のGPUなら使っても問題ない」など、様々な意見があるかと思いますが、この記事ではGPUの並列処理の仕組みを踏まえて、条件分岐の問題点とその対策についてお話ししていきます。 また、最後にはコアテクのグ

                                      シェーダー最適化入門 第1回目「条件分岐を使いこなせ」 - CORETECH ENGINEER BLOG
                                    • プログラミングの思考法が直感的に学べるボードゲーム「ロジックロボット」3月24日発売 テーマはプログラミングの基礎「条件分岐」

                                        プログラミングの思考法が直感的に学べるボードゲーム「ロジックロボット」3月24日発売 テーマはプログラミングの基礎「条件分岐」
                                      • [Pythonクイズ]if文に条件分岐がたくさんある? それならアレの出番ですよね?

                                        【問題】 以下のhandle_command関数では、if文の中で変数commandの値に応じて処理を分岐するようになっている(ただし、サンプルコードなのでここでは処理は単純にprint関数を呼び出すだけ)。このくらいなら問題ないが、コマンドの数がもっと増えると、このif文は長大なものになることが予想される。もっと見やすくスッキリとしたコードに書き換えてみよう。ただし、match文は使わないものとする。 def handle_command(command): if command == 'go': print('go straight') elif command == 'right': print('turn to right') elif command == 'left': print('turn to left') elif command == 'back': print('g

                                          [Pythonクイズ]if文に条件分岐がたくさんある? それならアレの出番ですよね?
                                        • Next.js App Router、Server Actions、Conform、Zodで条件分岐があるフォームを作る - asoview! Tech Blog

                                          はじめに アソビューのフロントエンドテックリードの井上です Next.jsのApp Routerがリリースされてから数ヶ月経ち、本番サービスに適用して運用しているような方々も出てきた今日このごろのフロント界隈かと思います。 弊社でもApp Routerの適用したアプリケーションを開発中です。 さて、これまでフォームのバリデーションライブラリとしてreact-hook-formを使うケースが多かったのですが、Next.jsのServer Actionsへの対応がまだ検証段階(2024/5/23現在)、ということもあり、対抗馬としてRemix や Next.js のようなサーバーフレームワークを完全にサポートするという謳い文句のconformを試してみようと思います。 通常の使い方の解説記事はすでに多くの方が書かれていますので、今回は少し複雑なケースに適用した場合について検証してみました。 は

                                            Next.js App Router、Server Actions、Conform、Zodで条件分岐があるフォームを作る - asoview! Tech Blog
                                          • CodeBuildのbuildspec.ymlに複数行に渡るコマンドを書く & 条件分岐を書く | DevelopersIO

                                            複数行に渡るコマンドを書く CodeBuildのビルド仕様を定義するbuildspec.yml内にて、複数行に渡るコマンドを定義したいです。 失敗 コンソールで複数行に渡るコマンドを実行したい場合は、行末に\を入れます。そうすることで、次行の入力内容も同行として解釈して実行してくれますよね。 % terraform plan -no-color -input=false \ -target="module.base.null_resource.remove_default_coredns_deployment" \ -target="module.base.null_resource.modify_kube_dns" \ -target="module.base.helm_release.coredns" これと同じ様にbuildspec.ymlにも書いてみました。 build: comm

                                              CodeBuildのbuildspec.ymlに複数行に渡るコマンドを書く & 条件分岐を書く | DevelopersIO
                                            • Windows10の無償デスクトップ自動化ツール「Power Automate Desktop」で条件分岐を実装してみよう

                                              Power Automate Desktopは、自動化可能な作業の流れ(フロー)をデザインし、実行するためのソフトウェアです。第1回では、Power Automate Desktopでの簡単なフローの作成を行いました。第2回では、条件分岐を組み込んだフローのデザインを行います。フローの途中で条件によっては次に行う作業を切り替えたい、もしくは次の作業を行わせたくないことがあります。フローのある部分だけ、複数の異なる部分フローが存在し、条件によっていずれかだけを選択して実行したい場合に、条件分岐の制御構造が有効です。条件分岐を使用して、部分フローをまとめることで、一つのフローとして表すことができます。 対象読者 Excel/PowerPointなど、一般的なツールの操作を理解している人 RPAツールを用いて業務を自動化したい人 条件分岐 条件分岐とは、条件が成り立っているかどうか判定して、その

                                                Windows10の無償デスクトップ自動化ツール「Power Automate Desktop」で条件分岐を実装してみよう
                                              • 水際措置緩和で6月から日本帰国後に検査なし・待機なしに。チャートで分かる条件分岐

                                                  水際措置緩和で6月から日本帰国後に検査なし・待機なしに。チャートで分かる条件分岐
                                                • SQLのWHERE文を、pandas(python)のqueryメソッドを使ってDBを条件分岐させてみた - Qiita

                                                  はじめに 最近、プライベートでデータ分析のツールを作成している関係でpandasというpython外部ライブラリを活用している。が、いざ使って見ると、「pandas?なにそれかわいいの?」と動物のパンダ🐼を連想させるヤバい思考に行きつつある状況になる。 これはまずいと感じ、投稿者はpandasを探し求める旅に出る。 この記事は、pandasを飼いならすためにpandasをSQLっぽく考えるというデータサイエンス初学者に向けた記事となります。 そもそもpandasとは何か pandasとは、構造化された(表形式、多次元、潜在的に不均質)データと時系列データを簡単かつ直感的に操作できるように設計された高速で柔軟な表現力のあるデータ構造を提供するPythonパッケージで、実際的な実世界のデータ分析を行うための基本的な高レベルのビルドを行う事が可能なツールです。 要は、表データをpythonを使

                                                    SQLのWHERE文を、pandas(python)のqueryメソッドを使ってDBを条件分岐させてみた - Qiita
                                                  • 【React知見】条件分岐(IF文)とそのネスト - Qiita

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

                                                      【React知見】条件分岐(IF文)とそのネスト - Qiita
                                                    • ループと条件分岐は処理対象を明確に [Tips] - MoreBeerMorePower

                                                      Power Automate の Tipsです。 概要 Power Automateでループ (Apply to each/Do until) や条件分岐が入るときに少し厄介なのが、「処理の結果が不明瞭なこと」です。 ループ処理の場合にはいくつ目の処理かはアクションの結果でわかりますが、その時処理された対象のアイテムはそのままではわかりません。 これだとループの中で失敗があったときに問題の分析が遅くなります。(何番目の処理なのか から、どのアイテムかを見ていかないといけない) また条件分岐の時にも、実行結果からわかるのは判定がtrue/falseどちらだったかだけです。 これだと、期待動作だった場合にはよいのですが、意図せぬ結果だった時にやはり問題の分析が遅くなります。 ということで、こういう面倒さを緩和するTipsです。 ループは最初に「作成」をせよ ループの処理対象については、処理開始

                                                        ループと条件分岐は処理対象を明確に [Tips] - MoreBeerMorePower
                                                      • JavaScript | switch()で条件分岐 複数、範囲指定や比較演算子は?

                                                        switch文のポイント 対象の値とcaseの値は一致か不一致の判別のみ指定可能な値は、数値、文字列で配列の一致等は不可対象の値とcaseの値での範囲指定、比較演算子による比較分岐は不可対象の値、caseの値には変数、数式、関数などを記述できるbreakはswitch文からの処理抜けdefaultはいずれにも該当しなかった場合の処理(省略可能) switch文の基本コード switch (対象の値) { case A: //Aに一致した場合; break; case B: //Bに一致した場合; break; case C: //Cに一致した場合; break; default: //いずれも一致しなかった場合; break; } 数値を分岐対象とする 数値を分岐対象としたサンプルコードです。 caseに指定した値と対象の値が同一のものがあればその部分の処理を実行します。 let num

                                                        • 【Shopify】LiquidのTagを正しく理解しよう【条件分岐・繰り返し】|liquid note | 初学者向けShopify情報ブログ

                                                          LiquidのTagとは? {% if product.title == ” %}など、{% %}で囲んで記述する条件分岐や繰り返しの記述のことです。 基本的にはphpなどと同じようにif文(条件分岐)やfor文(繰り返し)などがあります。 Control flow tags(条件分岐) if {% if product.title == 'テスト商品' %} <p>この商品はテスト商品です</p> {% endif %} まずは基本のif文から。この例なら「もし 商品のタイトルが テスト商品 とイコールだったら」という意味ですね。 特定のタグが入っていたらラベルを表示したりする時に使用します。 unless {% unless product.title == 'テスト商品' %} <p>この商品はテスト商品ではありません</p> {% endunless %} 「もし 商品のタイトルが

                                                            【Shopify】LiquidのTagを正しく理解しよう【条件分岐・繰り返し】|liquid note | 初学者向けShopify情報ブログ
                                                          • Conditional Fields for CF7: フォームを条件分岐できるWordPressプラグイン

                                                            Conditional Fields for CF7 は「Contact Form 7」のお問い合わせフォームに条件分岐を追加できるWordPressプラグインです。 メールフォームの選択項目に合わせて、フォームの入力フィールドを条件分岐させて表示することができます。難しいプログラミングのスキルは不要です。 フォームの選択項目の内容に合わせて、入力フォームを条件分岐させることにより、お問い合わせフォームを利用者に合わせて最適化させることができます。 ちなみに、このプラグインを利用するには「Contact Form 7」が必要になります。 事前にインストールして設定を済ませておいて下さい。 はじめに このプラグインが優れていること メールフォームの内容を条件分岐させる機能を追加できる。(プログラミング不要) 「Contact Form 7」の機能を拡張するプラグインです。 フォームの選択項目

                                                              Conditional Fields for CF7: フォームを条件分岐できるWordPressプラグイン
                                                            • 【TS】switch文を使わずに、オブジェクトリテラルを使って条件分岐を宣言的に書く

                                                              はじめに 皆さん、switch文は使っていますか? 条件の振り分けを記述する際に真っ先に検討される方法だと思います。 ですが、TypeScriptに限らず、switch文は複雑な条件分岐を記述する際にはアンチパターンとなります。 switch (key) { case "ArrowLeft": { move(rowIndex, columnIndex - 1); break; } case "ArrowRight": { move(rowIndex, columnIndex + 1); break; } case "ArrowUp": { move(rowIndex - 1, columnIndex); break; } case "ArrowDown": { move(rowIndex + 1, columnIndex); break; } case "Enter": { handleE

                                                                【TS】switch文を使わずに、オブジェクトリテラルを使って条件分岐を宣言的に書く
                                                              • classList.contains()でクラス名の有無で条件分岐の判定する【JavaScript】 - ウェブつく

                                                                使い方 element.classList.contains('クラス名')の形式で使います。 対象の要素にクラス名が含まれていれば「true」、含まれていなければ「false」が返ります。 サンプルコード 下記のようなHTMLにclassList.contains()を使ってみましょう。

                                                                • React 条件分岐によるComponent表示切り替え方法を理解する #4 - Masa engineer blog

                                                                  Event HandlerとuseStateについて紹介していきます。ユーザーがボタンを押下する、何か画面に入力するなどの操作をトリガーとして、定義したイベントを実行する仕組みになります。useStateと組み合わせて使うことがあるため、一緒に紹介します。 本記事では、前回記事で使ったコードを元に変更・追加をしていきます。 条件分岐によるcomponent表示切り替え方法だけであれば、本記事内のコードだけで理解できるようにしています。 2.条件分岐による切り替え「Add New」ボタンのクリックにより、表示内容を切り替え、「Cancel」ボタンによって元の表示にする例を紹介します。 条件分岐による切り替え方法は、いくつかあります。 2.1 && を使うNewExpense.js import React, { useState } from 'react'; import ExpenseF

                                                                    React 条件分岐によるComponent表示切り替え方法を理解する #4 - Masa engineer blog
                                                                  • SQLのWHERE文を、pandas(python)のqueryメソッドを使ってデータの条件分岐を表現して見た - Qiita

                                                                    #はじめに 最近、プライベートでデータ分析のツールを作成している関係でpandasというpython外部ライブラリを活用している。が、いざ使って見ると、「pandas?なにそれかわいいの?」と動物のパンダ🐼を連想させるヤバい思考に行きつつある状況になる。 これはまずいと感じ、投稿者はpandasを探し求める旅に出る。 この記事は、pandasを飼いならすためにpandasをSQLっぽく考えるというデータサイエンス初学者に向けた記事となります。 #そもそもpandasとは何か pandasとは、構造化された(表形式、多次元、潜在的に不均質)データと時系列データを簡単かつ直感的に操作できるように設計された高速で柔軟な表現力のあるデータ構造を提供するPythonパッケージで、実際的な実世界のデータ分析を行うための基本的な高レベルのビルドを行う事が可能なツールです。 要は、表データをpython

                                                                      SQLのWHERE文を、pandas(python)のqueryメソッドを使ってデータの条件分岐を表現して見た - Qiita
                                                                    • 【WordPress】マルチサイトで現在のサイトを判断する条件分岐 |get_current_blog_id()

                                                                      WordPressでは、インストールした1つのWordPress上で、複数のサイトやブログを運営できるマルチサイト機能があります。 今回は、そのマルチサイトで現在のサイトを判断する条件分岐の例となります。 【WordPress】マルチサイトで現在のサイトを判断する条件分岐の例マルチサイトでサイトを追加すると、サイトを識別する際に利用できる「ブログID」が付与されますが、例ではそのブログIDを利用し、現在のサイトを判断します。 また、マルチサイトのブログIDを確認する方法については、以下のリンク先を参考にしてみてください。 以下、ソースコードの例となり、マルチサイトでブログIDを利用し、現在のサイトを判断する条件分岐となります。 <?php // 現在のサイトのブログIDを取得 $blog_id = get_current_blog_id(); if( $blog_id == 1 ){ //

                                                                        【WordPress】マルチサイトで現在のサイトを判断する条件分岐 |get_current_blog_id()
                                                                      • AIにJavaのif、else、switchについて聞いてみた――条件分岐はフローチャートの方が理解しやすい

                                                                        AIにJavaのif、else、switchについて聞いてみた――条件分岐はフローチャートの方が理解しやすい:AIアシスト時代のJavaプログラミング入門(3) 対話型AIにアドバイスを受けながら進めるJavaプログラミングの入門連載。今回は、プログラムの実行の流れをコントロールする制御構文について、まずは条件分岐を学習します。その最も基本となるif文とswitch文を、条件式を作る際の考え方とともに理解しましょう。また、これらのより簡潔な書き方である条件演算子とswitch式も紹介します。

                                                                          AIにJavaのif、else、switchについて聞いてみた――条件分岐はフローチャートの方が理解しやすい
                                                                        • 【React】JSXで条件分岐を記述する方法をまとめてみた

                                                                          ReactのJSXとは ReactにおけるJSXとは、Reactの要素をHTMLと同じように記述することのできる拡張構文です。 JSXで記述するのは実際にはHTMLではなく、JavaScriptのコードに変換されるものになります。 // 下のコードを変換すると、 import React from 'react'; const Render = () => { return <div>Sample</div>; } // HTMLではなく、下のようなJavaScriptコードに変換される import React from 'react'; const Render = () => { return React.createElement('div', null, 'Sample'); } そのため、実はReactを使う上でJSXの記述は必ずしも必要ではないのですが、ほとんどの場合はその便

                                                                            【React】JSXで条件分岐を記述する方法をまとめてみた
                                                                          • お問い合わせフォームで、選択した内容に応じて入力項目を表示させる条件分岐プラグイン「Conditional Fields for Contact Form 7」 – wordpressのカスタマイズなどWordPress情報ならWPLab

                                                                            お問い合わせフォームで、選択した内容に応じて入力項目を表示させる条件分岐プラグイン「Conditional Fields for Contact Form 7」 お問い合わせフォームで、選択した内容に応じて入力項目を表示させる条件分岐プラグイン「Conditional Fields for Contact Form 7」のご紹介。 お問い合わせフォームで、選択した内容に応じて入力項目を表示させるプラグイン「Conditional Fields for Contact Form 7」のメリット お問い合わせフォームのプラグインContact Form 7をもっと活用するプラグインの1つとして、「Conditional Fields for Contact Form 7」というプラグインがあります。 このプラグインは以下のような状況の時に役に立つプラグインです。 実際のデモページはこちら 名前

                                                                              お問い合わせフォームで、選択した内容に応じて入力項目を表示させる条件分岐プラグイン「Conditional Fields for Contact Form 7」 – wordpressのカスタマイズなどWordPress情報ならWPLab
                                                                            • 初心者でもかんたん理解! Excelマクロの「Ifを使った条件分岐」入門

                                                                              1976年、大阪府生まれ。灘高校、東京大学経済学部卒業後、日系メーカーで17年間勤務。経理や営業、マーケティング、経営企画などに携わり、独学で覚えたエクセルマクロを用いて様々な分析や業務改革を行う。 2017年、GAFAの日本法人のうちの1社へシニアマネージャー(部長)として転職。これまでエクセルマクロを用いた業務改善などで数多くの社内表彰を受けている。手作業では不可能なほど大量のデータを、短時間で分析しやすく加工したことが評価され、社内エクセルマクロ講習会の講師として延べ200人以上に講座を実施。 エクセルマクロについて1から10まで教える詰込み型の学習ではなく、仕事に必要な部分だけを効率的に学べる講座として満足度98%の高い評価を受けている。 4時間のエクセル仕事は20秒で終わる 「エクセルマクロ全体の1割程度を学べば会社の業務の9割以上はカバーできる」 現役GAFA部長がエクセルマク

                                                                                初心者でもかんたん理解! Excelマクロの「Ifを使った条件分岐」入門
                                                                              • 【Shopify】よく使うLiquidの条件分岐 | ねたまめ.com

                                                                                Shopifyのテーマ開発でよく使用する条件分岐を分類してまとめました。順次追記します。 ※網羅したものではありませんので全てのタグは公式のリファレンスをご覧ください。

                                                                                  【Shopify】よく使うLiquidの条件分岐 | ねたまめ.com
                                                                                • 【WordPress】bodyタグのclassの値を変更する例|条件分岐タグ

                                                                                  WordPressでサイトを作成していると、bodyタグのclassの値をページ毎で異なる値にしたい場合があるかもしれません。 今回は、そのような場合に使用できるソースコードの例となります。 bodyタグのclassの値を条件分岐タグを使い変更する例以下が例となり、条件分岐タグを使用し表示されるページによりbodyタグのclassの値を変更しています。 ソースコードを記述する箇所は、テンプレートファイル内のbodyタグの箇所となります。 <?php if (is_front_page() && is_home()){ $body_class = 'home' ; } elseif (is_single()){ $body_class = 'single single-' . get_the_ID() ; } elseif (is_page()){ $body_class = 'page p

                                                                                    【WordPress】bodyタグのclassの値を変更する例|条件分岐タグ

                                                                                  新着記事