2020-01-01から1ヶ月間の記事一覧

ARC096 C - Half and Half

備忘録

Vue.jsでハンバーガーメニューと横からスライドするメニューリスト

やりたいこと ヘッダにハンバーガーメニューを置く。 ヘッダをクリックすると、横からメニューがスライドして出てくる。

ABC088 C - Takahashi's Information

備忘録

jsx-a11y/click-events-have-key-events と jsx-a11y/no-static-element-interactionsの対応

備忘録

ABC085 C - Otoshidama

備忘録

JavaScriptのsortは比較方法で実行時間が大きく異なる(ABC153 C - Fennec vs Monster)

結論 数値の配列をソートするときはarr.sort((a,b) => a<b? 1:-1);ではなく、 arr.sort((a,b) => b-a);とするべき。</b?>

react-modalを使用してモーダルを表示する

react-modalサンプル

ABC083 B - Some Sums

備忘録

ABC051 B - Sum of Three Integers

備忘録

ARC004 A - 2点間距離の最大値 ( The longest distance )

備忘録

子要素がウインドウ外に移動したとき、親要素にスクロールバーを表示する

css

備忘録

ABC152 C - Low Elements

備忘録

B - Robot Armsが難しかった

AtCoderのコンテストに初参加した。 キーエンス プログラミング コンテスト 2020

cssの-moz-とか-webkit-とか

css

cssで見かける-moz-とか-webkit-とは ベンダープレフィックス と呼ばれる文字列。 各ブラウザによってCSS3の実装状況が異なるので、プレフィックスを付ける必要がある。 ベンダープレフィックス-CSSの基本 そのベンダープレフィックス、いつまでつけてるの…

JavaScriptで可変長の引数を取るメソッドではapply()を使う

備忘録

Reactのコンポーネントを描画するときに、reduxの`state`を更新すると無限ループに陥る

備忘録

文字列を辞書順で比較

結論 単純に不等号(<)で比較すると、文字列を辞書順で比較した結果を返す。

reduxのstateはイミュータブルだけどイミュータブルじゃない

備忘録

react-draggableで要素のドラッグする

やりたいこと react-draggableを使う github.com

JavaScriptの連想配列で要素を別の要素に書き換える方法

備忘録

react-routerを使ったSPA

やりたいこと React でSPA react-routerを使う github.com

vuejs テンプレート構文内のimgタグが表示されないとき

vueのテンプレート構文内に存在するimgタグsrcプロパティに変数を渡しても画像が描画されないときの対応方法

vue cli3系と4系の違い。プロジェクト作成後の設定ファイル。

備忘録

vueのプロジェクト全体にCSSを適応させる

やりたいこと vueのプロジェクト全体にCSSを適応

レスポンシブWebデザインを行う前に知っておくViewportについて

まとめ スマートフォンのブラウザはViewportのサイズで表示される Viewport ≠ 物理的な画面サイズ Viewport=仮想ウインドウのこと

Reactでmetaタグを設定

やりたいこと Reactのプロジェクトでmetaタグを設定する

CSSの+とか>とか

css

備忘録 デモ(JSFiddle)

Vue.jsでカレンダーを表示させたいときに使うライブラリ

やりたいこと Vueでカレンダーの表示と操作とか 参考 madewithvuejs.com

Veturの読み方

Veturってなんて発音すればいいの?

floatを使用すると、親要素が高さを認識できなくなる

css

備忘録 デモ(JSFiddle)