Help us understand the problem. What is going on with this article?
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
とある休日 娘「ねぇ、パパ!」 娘「switchやろ〜!」 ワイ「おお、ええで!娘ちゃん!」 ワイ「Switchやろう!」 ワイ「ほな、テレビをつけて・・・」 娘「テレビ?」 娘「何を言っているの、パパ?」 娘「TypeScriptのswitch文のことだよ?」 ワイ「ファッ!?」 switch文で何をしたいのか 娘「今ね、ショッピングサイトを構築してるところなの」 ワイ「ほうほう」 娘「それでね、手広く儲けようと思って」 ワイ「おお、ええやんか」 娘「個人ユーザーだけじゃなく、法人ユーザーも登録できるようにしようと思うの」 ワイ「なるほどな」 娘「言語はTypeScriptを使っているんだけど」 娘「ちょっと聞きたいことがあるの」 ワイ「おう、なんでも聞いてや」 あいさつ関数を作っている 娘「ショッピングサイトにログインしたときに・・・」 個人の場合 → 「無職 やめ太郎さん、こんにちは
一昔前のCSSと比較すると、ここ数年でCSSはかなり進化しました。calc()で数式が扱えるようになり、変数、条件分岐、ループ、論理演算なども使用できます。CSSでロジックをどう記述するのか、ブログラミング言語的な実装を紹介します。 Writing Logic in CSS by Daniel Schulz TwitterでCSSがプログラミング言語なのかと話題になっていました。その前から本記事の翻訳に取り組んでいたのですが、非常に興味深い記事でした。CSSは宣言型プログラミング言語ですが、JavaScriptのような命令型の要素も増えてきて、一昔前からかなり進化しています。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの制御構造 CSSの実装テクニック 終わりに はじめに CSSは、スタイルのシステムに特化
テストコード内では条件分岐を書かないようにする 2023.01.21 誰でも読める愚直なコードであることの 1 つの目安として、テストコードの中に if 文や三項演算子などの条件分岐が入り込んでいていないことが上げられます。if 文が存在するコードはアンチパターンであるといえます。実際に if 文がテストコードの中に入り込んだ例を見てみましょう。 テストコードは誰でも読める愚直なコードであることが求められます。テストコードにはある種のドキュメントのような、コードの仕様を説明する役割が求められているためです。テストの期待結果が変数になっていて、定義元までジャンプしないと値を確認できないだとか、条件分岐やループが入り込んでいて複雑性が上がっている状態ですと、素直に読みやすいとは言えません。 コードの中では重複排除をするためにさまざまなテクニックを駆使することがありますが、これは単にテストコード
はじめに React書いてますか? ReactもFunctional Componentが主流になっていることにより、必然的に関数型で書き進めることになっていると思います。 そんな令和時代、毎度困る場面の一つが条件分岐。 js・tsの条件分岐といえば、if文、switch文、三項演算子など種類は様々。 どういうときにどの形式で書くのか毎度迷うし、その選定を間違えたら汚いコードになりがち。 そこで、今回は条件分岐を書き方の個人的ベストプラクティスを書いていきます! 基本方針 条件分岐の結果を何かの変数に収める これを意識するだけで割とすぐに関数型っぽくなります。可読性やテスト容易性、変更容易性なども上がります。 これの代表的な例が三項演算子だったりします。
本記事を対象とする人 TS,JSで極力letではなくconstを使うべきと思っている人 結論 ts-patternが便利 https://github.com/gvergnaud/ts-pattern 解説 何かのオブジェクトを参照して場合分けして、変数を定義したい場合があると思います 例 let platform = ''; if (game.name === 'ff3') { platform = 'fc'; } else if (game.name === 'ff4') { platform = 'sfc'; } const platform = (() => { if (game.name === 'ff3') { return 'fc'; } else if (game.name === 'ff4') { return 'sfc'; } return ''; })(); //--
(※追記 2020/2/19 コメントのご指摘をもとに、記事を修正しました) はじめに 未経験からNode.jsの現場に配属された2019年新卒エンジニアが、学習の振り返りとしてJavaScriptの基礎の基礎をまとめます。 過去のJavaScript基礎シリーズ↓ JavaScriptでvarが推奨されない理由を整理してみた 今回は、多くの書き方が存在するJavaScriptの条件分岐に関して、よりすっきりとした書き方を考えていきます。 Goal 思考停止のelseやswitchから離れる 可読性やリファクタリングのしやすさの観点から、JavaScriptの条件分岐を使いこなす まず「すっきり」を定義する 本記事で目指したい「すっきり」を、以下のように定義します。 コードの可読性が高いこと バグが生まれにくいこと 後からリファクタリングがしやすいこと コードの可読性が高いこと プロジェク
学生時代からデータ解析にはRをメインで使ってきました。Pythonについてはデータ構造やクラス/インスタンスなど最低限知っておくべきPythonの知識は学んだものの,細かい文法・テクニックなどについて詳しくなく,困ったときにはRのノリ + ググった付け焼き刃で乗り越えてきました。最近仕事でPythonを使う機会が段々多くなり体系的に学ぶ必要があると感じ,『Python 実践入門』と『Python言語によるプログラミングイントロダクション』*1など読み進めています。 Python実践入門 ── 言語の力を引き出し、開発効率を高める (WEB+DB PRESS plusシリーズ) 作者:陶山 嶺発売日: 2020/01/24メディア: 単行本(ソフトカバー) Python言語によるプログラミングイントロダクション:世界標準MIT教科書 作者:John V. Guttag発売日: 2016/05
単なるアニメーションにとどまらない!条件分岐やイベント待機など「Tween24.js」の新機能 「Tween24.js」はメソッドチェーンで記述するのが特徴で、たった1行でアニメーションが実装可能なJavaScriptライブラリです。筆者が開発を続けており、今回の2021年8月アップデートでは条件分岐やイベント待機など、アニメーション作成をより柔軟にするための機能追加がメインとなっています。 基本的な使い方や導入方法は、記事「新感覚!メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました」をご覧ください。 今回のアップデート内容 新機能:トゥイーンを条件分岐させるifCase() 新機能:イベントを受け取るまで待機するwaitEvent(), waitEventAndFunc() 新機能:途中で次のトゥイーンへ移行するjump() 新機能:親トゥイーンを進める
「Contact Form 7」はお問い合わせフォームが作成できる、WordPressの定番プラグインです。今回紹介する「Contact Form 7 Conditional Fields」は、Contact Form 7をカスタマイズして条件分岐を追記できるプラグインです。 例えば、お問い合わせフォームの中に設置された「資料の送付を希望しますか」という質問に「はい」と答えた場合のみ住所記入欄を表示する、といった使い方ができます。実用性が高めなフォームなので、ご利用の方は本稿の解説をご参考ください。 インストール方法 WordPressの管理画面から、「プラグイン」→「新規追加」と進み、「Contact Form 7 Conditional Fields」を検索します。もしくは、下記ボタンからダウンロードします。インストールしたら、有効化します。 プラグイン公式ページ 当然のことながら、こ
はじめに こんにちは、サイバーエージェントゲームエンターテイメント事業部、SGEコア技術本部(コアテク)のグラフィックスチームに所属している清原です。 コアテクのグラフィックスチームは、各子会社で利用されるグラフィックス関係の基盤の開発や、開発されているタイトルの描画系の不具合の調査や、パフォーマンスチューニングを日々行っています。 この記事では、シェーダー最適化入門として、基盤の開発や実際に開発されているスマートフォンアプリのパフォーマンスチューニングから得た知見を紹介していきます。 第一回目の連載記事として、何かと話題に上がるシェーダーでの条件分岐について取り上げます。「使ってはダメ」や「今のGPUなら使っても問題ない」など、様々な意見があるかと思いますが、この記事ではGPUの並列処理の仕組みを踏まえて、条件分岐の問題点とその対策についてお話ししていきます。 また、最後にはコアテクのグ
機械学習の講師をしている神部です。 Python を学びはじめた時に〇〇の場合といったような条件分岐の実装をしたいといったことがあると思います。 今回は Python でよく使われる if 文の基本を解説します! if 文は Python に限らずプログラミングにおいて非常に重要な構文になります。 この記事では Python の if 文はどのように書くのか?どのように使うのか?実際のコード例も用いてわかりやすく解説します! 無料!Python & 機械学習入門コース キカガク Learning なら「本当に無料?」と驚かれる、Python & 機械学習入門コースを動画とテキストで学べます!AI・機械学習を学び始めてみませんか?
プロジェクトリーダーという役割をやるにあたって品質保証について考えるようになりました。 品質と一口に言っても「内部品質」と「外部品質」の2点がありますが、エンジニアである以上、内部品質の向上が外部品質を上げる最適解だと思います。 そして内部品質を上げるためにはアーキテクチャを考えることが大切ですが、既存プロジェクトの場合はアーキテクチャが 存在しないレベルでぐっちゃぐちゃ 十分に検討されていないケースも多いです。 そこで、一番手っ取り早くプログラムの可読性を上げる方法は、新規に書くコードをできるだけシンプルに実装することです。 今回はその中でも個人的に使っている条件分岐を少なくする or 見やすくするテクニックについてまとめてみました。 なお、今回の例は「こういうやり方がある」という説明のために利用しているだけで、必ずしもベストな例ではないことをご了承ください。
Power Automate Desktopは、自動化可能な作業の流れ(フロー)をデザインし、実行するためのソフトウェアです。第1回では、Power Automate Desktopでの簡単なフローの作成を行いました。第2回では、条件分岐を組み込んだフローのデザインを行います。フローの途中で条件によっては次に行う作業を切り替えたい、もしくは次の作業を行わせたくないことがあります。フローのある部分だけ、複数の異なる部分フローが存在し、条件によっていずれかだけを選択して実行したい場合に、条件分岐の制御構造が有効です。条件分岐を使用して、部分フローをまとめることで、一つのフローとして表すことができます。 対象読者 Excel/PowerPointなど、一般的なツールの操作を理解している人 RPAツールを用いて業務を自動化したい人 条件分岐 条件分岐とは、条件が成り立っているかどうか判定して、その
はじめに アソビューのフロントエンドテックリードの井上です Next.jsのApp Routerがリリースされてから数ヶ月経ち、本番サービスに適用して運用しているような方々も出てきた今日このごろのフロント界隈かと思います。 弊社でもApp Routerの適用したアプリケーションを開発中です。 さて、これまでフォームのバリデーションライブラリとしてreact-hook-formを使うケースが多かったのですが、Next.jsのServer Actionsへの対応がまだ検証段階(2024/5/23現在)、ということもあり、対抗馬としてRemix や Next.js のようなサーバーフレームワークを完全にサポートするという謳い文句のconformを試してみようと思います。 通常の使い方の解説記事はすでに多くの方が書かれていますので、今回は少し複雑なケースに適用した場合について検証してみました。 は
はじめに 最近、プライベートでデータ分析のツールを作成している関係でpandasというpython外部ライブラリを活用している。が、いざ使って見ると、「pandas?なにそれかわいいの?」と動物のパンダ🐼を連想させるヤバい思考に行きつつある状況になる。 これはまずいと感じ、投稿者はpandasを探し求める旅に出る。 この記事は、pandasを飼いならすためにpandasをSQLっぽく考えるというデータサイエンス初学者に向けた記事となります。 そもそもpandasとは何か pandasとは、構造化された(表形式、多次元、潜在的に不均質)データと時系列データを簡単かつ直感的に操作できるように設計された高速で柔軟な表現力のあるデータ構造を提供するPythonパッケージで、実際的な実世界のデータ分析を行うための基本的な高レベルのビルドを行う事が可能なツールです。 要は、表データをpythonを使
複数行に渡るコマンドを書く 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にも書いてみました。 buildspec.y
Power Automate の Tipsです。 概要 Power Automateでループ (Apply to each/Do until) や条件分岐が入るときに少し厄介なのが、「処理の結果が不明瞭なこと」です。 ループ処理の場合にはいくつ目の処理かはアクションの結果でわかりますが、その時処理された対象のアイテムはそのままではわかりません。 これだとループの中で失敗があったときに問題の分析が遅くなります。(何番目の処理なのか から、どのアイテムかを見ていかないといけない) また条件分岐の時にも、実行結果からわかるのは判定がtrue/falseどちらだったかだけです。 これだと、期待動作だった場合にはよいのですが、意図せぬ結果だった時にやはり問題の分析が遅くなります。 ということで、こういう面倒さを緩和するTipsです。 ループは最初に「作成」をせよ ループの処理対象については、処理開始
EUのGDPRへの対応を支援するために、WordPress4.9.6から管理画面に「プライバシー設定」という項目が追加されました。 参考:WordPress 4.9.6 プライバシー・メンテナンスリリース [設定] – [プライバシー]にアクセスすると、プライバシーポリシーページを設定することができます。 今回は、このプライバシー設定で指定されているプライバシーポリシーページをテーマ内で判別する方法をご紹介したいと思います。 WordPressのプライバシー設定で指定しているプライバシーポリシーページを判別する条件分岐 プライバシーポリシーページを判別するには、is_privacy_policy()を使います。いつの間にか条件分岐が追加されていたと思ったら、WordPress5.2で導入されたみたいです。 具体的には、以下のように条件分岐させることが可能です。 <?php if( is_p
JavaScriptで条件分岐処理をおこなうif文の基本的な使い方や注意点などについて、プログラミング初心者にもわかりやすいようにコード例とともに解説していきます。また、論理演算子やif文の省略形の書き方などのif文の応用的な書き方についても紹介します。 JavaScriptで条件の分岐処理を記述するにはif文を使います。 if文を使うことで、「もし〇〇ならこの処理」「そうでなければこの処理」というように条件によって処理を分けることが可能です。 今回はJavaScriptでのif文の基本的な書き方と、より細かい条件をつける方法について解説していきます。 Javascriptでのif文の基本的な書き方 では、早速Javascriptでif文を書いていきましょう。 if (条件式) { 条件式が成り立った場合、処理を実行する } if文では、()内の条件式が成り立つ場合に{}内の処理が実行され
はじめに if分岐を減らすコードの有用性⇒なぜか三項演算子の話に置き換えられるってのをTwitterで見かけたので、実例を挙げてみました。 言語に寄らない知識なので使う言語はなんでもいいのですが、私が今使っているgolangで説明させていただきます。 なんで条件分岐が少ないと嬉しいのか? 個人的には、頭に優しくなるのが一番のメリットだと思っています。 頭に優しい どこに分岐があるのかを考える箇所が減る 今なんの分岐中なのか?を考える箇所が減る もう少し客観的な理由をまとめます。 影響範囲の複雑さを減らす 分岐処理がいたるところにあると、分岐処理が増えた時にいたるところに手を入れる必要があります。 しかし、これが分岐を減らして特定の場所に分岐がまとまっていくと、結果分岐に影響するコードの範囲が減ります。 疎結合なコードを作るのは大事ですよね テストの複雑さを減らす テスト設計、皆さんどうして
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 = 2;
Conditional Fields for CF7 は「Contact Form 7」のお問い合わせフォームに条件分岐を追加できるWordPressプラグインです。 メールフォームの選択項目に合わせて、フォームの入力フィールドを条件分岐させて表示することができます。難しいプログラミングのスキルは不要です。 フォームの選択項目の内容に合わせて、入力フォームを条件分岐させることにより、お問い合わせフォームを利用者に合わせて最適化させることができます。 ちなみに、このプラグインを利用するには「Contact Form 7」が必要になります。 事前にインストールして設定を済ませておいて下さい。 はじめに このプラグインが優れていること メールフォームの内容を条件分岐させる機能を追加できる。(プログラミング不要) 「Contact Form 7」の機能を拡張するプラグインです。 フォームの選択項目
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 %} 「もし 商品のタイトルが
はじめに 皆さん、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
使い方 element.classList.contains('クラス名')の形式で使います。 対象の要素にクラス名が含まれていれば「true」、含まれていなければ「false」が返ります。 サンプルコード 下記のようなHTMLにclassList.contains()を使ってみましょう。
Event HandlerとuseStateについて紹介していきます。ユーザーがボタンを押下する、何か画面に入力するなどの操作をトリガーとして、定義したイベントを実行する仕組みになります。useStateと組み合わせて使うことがあるため、一緒に紹介します。 本記事では、前回記事で使ったコードを元に変更・追加をしていきます。 条件分岐によるcomponent表示切り替え方法だけであれば、本記事内のコードだけで理解できるようにしています。 2.条件分岐による切り替え「Add New」ボタンのクリックにより、表示内容を切り替え、「Cancel」ボタンによって元の表示にする例を紹介します。 条件分岐による切り替え方法は、いくつかあります。 2.1 && を使うNewExpense.js import React, { useState } from 'react'; import ExpenseF
SQLのWHERE文を、pandas(python)のqueryメソッドを使ってデータの条件分岐を表現して見たPythonSQLDBpandasデータサイエンス はじめに 最近、プライベートでデータ分析のツールを作成している関係でpandasというpython外部ライブラリを活用している。が、いざ使って見ると、「pandas?なにそれかわいいの?」と動物のパンダ🐼を連想させるヤバい思考に行きつつある状況になる。 これはまずいと感じ、投稿者はpandasを探し求める旅に出る。 この記事は、pandasを飼いならすためにpandasをSQLっぽく考えるというデータサイエンス初学者に向けた記事となります。 そもそもpandasとは何か pandasとは、構造化された(表形式、多次元、潜在的に不均質)データと時系列データを簡単かつ直感的に操作できるように設計された高速で柔軟な表現力のあるデータ構
スマートカスタムフィールド – Smart Custom Fields でラジオボタンの条件分岐を表示する方法をご紹介します。 やりたいこと カスタムフィールドでラジオボタンの項目を作成して、選んだ項目ごとに別の内容を表示させます。 管理画面の設定 Smart Custom Fields の設定画面でタイプ「ラジオボタン」を選択します。今回は例として下記のように設定します。 タイプ:ラジオボタン 名前:パート 選択肢:ギター(guitar)、ベース(bass)、ドラム(drums) こんな感じで投稿ページに表示されます。 テンプレートページのソース <?php $part = SCF::get('パート'); if ($part == 'guitar') { echo 'ギター'; } elseif ($part == 'bass') { echo 'ベース'; } elseif ($pa
IE11だけコードエラーが出る jQueryのmouseenter/mouseleaveが、IE11だけエラーが出て動作せず困ってしまいました。。。 (Edgeは大丈夫だったのに) 他のブラウザでは問題ないので、 とにかくIE11はこのjavaScriptを起動させないようにしようと思い、 色々試してみました。 条件分岐でIE11のエラー回避を試す javaScriptを使った判定 こちらを参考にさせていただきましたm(_ _)m https://developers.wano.co.jp/311/ var userAgent = window.navigator.userAgent.toLowerCase(); if( userAgent.match(/(msie|MSIE)/) || userAgent.match(/(T|t)rident/) ) { //IEの時、mouseente
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く