jtk

【読書メモ】正しいものを正しくつくる

正しいものを正しくつくる プロダクトをつくるとはどういうことなのか、あるいはアジャイルのその先について作者: 市谷聡啓出版社/メーカー: ビー・エヌ・エヌ新社発売日: 2019/06/14メディア: 単行本この商品を含むブログを見る 正しいものを正しくつくる …

2019年8月 振り返り

結果 ブログ 目標:月 12 回(週 3 回)更新 結果:月 7 回 更新 読書 目標:月 1 冊 結果:月 2 冊 反省点など 読書やVueのクイズを一旦完成までもっていけたが、ブログの更新数がまた達成できず 来月に向けて 来月も忙しそうだが細かめの内容でもメモして…

Backlogでの課題管理など

最近案件でBacklogを使っていて、課題管理など自分なりにやりやすい方法をみつけたのでまとめてみます。 ルール決め(ざっくりとでも) 最初に構想をもつ。 下記に挙げるようなフローにおいて、 どのタイミングで起票するか どのくらいの粒度で課題を立てる…

vue-quiz の Tips

vue-quiz を作った際にでてきたTipsをまとめておきます 同じID(値)を持った配列をまとめたい 今回の場合、ラジオボタン式(単一解答)なら問題ないけど、チェックボックス式(複数解答)のときに整形する必要がでてきた つまり array = [ { id: "1", answe…

Vue.js でクイズをつくる

結構前からやってたような気がするクイズの実装一旦できたので内容まとめようと思います。 GitHub Pages: https://yuheijotaki.github.io/vue-quiz/ GitHub: https://github.com/yuheijotaki/vue-quiz 機能 JSONから設問情報(設問テキスト/選択肢/解答など…

【読書メモ】はじめてのUIデザイン

はじめてのUIデザイン を読みました。 サイトに書かれていますが対象読者は、 UIデザインについて知りたい、勉強したい人 UIデザインの経験はあるが、基本から再入門したい人 開発しているアプリ、サービスのUIデザインをしたいエンジニア UIデザインを理解…

【読書メモ】インタフェースデザインの心理学 ―ウェブやアプリに新たな視点をもたらす100の指針

インタフェースデザイン/Webデザイン分野で評価の高めな本ということで、インタフェースデザインの心理学を読みました。 続編として 続・インタフェースデザインの心理学、派生本として インタフェースデザインの実践教室 があり、「〜の心理学」は Susan W…

2019年前期のWebサイト

2019年で気になったWebサイトをまとめておきます。 いろいろな観点ありますが、デザイン/実装ともに好みのものです。 株式会社オリエントコーポレーション コーポレート/グラデーションやトーン/表示の動きやマウスオーバー/情報整理 https://www.orico.…

2019年7月 振り返り

結果 ブログ 目標:月 12 回(週 3 回)更新 結果:月 7 回 更新 読書 目標:月 1 冊 結果:月 0 冊 反省点など SAA取れず、ブログも読書も目標達成できず。 習慣もないがしろになりつつある。 来月に向けて デザイン関連の本2冊読む。 Vueのクイズももう少…

Loading Placeholder いろいろ

UI

オリジナルは不明ですがWebやアプリでよくある画像とテキストの読み込み前に表示されるグレーのプレースホルダー、 Loading Placeholder や Content Placeholders というふうによばれているんですね。 実装する必要がありそうなのでPC(Webブラウザ版)にて…

Vue CLI UI

また クイズアプリ作っているのですが心が何回か折れているので、気分転換に Vue CLI UI をさわってみました。 https://cli.vuejs.org/guide/creating-a-project.html#using-the-gui だいたい参考にしたのは下記の記事。 https://qiita.com/isihigameKoudai/…

Vue CLI(webpack)で jQuery を使う

Vue CLI でというより webpack で使う、といったほうが正しいと思いますが https://codepen.io/vjandrei/pen/rAuam こういうチェックボックスの上限値を設けるようなフォーム制御とか特に素のJSだときついなあと思ったのでjQueryで書きたいとなるときがある…

AWS SAA

AWS

※不合格の記録なのでほぼ参考になりません。ごめんなさい。 職種や前提知識 Webのフロントエンジニア。クラウドプラクティショナーは6月に取得済み。 その他の知識などについては前回の記事に書いています。 7月はじめに受けて不合格だったのですが、将来ま…

AWS SAA認定試験のために覚えたサービス

AWS

ネットワーク NATゲートウェイ プライベートサブネット内のEC2インスタンスがインターネットに接続する際に必要。ネットワークアドレス変換 (NAT) ゲートウェイを使用して、プライベートサブネットのインスタンスからはインターネットや他の AWS サービス…

AWS(クラウド)周りの聞き慣れない用語(SAAレベル)

AWS

スループット コンピューターが一定時間内に処理できる情報の量や、処理速度のこと。 回線速度やネットワーク機器の処理速度など、システム全体のすべての要素を通して、最終的に処理がどれほどの速度で行われるかを指す。 参考: https://kotobank.jp/word/%…

2019年6月 振り返り

結果 ブログ 目標:月 12 回(週 3 回)更新 結果:月 7 回 更新 読書 目標:月 1 冊 結果:月 1 冊 反省点など 読書はまたAWSの認定本だけ。(SAAの本) プラクティショナー終わったらやめる気でいたけどせっかく覚えたんだしと思ってSAAも受けることにしまし…

HTML セクショニングと見出しのマークアップ

最近の案件でマークアップに関していろいろ気づきがあったのでメモしておきます。 見出しタグが入らないエリアは <section> で囲まない 良くないと思われる例 <section> <p>テキストです。</p> </section> 改善例 <div> <p>テキストです。</p> </div> <section> の中には見出しタグはひとつにする 良くないと思われる例 <section> <h1>見</h1></section></section></section>…

AWS クラウドプラクティショナー認定試験のために覚えたサービス

AWS

クラウドプラクティショナー取得のための勉強に際して覚えたサービスと短い説明をまとめておきます。 基本的にプラクティショナーレベルの場合、サービス名称と概要を覚えておけば、サービス名を聞かれる問題はなんとかなると思います。(EC2やIAMなどのメジ…

AWS(クラウド)周りの聞き慣れない用語(クラウドプラクティショナーレベル)

AWS

AWS(クラウド)周りの聞き慣れない用語 AWS 認定試験(クラウドプラクティショナー)勉強の際に、ネットワークやサーバー周りに疎い自分からすると理解が難しい単語によく出くわしました。 カテゴリーばらばらで適切でないかもですが、サービス名以前に用語…

AWS クラウドプラクティショナー 取得まで

AWS

職種や前提知識 Webのフロントエンドエンジニア。 過去に案件でAWSを用いたプロジェクトはいくつか担当しましたが、実際にコンソール上で設定を変更したりすることはほぼなく、よく使われるサービス(EC2/S3/ELB/CloudFrontあたり)がどのようなサービスであ…

Mac SourceTree で AWS CodeCommit のリポジトリをチェックアウト

前回もつまづきまくって2度目があったのでメモしておきます。 https でリポジトリアクセス、IAMのロール周りも設定後の場合です。 公式で近いチュートリアルは下記が近そう https://docs.aws.amazon.com/ja_jp/codecommit/latest/userguide/setting-up-https…

slick のオプション

これまで Swiper 一択だったけど Slick のほうがカルーセルの個数など融通ききやすい気がするのでいつもググるものをメモしておきます。 slick - the last carousel you'll ever need <ul class="js-carousel-hero"> <li><img src="slide.png"></li> <li><img src="slide.png"></li> <li><img src="slide.png"></li> </ul> $(".js-carousel").slick({ mobileFirst: true, centerPaddi…

2019年5月 振り返り

結果 ブログ 目標:月 12 回(週 3 回)更新 結果:月 13 回 更新 読書 目標:月 1 冊 結果:月 1 冊 反省点など 読書はAWSの認定本だけ。最初は他の勉強と同時並行でいけるかなと思いましたが後半難しくてそれだけになってしまった。 Vue.js でひとつ作れた…

フォーム入力バインディングを理解する その11

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その11 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/…

フォーム入力バインディングを理解する その10

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その10 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/…

フォーム入力バインディングを理解する その9

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その9 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その8

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その8 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その7

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その7 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その6

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その6 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…

フォーム入力バインディングを理解する その5

何年か前に jQuery で作った type tester という簡易的なフォント(関連のスタイリング)のテスターツールを Vue.js で作ってみる。 その5 GitHub Pages: https://yuheijotaki.github.io/type-tester/ GitHub リポジトリ:https://github.com/yuheijotaki/t…