vue_ts_cotoha's Issues
emitの使い方を見直す
loadersの追加
Routerを使って画面遷移を制御する
リーダブルコード改善:美しさ
方法
- コード的シルエットに一貫性があるか
- 視覚的手すり(列)がそろっているか
- 順序だった並びになっているか
- 視覚的な踏み石(改行)は適切か?
美しさは、読みやすさに続き、リファクタリングにつながる
リーダブルコード改善:コードの再編成
- 無関係の下位問題を抽出する
- 一度に一つのことをやるようにする
- 最初にコードを言葉で説明してその説明をきれいにしてきれいな解決策を作る
propの関して、親コンポーネントはケバブケース、子コンポーネントはキャメルケース
EdgeでCORSが出ないようにする
slotの使い方を見直す
component-isを使って、componentの切り替えを行う
テキストが改行されない
やることメモ
修正
リーダブルコード改善:制御フローを読みやすくする
- 条件文を自然な順番にする
- 条件文に否定形を使用しない
- 三項演算子を適切に使う
- ネストを浅くする
リーダブルコード改善:コメントすべきことを知る、コメントは正確で簡潔に
- コメントすべきでないことの削除(コードからすぐわかることは削除)
- 監督コメンタリーを意識したコードを書く
- 定数にまつわる背景を書く
- 全体像のコメントを書く
- コードの意図を書く
リーダブルコード改善:巨大な式を分割する
- 巨大な式は分割する
- 説明変数を使う
条件付きレンダリングを使ってみる
ボタン押下に合わせてloadersが機能するように修正する
コンポーネントに対してv-modelを使ってみる
Webアプリの紹介ページを作りたい(モダンな感じで)
Twitterのアイコンが表示される設定
リーダブルコード改善:名前に情報を詰め込む、誤解されない名前
カスタムディレクティブの活用
学んだ内容がスタイルの修正とかだけだった。
ほかにもできるのか試してみて、アプリを導入してみる
アプリの紹介画面を作成する
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.