at backyard

Color my life with the chaos of trouble.

今月作成したGitHubリポジトリを振り返る(2020年9月)

これと同じテーマで進めていきます。 (まだ1日残っているけど、もう書いちゃう。思い立ったときに書かなければ、たぶんもう書かないからだ) shinshin86.hateblo.jp 今月だいぶ少ない...Dig Musicの開発などに結構時間をかけていた気がするからだ。 (と言っ…

熱を出すと、なぜ人は悪夢を見るのか?

AlubinoにてMidnight Burnという曲をSound Cloudに公開した 以前Twitterでも呟いていたが、ブログにも書く Alubino名義で作った曲をSound Cloudにアップしました。熱を出した夜に見る夢の中のような音楽。かもしれない。https://t.co/0ym4xby4gY— Yuki Shind…

Webページを作成するために必要となるメタタグなどのHTMLを簡単に生成できるWebツールを作った。

作ったと言っても、実は少し前から公開していた。 自分自身がこういうツールが欲しくて作ったということもあり、しばらくは自身で利用していたが、このたび日本語対応したので、ブログでもお知らせさせていただこうと思った次第。 html-generator.shinshin86…

秋の虫の音が数分ひたすら流れ続けるだけの音をYouTubeにアップしました。

下記のとおりです。 先日近所を散歩した際に採取していた秋の虫の音を用いて、虫の音がただただ流れるだけの音をYouTubeにアップしました。リラックスしたいときや眠る前などにご利用ください。https://t.co/lB2XStyKhb— Yuki Shindo (@shinshin86) 2020年9…

新しい音楽に出会いたい音楽好き向けの音楽アプリ、Dig Musicを作った

Dig Musicという音楽アプリを作ったのでまずはこちらのブログでご報告。 Webアプリなので、下記のページにアクセスしてもられば、すぐに使うことが可能です。 dig-music.shinshin86.com Dig Musicはどんな音楽アプリなのか? ユーザにランダムに音楽をレコメ…

JavaScriptでJSON配列の特定のkeyにおける、重複数をカウントする使い捨てスクリプトメモ

開発をしていて必要になったので、書いた。 1回使えば役目を終えるコードだったため、使い捨てスクリプト的な形で書いている。 今後もまたどこかで使用するシーンがでてくると思ったので、こちらに書き残しておく。 なお、このスクリプトはこちらのQiitaで…

create-next-appを用いてTypeScriptプロジェクトの雛形を作る

いつも忘れて都度調べている気がしたので、コマンドをメモしておく。 mkdir my-project cd my-project npx create-next-app --example with-typescript . yarn dev あとは localhost:3000 にアクセスすればOK

Warning: You're using a string directly inside <Link>. This usage has been deprecated. Please add an <a> tag as child of <Link> の対応法

何度も起きていることだが、下書きフォルダに入れっぱなし案件。 定期的に下書きフォルダ見ていくと、大抵公開忘れのポストがいくつか新たに塩漬けになっている気がする。。 ただ、これは書き捨てて的な文章なので、公開していなかっただけかもしれない。 以…

Next.jsアプリをNetlifyにデプロイしたとき、想定したURLでアクセスができなくて対応したときのメモ(動的パスでの扱い)

入力されたパスに応じて、クライアント側でデータを読み込むような処理が書かれたNext.jsアプリをNetlifyにデプロイした際、 実際の挙動が開発時(ローカル)と本番(Netlify)で異なっていたのを対応したので、備忘録として残しておく。 ここで扱っている内容自…

Gatsbyで作ったサイトをGoogle Search Consoleに登録する方法(Google Analyticsのタグを用いて認証させる)

Gatsbyでサイトを作った際、Google Search Consoleに登録をしようとしたら、所有権を証明できませんでした というエラーが出てしまった。 Google Analytics自体は既に gatsby-plugin-google-analytics を用いて設定済みの状態。 Gatsbyを用いている場合、う…

CSSフレームワーク、BULMAのmodalサンプルコード

少し前にBULMAを触っていると、日記に書いた。 nikki.shinshin86.com ちなみにこの日記に書いている8月引きこもり宣言については、問題なく達成できた。 まだセミは鳴いているので外に出ることはまだないが、蝉の声も小さくなってきたので、外に出れる日も…

今月GitHubに作成したpublicリポジトリを振り返る(2020年8月)

一月の成果として振り返ることで来月も頑張れる気がしたので、振り返ります。 確認については下記のシェルコマンドを叩きました。 curl https://api.github.com/users/shinshin86/repos?sort=created | jq -r '.[] | { full_name: .full_name, created_at: .…

macOSをCatalinaにしたらZsh環境が壊れたので対応した備忘録 (zsh:1: url-quote-magic: function definition file not found)

ケツイがみなぎったので、macをようやくCatalinaに上げたら、zsh環境がエラーになり、キー入力すらできなくなってしまった。ターミナルのメニューからGUIでコマンド打てることに気づいたので、bashで起動させて無事に問題解決できた。 pic.twitter.com/ZnvDv…

ts-loader(webpack)を用いてのTypeScript開発の際、Node.js実行のためのshebangでTypeScriptのコンパイルエラーが起きたときの対応メモ

なんだかタイトルが長ったらしくなってしまった。 Node.js製のCLIツールを作っていた。 npmにてリリースして、globalインストールして使う予定だ。 そちらのツールに関する内容は本題ではないので、一旦そちらは脇にどけておく。 (たぶん、またどこかでそれ…

手っ取り早くsitemapを作成する(npmが使える環境にて)

私はNext.js環境で実施したが、npm or yarn が使える環境であれば、特に環境には左右されないかと思う。 使用するのはsitemapというnpmパッケージ。 www.npmjs.com yarn add -D sitemap sitemapに記載したいURLのリストを用意する。 vim listofurls.txt ※サ…

BUMP OF CHICKENの藤くん結婚、ecmcorsというnpmパッケージについて

BUMP OF CHICKENの藤くん結婚について 朝起きてコードを書いていたとき、ちょっと集中力が切れてTwitterを開いたら、トレンドに 藤くん結婚 というキーワードが踊っていた。 もしや...!と思って調べたら下記のとおりである。 (なぜか公式サイトの詳細ページ…

ただただコーヒーを淹れる動画、それだけなのに、癒やされる。(山でコーヒーを淹れる動画をいくつかピックアップ)

朝を振り返る日記パート 今日も早めに起きてコードを書いていた。不吉なことに起床時刻が 4:44 だった。 朝起きて気づいたのは、昨晩アイスコーヒーを淹れるのを忘れていた、という痛恨のミス。 とりあえず余っていたアイスコーヒーを注いで、ちびちびと楽し…

react-notificationsをNext.jsから使う場合の備忘録

今日Next.jsでアプリを書いていたときに出会ったことをメモする。 といっても、Next.jsはエラーメッセージが親切なので、メモを残さなくとも、対処方法がわかりやすくエラーログに出てくる。 こういうのは本当に素晴らしいなと思う。 エラーの原因を探ってア…

ランダムな音楽アルバムの情報を取得するGo製のCLIツールを書いた

ちょいとツイッターで脳内を垂れ流してしまった。 Spotifyで生計立てるのは「夢のまた夢」 データから見える収入格差の実態 #SmartNews https://t.co/rbjH9b6ET2— Yuki Shindo (@shinshin86) 2020年8月18日 ここに書いたとおりだが、とにかく音楽で稼いで生…

個人開発者の味方、関連キーワードツール(仮名・β版)が終了して、ラッコキーワードになっていた。

個人開発でWebサービスを作る上で、キーワード選定は勿論重要になる。 そんなキーワード選定・調査を行う際に役に立っていた、 関連キーワードツール(仮名・β版) がいつの間にか終了して、 ラッコキーワード として再スタートを切っていた。 related-keywo…

Mediumに投稿しても全然アクセスが集まらなかったことについて考えてみる

先日Mediumに一つ記事を英語で投稿した。 medium.com 少し前にメタタグを生成するためのCLIツールをGoで書いたのだが、それに関する投稿だ。 github.com で、このMediumの記事だが、今日現在Statsを見てみると、4回しか見られていない。 (うち3回は自分で…

瞬間日記 (Moment Diary)のバックアップ方法の一つがWebエンジニア向けだったので書いていく

特に理由はないが(というか忘れてしまったが)、プライベートな日記をつけるのに瞬間日記 (Moment Diary)というのを使っている。 瞬間日記 (Moment Diary)Utagoe Inc.ライフスタイル無料apps.apple.com もう数年使っていて今までバックアップを取ったことがな…

コーディングのモチベーションがアップする、おすすめライブコーディング動画

何度かやっているこのシリーズ。 以前調べたときは、なかなかライブコーディングやっている人って、日本人だとあまりいないんだなーとか思っていたが、気づけば結構ライブコーディングやっている人が多いことに最近気づいた。 George Hotz | Programming | c…

最近の朝のモーニングルーティンと朝方への回帰

最近、特に意識しているわけではないが、起床時刻が5時代になってきた。 自然と朝早く目覚めてしまうのだ。目覚めは悪くない。 その反動で夜は11時ぐらいには眠くなってしまう。 早朝に起きると、家族はまだ寝ているため、起こさぬようになるべく物音を立て…

最近書いたものをいくつかピックアップする(スマパンのJelly Bellyとか個人開発とか)

ここ最近の投稿が、〇〇を作った系ばかりだったので、作った、ではなく、書いた、という観点からいくつかピックアップしてみる。 Quoraでスマッシング・パンプキンズの"Jelly Belly" について語った 最近Quoraに来ていた質問にちょいちょい答えさせていただ…

Dependabotの設定ファイルを質問形式で簡単に生成するためのCLIツールをNode.jsで書いた

dependabot-config-generator というツールを npm に公開した 依存パッケージの更新を自動化できるDependabot。 とても便利なのだけど、ちょいちょいプルリクエストが作られて、知らず知らずのうちにたまってしまうことがある。 だが、どうやらDependabotに…

ターミナル上でニュースをチラ見したくて、Yahoo Japan Newsを表示させるGoツールを作った

コーディングをしていると、ニュースがふと気になる時があるが、ニュースを見ようとブラウザに移動してしまうと、別のものまで読み始めて時間を浪費してしまうことがあるので、なるべく集中力を切らさないでニュースを見れるよう、 yjn-topics というGo製のC…

imgurからランダムに画像を取得するGo製のツール "go-imgur-random-downloader" を作った

昨日書いたimgur関連の話をもう一つ。 実は順番的にはこちらが先だったのだが、imgurからランダムに画像を取得するGo製のダウンロードツールを書いた。 github.com インストールは下記のコマンドで go get github.com/shinshin86/go-imgur-random-downloader…

imgurに匿名で画像アップロードするためのnpmパッケージ "imgur-anonymous-uploader" を作った

imgurについて imgur.com imgur というオンラインで画像を共有できるSNSがある。 日本では某掲示板でよく画像アップローダーとして利用されているので、たぶんそちら経由でこのサービスの存在を知っている人のほうが多いかもしれない(サービス自体は知らなく…

AMP対応のページで月ごとのグラフを表示させる

少し前に書いていたもの。ついつい下書きフォルダに忘れがち。。 AMP対応させたページでグラフを動的に表示させるとなると、基本的にJavaScriptは使用できないので、CSSで頑張ることになりそう。 というわけで、Next.js環境で頑張ってみた結果がこれ。 githu…