タグ

ブックマーク / qiita.com/ykhirao (2)

  • 【Vue.js】いつから「フロントエンド開発でTDDができない」と錯覚していた? - Qiita

    Vue.jsのコンポーネント開発をTDDでやってみる ※ TDD (test-driven development): テスト駆動開発 ※ テスト駆動開発は文化です。チームの「状況」「納期」「スキルレベル」、その他いろんな要因が絡んできた結果、そのチームが導入するかどうか決めたらいいと思います。 ※ 例えがいいかはわかりませんが、私は「早起き」と「テスト」は同じようなものだと思っています。「早起き」は健康にいいよねって誰でも言うと思うけど、実際に万人がやっているかどうかは別じゃないですか。それと同じで「テストすること」も絶対いいことだと私は思っていますが、やるかどうかはチームの置かれている状況によって決まります。この記事は、その「テストを導入するかどうか」という意思決定の一助にでもなれればいいなと思います。 はじめに こんにちは。ぼくです。 今回はVue.jsでTODOアプリを作ってみよう

    【Vue.js】いつから「フロントエンド開発でTDDができない」と錯覚していた? - Qiita
    tuki0918
    tuki0918 2018/06/25
  • フォームで2個のinputをくっつけるUIの話 - Qiita

    はじめに 昔フォームのTitleとCommentを2つくっつけてと依頼が来たことがありました。 (2つの入力欄を上下矢印だけで移動させたいというフォームです) その時はJSよくわかんなかったのと、人日的にギリギリだったのでその実装は断ったのですが、 ちょっと前にそういえばと思い出したので、昔技術的にも時間的にもできなかった壁を越えようかと思い実装しました。 完成形 タイトルとコメント欄が薄い線で区切られていて、上下矢印を使うと行き来できるというUIUXのフォームを作りました。 完成形サンプルはこちらGitHub.ioからどうぞ。 移動方法 title > comment Enter 矢印下 comment > title テキストエリアでカーソルが初めの文字 かつ 矢印上押下 (type="textarea"で普通は上下キーが使えるので、矢印上キーの制御条件を追加した) コードの話 全文

    フォームで2個のinputをくっつけるUIの話 - Qiita
    tuki0918
    tuki0918 2017/06/20
  • 1