ざきの学習帳(旧 zackey推し )

日々の学びを書きます

GitHub Actionsを使って、MarkdownファイルからPDF(職務経歴書)を生成する

この記事では、以下のことを記載します。 はじめに(職務経歴書をMarkdownで記述、GitHubで管理する) GitHub ActionsでPDFを生成する md-to-pdfでMarkdown→PDF出力 手順 1. README.mdに職務経歴書を記述する 2. md-to-pdfをインストール、PDF出力するスクリ…

RSpecが特定のファイルしか実行されない(または中断されてしまう)場合は focus: true がないかチェックする

最近、仕事でSSO周りをRuby on Railsで実装しているのですが、 連携先によってロジックが変わります。 そのロジックを誰か(自分)が引き継ぐとなった場合、 何が正と判断するのに、テストコードが非常に参考になるという経験をしました。 テストコードはRSp…

ギターを始めることにした

※タイトルからわかる通り、技術ネタではないので興味ない方はスルーしてください。 年末年始にずっと続けられる趣味を何か持ちたいな... と、 ふと考えることがあり、色々あって、ギターを始めることにしました。 この記事では、きっかけ等について書きます…

じぶん Release Notes ver 0.30.2

あけおめことよろです。 2019/12の取り組みの成果を書いていきます。 開発・技術 勉強会・コミュニティ 勉強会 コミュニティ プライベート 記事(じぶんリリースノートを除く) PV数 Challenge Every Month 2019/12の結果 ⭕️参加したアドベントカレンダーの…

アップデートやリファクタリングのときに「やりたかったことが思ったよりも残ってしまった」をしないための対策

※自分のための反省、ポエム記事(日記)に近いため、技術記事と期待された方はスルーしてください。 2019年は色々あった。時系列に並べると、 人生2回目の退職と転職 実家で料理屋さんが始まった、サイトつくった はじめての自社プロダクト開発 はじめてのリ…

write-blog-every-week (週1ブログコミュニティ) に入り、ブログを書き始めて変わったこと

write-blog-every-week Advent Calendar 2019 22日目の記事です! 21日目はライナスさんでした、お疲れ様でした! 週1で書き続けた、2019年のブログ活動を振り返る - 子供の落書き帳 Renaissance この記事では、write-blog-every-weekに入って1年経過した自…

【Vue.js】 @vuese/cli でコンポーネント一覧のドキュメントをサクっと生成・プレビューする

Vue Advent Calendar 2019 17日目の記事です。 16日目はgyarasuさんでした、お疲れ様でした! 16日目の記事 - Vue.jsプラグインで始めるOSS - Qiita この記事では@vuese/cli について、 導入までの手順を調査した際のメモを記載したいと思います。 @vuese/cl…

gridsome v0.7.11 で 「fatal error: 'vips/vips8' file not found」が発生した際に対処した方法

※雑メモ記事です。 環境 現象発生した際の環境となります。 macOS Mojave node 13.1.0 概要 / 現象 久しぶりにGridsomeでサイトを作ろうと gridsome create <project-name>とした 際、 ../src/common.cc:25:10: fatal error: 'vips/vips8' file not found #include <vips/vips8> ^~~~~~</vips/vips8></project-name>…

じぶん Release Notes ver 0.30.1

令和最初のアドベントカレンダーが始まりました! この記事は、challenge-every-month Advent Calendar 2019 - Adventar 1日目の記事となります。 では、2019/11の取り組みの成果を書いていきます。 開発・技術 勉強会・コミュニティ 勉強会 コミュニティ プ…

【Vue.js】VeeValidate v3.x の導入および使用例

追記 一休さんにて、実際にv2→v3にバージョンアップされた際の記事を出されました。 user-first.ikyu.co.jp マイグレーションガイドとIssueを深掘り、詳しく書かれているので、目を通すことをお勧めします。 とある仕事でVeeValidateという、Vue.js用バリデ…

