Rails（フロントエンドerb）で作ったサービスでiOSだけバグっていた機能があり修正箇所少ない割にハマって数時間溶かしてしまった。 こんな感じの機能 ボタンをクリック →javascriptでtextareaのvalueを取得 →ajaxでAPIにリクエスト送る。レスポンスを受け取…

javascriptでdocument.execCommandを使ってクリップボードにテキストをコピーしているプログラムがあったんだけど最近のブラウザだとこのメソッド使えないらしく代わりになるものを探した。 クリップボードAPIってものがあってこっちを使えばいいらしい。ク…

Vue.jsでカレンダーライブラリを使わず自作のカレンダーを作り始めてみた。create-nuxt-appでプロジェクト作って、とりあえず 月単位で日付表示 月選択 まで実装できたので実装内容書いてみる。 見た目 ソースコード全体 GitHub - ikeyu0806/vue-calendar: V…

useEffect、useStateでhttpリクエストを飛ばしてレスポンスの内容を元にテーブルの内容を描画する画面を書いていた。 で、レスポンスを元に表示した内容をテストしたかった。よくありそうな話だしすんなりいくだろう、、と思ったら思いの他苦戦したので作業…

スマホ、タブレットで表示を変えるときにCSSで@media指定して制御するのはよくやるけど、要素の順番とか配置等ガッツリ見た目に変更足したい時があった。 CSSだとスマホの時に要素の並び替え変えるのはflex指定すればできたりするけどどうも綺麗にいかなかっ…

Rails＋webpacker＋Reactのフロントにテストコードを導入した時のメモ。結構やることがあった。。 最近はReactのテスト環境の動向調べると、テストフレームワークjestにテストユーティリティツールのEnzymeの組み合わせがメジャーっぽいので素直に採用した。…

次の職場のフロントエンドがReactらしいので予習として このサイト のReactチュートリアルやってみた。 +よくわかんないとこググって調べてみた チュートリアルの内容 Reactを使って三目並べのアプリを作るチュートリアル。 Reduxとかルータの話題は出ない。…