Creator of @what

個人開発
プログラミング
その他
お問い合わせ
cover.png

Googleの検索結果をpecoりたい「Google Fuzzy Search」を作った

2021年01月26日 投稿
#google#python

はじめに peco, percol, fzf, skimとかいろんなツールがある中、 googleの検索結果だけするツールがなかったので作ってみました。 Google Fuzzy Search とは gfzs yukihirop/gfzs jarun/googler…

cover.png

minify時に特定の関数名やクラス名を保持する設定の書き方 (Vue CLI・terser)

2020年11月06日 投稿
#Vue CLI#terser

はじめに Vue CLIを使って開発をしていて、プロダクション用にコードをビルドする時、デフォルトでコードがminifyされると思うのですが、特定の関数名やクラス名だけminifyされないようにしたい時に役に立つtips…

cover.png

IO.select処理で役に立つセルフパイプテクニック

2020年11月04日 投稿
#Ruby#io

はじめに IO.select…

cover.png

BabelPlugin開発を加速する「babel-udf-helpers」を作りました

2020年07月02日 投稿
#Babel#TypeScript

TL;DR 「babel-udf-helpers」を使う事で BabelPlugin開発でを使って、AST…

cover.png

GatsbyでOGP設定が上手くいかない時に見直したい事

2020年06月21日 投稿
#gatsby#TypeScript

TL:DR OGP設定の読み込みは静的なファイルに対して行われるみたいなので気をつけよう。 OGPの設定例 GatsbyでOGP設定をする時は、react-helmetを使ってこんな感じで設定すると思います。 この時、 に画像へのパスを で与えると思うのですが、@reach…

cover.png

SVGスプライトをGatsbyで使う方法

2020年06月08日 投稿
#gatsby#TypeScript

SVGスプライトは複数のデータを1つのファイルにsymbolを使ってまとめたファイルです。 例えばこんなやつ。レスポンシブルデザインでよく見るハンバーガー(三)とxです。 このように定義したやつをGatsbyで読み込んでuse…

cover.png

「Gatsby x TypeScript」でブログを作りました (4. まとめ)

2020年06月07日 投稿
#gatsby#TypeScript

Gatsbyでブログを作った人の最初の記事と言えば、だいたい「Gatsbyでブログ作りましたー」でしょう。なので許してください。 「Gatsby x TypeScript…

cover.png

「Gatsby x TypeScript」でブログを作りました (3. サードパーティーの使う上での豆知識)

2020年06月06日 投稿
#gatsby#TypeScript

Gatsbyでブログを作った人の最初の記事と言えば、だいたい「Gatsbyでブログ作りましたー」でしょう。なので許してください。 「Gatsby x TypeScript…

profile-cover.png

yukihirop

フロントエンド兼バックエンドなWEBエンジニアです。 既存の考え方に囚われずに自由にツールを作るのが好きです。

最新記事
  • cover.png

    Googleの検索結果をpecoりたい「Google Fuzzy Search」を作った

    2021年01月26日 投稿
  • cover.png

    minify時に特定の関数名やクラス名を保持する設定の書き方 (Vue CLI・terser)

    2020年11月06日 投稿
  • cover.png

    IO.select処理で役に立つセルフパイプテクニック

    2020年11月04日 投稿
  • cover.png

    BabelPlugin開発を加速する「babel-udf-helpers」を作りました

    2020年07月02日 投稿
  • cover.png

    GatsbyでOGP設定が上手くいかない時に見直したい事

    2020年06月21日 投稿
タグ
  • #Babel (1)
  • #Component (4)
  • #React (5)
  • #Ruby (1)
  • #TypeScript (7)
  • #Vue CLI (1)
  • #babel-transform-plugin (1)
  • #curses (1)
  • #fuzzy-finder (1)
  • #gatsby (6)
  • #google (1)
  • #io (1)
  • #python (1)
  • #react-helmet (1)
  • #selfpipe (1)
  • #svg (1)
  • #symbol (1)
  • #terser (1)
  • #tui (1)
カテゴリー
  • プログラミング (4)
  • 個人開発 (6)
HOME
プライバシーポリシーお問い合わせ
Copyright ©︎ 2020 yukihirop Powered by Gatsby