【Vue.js】VueCLI3.x 4.xで環境変数を扱う場合は .env ファイルに VUE_APP_ の接頭語をつける

現在、とある開発でVueアプリケーションのリファクタリングを行なっています。 マイグレーション対象にはVueCLIも含まれており、2.x→4.xへのバージョンアップを行いました。 この記事では、マイグレーション作業中に気づいた、VueCLI4.x系の環境変数の扱いに…

じぶん Release Notes ver 0.30.0

2019/10で30歳になりました。 自分がどんなことを取り組んだかというのを振り返るため、じぶんリリースノートを始めていきます。 この記事は、2019/10の取り組みを書いていきます。 開発・技術 仕事やプライベートでの学びや取り組みです。 eslint x prettie…

【Chrome拡張開発】コンテキストメニューに項目を追加する

現職では、社内・パートナーさんとの連絡手段としてChatworkを使用していますが、メッセージのピン留機能がないことに困っています。 Chrome Webストアで検索しても、該当するような拡張機能が見当たらなかったため、勉強がてら作成しようと思い、Chrome拡張…

初めて運営側としてイベントレポート記事を書いたので、反省点とか

現在、技術書同人誌博覧会 ※通称「技書博」というイベントのコアスタッフに参画、主にブログを書かせてもらっています。 そして、 2019.07.27(土) 大田区産業プラザPiO で開催された「第1回技術書同人誌博覧会」の当日レポートをつい先ほど書き終えました。…

typescript-eslint + prettier を併用する際は member-delimiter-style の設定に気をつける

"Prettier" でググった記事を参考に、雰囲気で導入していたPrettier、 公式ドキュメントを読んでみると、きちんと腹落ち&導入することができましたが、typescript-eslintとprettierの設定が競合する状態となってしまいました。 この記事では、その競合を解…

Next.js x tailwindcss で静的サイトを生成する

技書博のサイトがNext.jsで作成されており、何か自分も開発に携われないかな...と思いつつコードを見てみました。 github.com が、そもそも自分、Reactもチュートリアルをお遊び程度に触った程度のため、どこから手をつければいいかわからん状態でしたorz と…

Gridsome を 0.6→0.7 にバージョンアップしたら「The field Query.metaData is deprecated. Use Query.metadata instead.」の警告が出た

Gridsomeで作成したサイトに新機能を追加するため、Gridsomeのプラグインを検索しようとしたところ、いつのまにかv0.7にバージョンアップしていました。 Gridsome v0.7 - Gridsome gridsome/CHANGELOG.md at master · gridsome/gridsome · GitHub 「新機能を…

はじめて「もくもく&成果発表会」を主催してみての反省

本日(2019/09/29)、はじめて外部の方を巻き込んだ形の勉強会(もくもく会)を主催しました。 lanchester-tech.connpass.com 社内勉強会に社外の方を招いたり、connpass等で開催する勉強会のスタッフ参加したことはあるのですが、1から自分で社外の勉強会を…

【eslint】 JavaScript (*.js) と TypeScript (*.ts) が混同しているプロジェクトに typescript-eslint を導入した際のメモ

最近、実践TypeScriptという本を読み切りました。 (全てものにできたかというと...orz また何かを作りながら読み返す必要がありそう...) 勉強しながら検証コードを書いていたところで、typescript-eslintというeslint系のライブラリの存在を知りました。 G…

「転職透明化らぼ x kiitok - スタートアップ企業の見分け方編」 に参加して、社内ブログネタ帳をつくりはじめた #転職透明化らぼ

2019/09/10(火)に行われた、 転職透明化らぼ kiitok がコラボした、「転職透明化らぼ x kiitok - スタートアップ企業の見分け方編」というイベントに参加してきました。 求職者だけでなく、企業側からの観点としても参考となる意見がいただけた、良いイベン…

【React】create-react-app後、eslint系の設定をeslintrcに移した際のメモ

