jtk

EJSで使う構文まとめ

会社でGulpでEJS触わる機会が多いので、よく使う構文をまとめておこうと思います。 基本 .html <% var ejsRoot = './'; %> <%- include(ejsRoot + '_module/ejsFileName'); %> .ejs パラメータ指定 ボタンのコンポーネントをejs化するサンプル .html <%- in…

2019年10月 振り返り

結果 ブログ 目標:月 12 回(週 3 回)更新 結果:月 6 回 更新 読書 目標:月 1 冊 結果:月 0 冊 反省点など 本も特に興味を持てるものがなかったのですが、習慣づけなきゃですね 来月に向けて 結局Nuxtでやろうと思ってたものはVueオンリーでやることに…

カスタム投稿 REST APIで取得するJSONを並び替えプラグイン通りにする

https://siteUrl.com/wp-json/wp/v2/POST-TYPE-NAME/ のREST APIを叩くと順番がデフォルト(投稿日順?)になってしまうので、これを並び替えプラグイン通りに並べ替えたい。 ぴったしの記事がありました Intuitive Custom Post Orderの並び順をWP-REST-API…

ACF オプションページのREST APIエンドポイント

ACFオプションページのエンドポイントがうまくいかなかったのでメモ 公式ドキュメント: https://github.com/airesvsg/acf-to-rest-api 同じようなissue: https://github.com/airesvsg/acf-to-rest-api/issues/184 登録はfunctions.phpに通常通り記述 '…

node.js の切り替えを nodebrew ではなく nodenv で行う

nodebrew はプロジェクトごとに切り替えがしづらいので、 nodenv のがいいらしい。 導入は こちら 通りでいけました リスト表示 $ nodenv versions バージョン指定でインストール $ nodenv install 10.15.0 $ nodenv install 12.11.0 デフォルトで使用するバ…

REST API のスキーマにリピーターフィールドの画像データを格納する

ACF to REST API を使えば REST API でACFの値が取得できますが、カスタマイズした形でカスタムフィールドの値を追加する方法です。 例えばACFフィールドでアップロードした画像は指定している戻り値がREST APIでも返ってきます。 image_field: リピーターの…

WordPress + Nuxt.js で スラッグベースのパーマリンクにルーティングする

ルーティングする という表現があっているのかどうか微妙ですが、 カスタム投稿タイプを使ったWordPressの投稿をIDベースではなくスラッグベースで実装する場合 カスタム投稿: book .vue ファイル名: /pages/book/_slug.vue 実現したいURL構造: https://hoge…

🍺 nodebrew 🍺

インストールされている Node.js のバージョン確認 $ nodebrew list v10.15.0 v11.6.0 v12.11.0 current: v12.11.0 安定版のインストール nodebrew install-binary stable バージョン指定でインストール nodebrew install-binary v10.16.3 使用するバージョ…

2019年9月 振り返り

結果 ブログ 目標:月 12 回(週 3 回)更新 結果:月 4 回 更新 読書 目標:月 1 冊 結果:月 2 冊 反省点など スクラム開発を知りたい欲が高まって関連本読んだが、技術的に進歩はほぼなし 来月に向けて Nuxt 触ってサイト完成までもっていく。実績として1…

【読書メモ】カイゼン・ジャーニー

カイゼン・ジャーニー たった1人からはじめて、「越境」するチームをつくるまで作者: 市谷聡啓,新井剛出版社/メーカー: 翔泳社発売日: 2018/02/07メディア: 単行本(ソフトカバー)この商品を含むブログ (2件) を見る カイゼン・ジャーニー を読みました。 …

Nuxt.js をさわってみる

Vue.js と WordPressと使って、SSRできる仕組みということで Nuxt.js を触ってみました。 yuheijotaki/nuxt-study_20190919: Nuxt.js for study 20190919 導入は基本これ通りです。 Vue CLI使うとすんなり環境構築できますね Nuxt.js使ってみた - Qiita sass…

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

正しいものを正しくつくる プロダクトをつくるとはどういうことなのか、あるいはアジャイルのその先について作者: 市谷聡啓出版社/メーカー: ビー・エヌ・エヌ新社発売日: 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 認定試験(クラウドプラクティショナー)勉強の際に、ネットワークやサーバー周りに疎い自分からすると理解が難しい単語によく出くわしました。 カテゴリーばらばらで適切でないかもですが、サービス名以前に用語…