あしたからがんばる

プログラミングの話と時々サッカーの話

プログラミング

フロントエンドでURLの入力とリスト表示を作る

作りたいのはブックマークサービスなので、URLを登録できて、自分が登録したURLを一覧したい。 久々に React のサイトを訪れた所、Hooks というのを使うのが今時っぽいので、まずはステートフックを使って、Input に入力した URL をステートとして保持し、一…

styled-componentsを導入する

まずはpackageのインストールから。 npm install styled-components 注意点としては、render メソッドの中で styled component を作るのは良くないとのこと。 styled-components: Basics あと、ユーザーの入力値をスタイル定義で使うような場合はセキュリテ…

フロントエンドの開発を始めるつもりが気づいたらビルド環境整備してた

Nuxt 使ってみたいとか書いたけどなんか思ってたのと違ったのでやっぱやめた。 まだ触ったことないのと久々に React 触ってみたいので、styled-components でやってみる。 開始時点では、node v12.13.1 がローカルに入っているだけの状態。 まずは styled-co…

よくあるWebページを作る

前回のktorのコードに加えて、 application.confとlogback.xmlを追加して、watchの設定もした。 あと、便利らしいのでIntelliJの設定で import * をデフォルトで使うようにしておいた。 参考にしたのはこの辺り。 Gradle - Quick Start - Ktor Logging - Ser…

触りは簡単なやつだけにするはずが謎の深みに嵌るよくある展開

自分用とはいえ、サービスを作るにあたって本当は要件とかから考えるべきなんだろうけど、そんなに頑張れないので適当にサーバサイドから作ることにする。 最近仕事で触ってる ktor を使う。まっさらの状態から組んだことはないので勉強になるだろうし。 Qui…

Babelとwebpackを使ってReactとReduxをビルドする方法を一歩一歩調べた話

ふとjsを書こうと思い立ち、少し調べたところ、何やらReduxが流行っているようでした。 にわかな自分としては、とりあえずReduxに乗っかろうと考えたのですが、Babelとかwebpackとかgulpとか色々出てきて、最終的な設定ファイルの構成だけ見ても何が何やらだ…