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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

これまで 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…

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

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

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

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

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

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

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

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