zackey推し

IT系のこと書くぞい

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 を導入および使用例

とある仕事でVeeValidateという、Vue.js用バリデーション系のライブラリを使っていて、 今度v2.x→v3.xのバージョンアップを行います。 github.com この記事では、VeeValidate v3における導入方法・使用例をメモとして書き残しておきます。 導入方法 使用例 v…

【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 <…

GitHubのREADME.mdとかでよく見かけるバッチを「shields.io」で作成→表示させる

2019/05上旬、Gridsome x Netlifyを使って、実家の飲食店のサイトを公開しました。 そのときの記事はこちら。 kic-yuuki.hatenablog.com Googleアナリティクスを見ていると、以外とアクセス数が伸びていて、だいたい一日あたりのページビューが70-100あたり…

【Ruby】gem「nokogiri」を使ってHTML要素を抜き出す

bundle installした時にRubyのバージョンがあってなくて「nokogiriのインストールが終わらん〜」って悶絶するかたをよく見る気がします。 今回は、お仕事で例のnokogiriを調査→使うシーンがありましたので、調査時のメモを書き残しておこうかなと思います。

【Udemy】webpackを1日習得というコースをやったので感想など

気がついたら、前回記事で50記事を超えていました。 そう思うと、このブログも1年以上続いているんですね。 改めて、周りの環境と Write Blog Every Week に感謝です。 この記事なに? どんな内容? 得られたこと webpack.config.jsの設定方法(特にロー…

【Vue.js】アップロードした画像をトリミングできるコンポーネントを調べた

TwitterやInstagramで画像アップロードする際、画像の拡縮や比率で切り取りといったトリミング機能があると思います。 今回、仕事で上記のような要件が発生したため、画像トリミングができるVueコンポーネントがないか調査しました。 この記事なに? コンポ…

【JavaScript】コミットする前にlint-stagedでeslintのチェックをする

eslintの設定をしたけど、eslintの警告やエラーを無視したままコミットしてしまった...ということがありました。 できれば、git add 〜→git commit 〜する際にeslintによるチェックをかけて、commitできないようにしておきたい... と思っていたら、実際にで…

2回目の転職活動を終えたので、活用したサイトなどの整理(悩み相談編)

転職活動終了 情報整理 以下の記事の続きとなります。 2回目の転職活動を終えたので、活用したサイトなどの整理(転職サービス編) - zackey推し この記事なに? 転職活動時の状況 悩み 自分が抱えた悩みは「どこの会社の内定を受諾するか」 悩みはコミュニ…

2回目の転職活動を終えたので、活用したサイトなどの整理(転職サービス編)

転職活動終了 情報整理 人生2回目の転職活動を終えました。 SESから、念願の自社サービスの会社へ転職することが叶いました。 jobs.forkwell.com 今月(2019/05)から勤め始めて1週間経ち、徐々に仕事や環境になれ始め、自分的には問題なく今の会社で続けて…