zackey推し

IT系のこと書くぞい

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

f:id:kic-yuuki:20190618091152p:plain

bundle installした時にRubyのバージョンがあってなくて「nokogiriのインストールが終わらん〜」って悶絶するかたをよく見る気がします。

今回は、お仕事で例のnokogiriを調査→使うシーンがありましたので、調査時のメモを書き残しておこうかなと思います。

続きを読む

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

f:id:kic-yuuki:20190605091012p:plain

気がついたら、前回記事で50記事を超えていました。🎉

そう思うと、このブログも1年以上続いているんですね。

改めて、周りの環境と Write Blog Every Week に感謝です。

  • この記事なに? 🙄
  • どんな内容? 🤔
  • 得られたこと 💪
    • webpack.config.jsの設定方法(特にローダー周り)
    • eslint系の設定
    • 【副産物】package.json周りの設定
  • おわり
続きを読む

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

f:id:kic-yuuki:20190602170128p:plain

TwitterInstagramで画像アップロードする際、画像の拡縮や比率で切り取りといったトリミング機能があると思います。

今回、仕事で上記のような要件が発生したため、画像トリミングができるVueコンポーネントがないか調査しました。

  • この記事なに? 🤔
  • コンポーネントの紹介
    • vue-croppa
    • vue-cropperjs
  • おわりと所感
    • 参考記事
続きを読む

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

f:id:kic-yuuki:20190527090446p:plain

eslintの設定をしたけど、eslintの警告やエラーを無視したままコミットしてしまった...ということがありました。

できれば、git add 〜git commit 〜する際にeslintによるチェックをかけて、commitできないようにしておきたい...

と思っていたら、実際にできましたので、その手順をメモしておきます。

  • この記事はなに? 🤔
    • 環境
  • 仕組み
  • 手順
  • テスト
  • おわり
    • 参考文献
続きを読む

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

f:id:kic-yuuki:20190517231351p:plain
転職活動終了 情報整理

以下の記事の続きとなります。

  • この記事なに? 🤔
  • 転職活動時の状況
    • 悩み
      • 自分が抱えた悩みは「どこの会社の内定を受諾するか」
        • 悩みはコミュニティの方々や、いきなり1on1で解決していただいた
      • エンジニアコミュニティで相談するのもありかも
  • おわり
    • 前職の会社へ感謝
    • 現職の会社によろしく
    • さいごに
続きを読む

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

f:id:kic-yuuki:20190516083605p:plain
転職活動終了 情報整理

人生2回目の転職活動を終えました。🎉

SESから、念願の自社サービスの会社へ転職することが叶いました。

jobs.forkwell.com

今月(2019/05)から勤め始めて1週間経ち、徐々に仕事や環境になれ始め、自分的には問題なく今の会社で続けていけそうと思いました。

そのため、このタイミングで転職活動した際の情報をまとめておこうかなと思います。

  • この記事なに? 🤔
  • 転職活動時の状況
    • きっかけ
    • 活動期間
      • 結果「活動期間を長くとってよかった」
    • 自分の場合は転職サービス「Forkwell Jobs」を利用した
      • スカウトが来ない?という方へ
  • 続きは別記事で
続きを読む

【Gridsome v0.5.7】vue-metaを使ってOGP(Twitter・Facebook)の設定を行う

f:id:kic-yuuki:20190504161223p:plain

先日、Gridsome x Netlifyでお店のサイトを作り始めたという記事を書きました。

今回は、サイトに対してOGPを設定したので、設定手順を記載します。

この記事なに?

Gridsomeを用いて、OGPを設定したときの手順になります。

  • この記事なに?
  • OGPとはなんぞや?
  • GridsomeでOGPを設定する
    • 【注意】og:imageはURL指定
  • OGPが設定されているか確認する
  • 【補足】GatsbyでOGPを設定する
  • おわり
    • 参考記事
続きを読む