zackey推し

IT系のこと書くぞい

JavaScript

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

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

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

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

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

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

【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できないようにしておきたい... と思っていたら、実際にで…

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

先日、Gridsome x Netlifyでお店のサイトを作り始めたという記事を書きました。 記事 【個人開発】Gridsome(Vue.js) x Netlifyで実家のお店のサイトを作り始めた - zackey推し GitHub GitHub - zakizaki-ri9/gridsome-trattoria-site: TRATTORIA e BAR POR…

【個人開発】Gridsome(Vue.js) x Netlifyで実家のお店のサイトを作り始めた

GW突入ですね! この記事は、challenge-every-month全員でアウトプット芸人 Advent Calendarの2日目記事です! GW Advent Calendar | challenge-every-month全員でアウトプット芸人 Advent Calendar 10連休向けアドベントカレンダーシステムを作った【個人開…

【Vue.js】VueCLI3とGridsomeに「Pug」を導入する

VueCLI3で作ったVue.jsプロジェクトに対して「Pug」を導入した際、設定ファイルに関する理解が乏しく、ハマってしまった。。。 同じ手間をなくすため、自分なりに咀嚼した「Pug」の導入手順をメモしておきます。 この記事なに? 本編 VueCLI3の場合 プラグイ…

【学習記録】プロパティの値を変更すると警告(Vue warn)が発生する

タイトル通り、本記事はプロパティの値を変更した際に警告(Vue warn)が発生した際の原因と対処方法を記載していきます。 はじめに 業務でVue.jsをデータバインディング程度に使用していましたが、本格的(コンポーネント化、親子でのデータ通信など)に使用…

【学習記録】claspのインストールからデプロイまで

Rosso Advent Calendar 2018 - Qiita 8日目の記事です。 はじめに ひょんなことでgoogle/claspというGASのCLIツールを知り、GASをコード補完&Git管理できるようにしたい!というモチベーションから、少し触ってみました。 本記事は、google/claspのインスト…

【JavaScript】jQueryって遅い??不要??って疑問に対する自分なりの答え

はじめに 2017年12月頃から業務でWeb開発を始めてから、 セレクタ「$」らくやわ〜と、 なんとなく便利でjQueryを使ってきたけど、 jQueryは遅い jQueryはもう不要 という意見をTwitterやQiitaで拝見したのですが、 知識の疎い自分には「??」な感じでした。…

【登壇・LT】フロントもくもく会#11 で「OpenLayersで始める地図の操作」をLTさせていただきました(2018/07/21)

恵比寿駅近辺のamuで行われた、 フロントもくもく会#11でLTさせていただきました! html5ebisu.connpass.com 社内勉強会での登壇経験はあるのですが、 社外は初だったので、とても緊張しました… フロントもくもく会って? 参加させていただいているフロント…