JavaScript 【React】条件分岐レンダリングのパターン集
こんにちは、かつコーチです。前回はイベントハンドリングを使って、ユーザー操作から状態を更新する方法を解説しました。状態が扱えるようになると、次に欲しくなるのが「状態によって表示を切り替える」機能です。ログイン状態によってボタンを出し分けたり...
基本文法
JavaScript JavaScript 【React】イベントハンドリングの書き方（onClick等）
こんにちは、かつコーチです。前回は useState を使って、コンポーネントに状態を持たせる方法を解説しました。状態を更新するには、ボタンを押す・文字を入力するといった「ユーザー操作」をきっかけにする必要があります。今回は、そのきっかけを...
JavaScript 【React】useStateの基本：状態を持つコンポーネントを作る
こんにちは、かつコーチです。前回はPropsを使って、親から子へ値を渡す方法を解説しました。ただ、Propsだけでは「コンポーネント自身が持つ、変化する値」を扱うことはできません。たとえばボタンを押すたびに数字が増えるカウンターのような機能...
JavaScript 【React】Propsでコンポーネントに値を渡す方法
こんにちは、かつコーチです。前回は仮想DOMの仕組みを見ながら、Reactがなぜ速いのかを解説しました。今回は、React学習で最初につまずきやすいポイントの一つ「Props」を扱います。コンポーネントに値を渡すための仕組みなのですが、最初...
JavaScript 【Vue】v-for・v-ifでリスト表示と条件分岐を書く
こんにちは、かつコーチです。前回は v-model によるフォームの双方向バインディングを扱いました。今回は、Vueの基本文法シリーズの締めくくりとして、リストを繰り返し表示する v-for と、条件によって表示・非表示を切り替える v-i...
JavaScript 【Vue】v-modelでフォームの双方向バインディングを実装する
こんにちは、かつコーチです。前回は v-bind で属性を動的にバインドする方法を扱いました。今回は、フォーム入力とデータをつなぐ v-model について解説します。v-model はVueの中でも特に「魔法っぽく見える」機能ですが、中身...
JavaScript 【Vue】v-bindで属性・プロパティを動的にバインドする
こんにちは、かつコーチです。前回は v-on によるイベントハンドリングを扱いました。今回は、HTML属性やコンポーネントのプロパティを「動的に」切り替える v-bind ディレクティブを解説します。v-on が「操作を検知する」仕組みなら...
JavaScript 【Vue】methodsとイベントハンドリング（v-on）の書き方
こんにちは、かつコーチです。前回はcomputedで算出プロパティを扱いました。今回は、ボタンのクリックやフォームの入力など「ユーザーの操作」に反応する仕組み、v-on ディレクティブとイベントハンドラの書き方を解説します。画面が「動く」感...
JavaScript 【Vue】computedで算出プロパティを使いこなす
こんにちは、かつコーチです。前回は ref と reactive の違いを扱いました。今回は、Vue.jsの学習でほぼ全員がつまずく「computed」について解説します。「メソッドで同じことができるのに、なぜcomputedを使うの？」と...
JavaScript 【Vue】refとreactiveの違い：Vueのリアクティブシステム入門
こんにちは、かつコーチです。前回は記法対応表でuseStateとrefの対応を軽く紹介しました。今回はそのrefをもう少し深掘りしつつ、もう一つの選択肢であるreactiveとの違いを整理していきます。「結局どっちを使えばいいの？」という疑...
Python 【Python】型ヒント（Type Hints）の書き方入門
こんにちは、かつコーチです。チームで開発しているコードに、def greet(name: str) -> str:のような記述を見かけて、「これは何のためにあるのか」と気になったことはないでしょうか。「型ヒントを書いても、実行結果は変わらな...
Python 【Python】コンテキストマネージャ（with文）の仕組みと自作方法
こんにちは、かつコーチです。with open("file.txt") as f:というコードは頻繁に書くものの、裏側の仕組みまでは説明できない、という方は少なくないと思います。「なぜwithを使うとファイルを閉じ忘れないのか」「自分でwi...
Python 【Python】ジェネレータとyieldの使い方
こんにちは、かつコーチです。大きなファイルを読み込む処理を書いていて、メモリを大量に消費してしまった経験はないでしょうか。「yieldってreturnと何が違うの」「ジェネレータを使うと何が嬉しいのか分からない」そう感じている方も多いと思い...
Python 【Python】ラムダ式とmap・filter・reduceの使い方
こんにちは、かつコーチです。他人が書いたPythonのコードを読んでいて、lambda x: x * 2のような記述に出くわし、手が止まった経験はないでしょうか。「lambdaって何」「mapやfilterは内包表記と何が違うの」そう感じて...
Python 【Python】プロパティ（@property）でgetter/setterを実装する方法
こんにちは、かつコーチです。他の言語からPythonに来た方が戸惑いやすいのが、getter/setterの書き方の違いです。「JavaみたいにgetName()、setName()って書かなくていいの？」「@propertyってdecor...
Python 【Python】デコレータの基本：関数を拡張する仕組みを解説
こんにちは、かつコーチです。Pythonのコードを読んでいると、関数の上に@から始まる記述がついているのを見かけることがあります。「この@login_requiredみたいなのは何？」「デコレータって難しそうで避けてきた」そう感じている方も...
Python 【Python】継承とオーバーライドの書き方をわかりやすく解説
こんにちは、かつコーチです。クラスの基本を覚えると、次に気になってくるのが継承です。「似たクラスを何個も作るのが面倒」「共通の処理はまとめたいけど、一部だけ変えたい」そんな悩みを解決してくれるのが、継承とオーバーライドという仕組みです。この...
Python 【Python】クラスとオブジェクト指向の基本をわかりやすく解説
こんにちは、かつコーチです。Pythonの学習を進めていくと、必ず出てくるのがクラスという概念です。「classって何のために使うの？」「selfって何を指しているの？」このあたりで挫折しかけた経験がある方も、少なくないのではないでしょうか...
Python 【Python】スライスの応用テクニック（逆順・間引き等）を解説
こんにちは、かつコーチです。Pythonのスライスは、リストの基本操作としてlistのような書き方をすでに使っている方も多いと思います。ただ、スライスにはという第3の要素があることをご存じでしょうか。「リストを逆順にしたい」「1つおきに要素...
Python 【Python】enumerate()でインデックス付きループを書く
こんにちは、かつコーチです。リストをループしながら「今何番目の要素か」を知りたい場面はよくあります。range(len(リスト))を使って何とか書いている方もいるのではないでしょうか。この記事では、range(len())との比較を交えなが...