React開発中に出現したワーニングを対処しました。 ワーニングなのでそこまでクリティカルではないと思いますが備忘として残します。 調査 ワーニングメッセージを直訳すると、 まだマウントされていないコンポーネントでsetState()は呼び出すことができませ…

JavaScriptで使用できるLocalStorageについて学びます。 LocalStorageとは ブラウザにデータを保存できる仕組みです。 公式ドキュメントはこちらです。 使い方 localStorageへデータを保存する //例 localStorage.setItem('key', value); localStorageへデー…

アロー関数について勉強します。 基本の書き方 まずはおなじみの、公式サイトからの引用です。 アロー関数式は、より短く記述できる、通常の function 式の代替構文です。また、this, arguments, super, new.target を束縛しません。アロー関数式は、メソッ…

Reactを学習中なのですが、たびたび出現するbind()メソッドがよくわからなかったため、メモ。 はじめに 結論を言ってしまうと、bind()メソッドを理解するためにはJavaScriptにおけるthisの挙動の理解が必要かもしれません。ひとまず、JavaScriptではthisの扱…

結論 inputタグをdivタグなどで囲む。 その上で、divタグに対してtext-align:centerを指定する。 .center { text-align:center; } <div class='center'> <input type='text'></input> </div> 成り行き input要素に直接text-align:centerを指定しても効かなかったため。 （以下のCSSではテキストボックスが親要素に…

近年のフロントエンド全くわからんのです。 公式ページにチュートリアルもありますので、まずはここからですね。

CSSで背景色などの色を指定する方法がいろいろあるため、まとめました。 以下、４種類の方法を記載していますが、全て同じ色となります。 色名を指定する 16進数で指定する rgbで指定する hslで指定する 色名を指定する .button1 { background: aqua; } CSS…

A - Payment 少し考える必要があるか・・？ 答えは必ず1000より小さい数になり、かつ支払いに使用できるのが1000の倍数円なので、1000の剰余を使用すれば良さそう。 回答は以下。 n = int(input()) if n % 1000 == 0: print(0) else: print(1000 - (n % 1000…

ランレングス圧縮は、可逆性の圧縮アルゴリズムです。 具体的な圧縮方法は、ある文字が連続して何回出ているか、を記録していく方法です。 例を挙げると、「abbccc」という文字列があった場合、「a1b2c3」というように、文字＋連続した回数を繰り返すことで…