最近、実践TypeScriptという本を購入し、TypeScriptでReactやVueを書く勉強をしています。 上記本の 第7章 TypeScriptとReact にて、create-react-appを用いて、TypeScript x Reactな環境を構築・学習しています。 その際、package.jsonからeslint系の設定を…

【プチ合宿】2019.08.22-24 in リゾーピア箱根 結果&旅行記編

8月後半に夏休みをとって、2泊3日で強羅のリゾーピア箱根という温泉宿へプチ合宿にいってきました。 この記事では、その結果と旅行記を書こうかなと思います。 プチ合宿って? なにすんの? という内容は次の準備編をご参照ください。 kic-yuuki.hatenablog.…

【プチ合宿】2019.08.22-24 in リゾーピア箱根 準備編

8月後半に夏休みが取れました。 ガチ合宿ではないけど、プチ合宿という形で、2泊3日でゆるく温泉はいって食事して、気が向いたときに作業したいなーとふと思いました。 そこで、横浜住まい&社会人10年目にして初めて、箱根へ行ってこようかなと思います。 …

【Ruby on Rails】デメテルの法則 と Moduleのinclude / forwardable / delegate を用いたメソッドの委譲について咀嚼した考えまとめ

現在、会社からオブジェクト指向設計実践ガイドを借りて読んでます。 オブジェクト指向設計実践ガイドを自分なりにざっくり説明すると、 Practical Object-Oriented Design in Rubyという本の翻訳版 Ruby on Railsにおけるオブジェクト指向設計を「なんとな…

【Visual Studio Code】拡張機能 Polacode でシンタックスハイライトが効いたソースコードのスクショを撮る

最近、会社でテックブログを始めて、個人のブログがおろそかになっている...orz 約1年前から、通勤中にPodcastを聴いて、ゆるーく知識をつけられていることに充実味を感じています。 今回は、UIT INSIDEというPodcastで紹介されていたVSCode(Visual Studio …

【Vue Material】ハッシュタグを実装する場合はChips(チップス)を使えばいいっぽい

最近、仕事で久しぶりにVue.jsを使ってUIを作っています。 CSSフレームワークとしては、Material DesginのコンポーネントをVue.jsで使用可能にした「Vue Material」を使用しています。 ハッシュタグを登録するようなUIを実装しようとしているのですが、ハッ…

第1回 技術書同人誌博覧会にスタッフとして参加してきました #技書博

2019/07/27(土)に実施された技術書同人誌博覧会(通称:技書博)にスタッフとして、参加してきました。 第1回 技術書同人誌博覧会 色々感じ、学べたことがあったので、自分のメモ・反省としてこの記事に記載します。 もしよろしければ、一読いただければと思…

◇→◆になるには 「ザ・コーチ」を読んで

Amazonで「ザ・コーチ」という本が kindle unlimited 対象となっていました。 ザ・コーチAmazon.co.jp: ザ・コーチ eBook: 谷口 貴彦, .: Kindleストア サブタイトルは「最高の自分に出会える」。 最近、自分って何がしたかったんだろうな〜というのを解決…

【Ruby】型チェックをしてくれるGem「 Sorbet 」を試してみた(Railsへ導入〜動作確認まで)

個人的に今年から毎週読ませていただいている週間Railsウォッチにて、「Sorbet」というGemが紹介されました。 ※アイコンかわゆい。 よければプロダクトにも導入してみたいな〜と思い、軽い気持ちで触ってみました。 この記事なに? Sorbetとはなんぞや? …

【Ruby on Rails】Gem「ActiveDecorator」の紹介 View向けのメソッドを定義する

Userモデルみたいなクラスがあって、 first_name(姓) last_name(名) のようなカラムがあった場合、以下のようにfirst_nameとlast_nameを組み合わせて、full_nameという、Viewやレスポンス用のメソッドを実装するシーンがあるかと思います。 class User <…