at backyard

Color my life with the chaos of trouble.

備忘録

Pythonの小さなWebフレームワークBottleについているSimpleTemplate Engineを試してみた

Pythonで一番小さなWebフレームワークと言われているBottle。 このBottleにはSimpleTemplate Engineというテンプレートエンジンがついている https://bottlepy.org/docs/dev/stpl.html 私は今までこれを使ったことがなかったのだが、先日自身が公開しているb…

pyenvをM1 MacにインストールしてPython環境を構築する

M1 Mac(Apple Silicon)に Python 環境を作りたくなったのでインストールしていく 基本的に私はGitで直接チェックアウトしてインストールする方法をいつも選択していたので、今回もこちらをセレクト。 ( brew は使いません) https://github.com/pyenv/pyenv#b…

cssフレームワークのBULMAで text-align:center を実現したい場合は "has-text-centered"を使う

BULMAを使っていて text-align:center はどうやるのか、一瞬迷った。 ドキュメント上で cetner または text-align などと検索しても出てこないので、ないのかなと一瞬思ったがそんなことはなく、探した方が悪かっただけだ。 BULMAでtext-align:centerを実現…

BootstrapのBorder spinner (ローディングスピナー) が動かないときにチェックすること(Bootstrap v4)

Bootstrap(v4)の下記のページを参考にしてBorder spinnerを表示させようとした際、そのままコードをコピペしただけでは動かなかった。 getbootstrap.com 本来ここに表示されているコードをそのままコピペするだけで動くはずだが、コピペしてもローディングス…

MDN Web Docsへのコントリビュート手順(備忘録)

これはMDN Web Docsへのコントリビュートを実際に行った際の手順などをメモした備忘録となる。 目次 目次 アカウントを作成(これは不要かもしれない) コントリビューションに関するMDNのドキュメント MDNへコントリビューションする際はGitHubアカウントが必…

Markdownを書いてサクッとHTMLを生成したいときに便利なツールを見つけた

md2htmlというツールがサクッとMarkdownからHTMLを生成できて便利 普段MakrdownからHTMLを生成するときは、JSなどで簡単なスクリプトを書いて変換をしていたが、そういうことをするのも面倒に思えたある日、下記のようなツールを見つけた。 md2html 使い方は…

深い階層を持つHTMLを生成するための、どうでも良い関数を作ったのメモ(React)

深い階層を持つHTMLを生成するための関数を書いた。 あまり使いみちはない。 下記で書いている、Reactを自作する際に生み出した謎の副産物である。 shinshin86.hateblo.jp 以下、ソースコード。 const generateDeepElement = (depth) => { depth = depth - 1…

Reactを自作しようとしたときに"pragma and pragmaFrag cannot be set when runtime is automatic."のエラーが出たのでその対応方法を書いていく

最近、Reactの中身をちゃんと理解せねばと思い、Reactの自作につながるような勉強をしています。 一応下に備忘録を残していっていますが、個人用のメモみたいなレベルなので、あまり見やすくはないと思います。 うまく成果を得られたらQiitaかZennにまとめよ…

Water.cssを使っていてレスポンシブデザインにならないときにチェックすること

Water.css、とても便利なので、あまりデザインの凝らないシンプルなWebアプリを作ろうというときには結構な頻度で手が伸びます。 watercss.kognise.dev cssのことを気にせず、HTMLでページの構造を作っているだけで、それなりに整ったデザインになるのはとて…

Amazonアフィリエイト(アマゾン アソシエイト)におけるサイトの登録方法が簡単になっていた

最近、とあるサイトにAmazonアフィリエイトリンクを貼るための申請を行った。 Amazonのアフィリエイトリンクを貼るためには、アマゾンアソシエイトのダッシュボードにある 問い合わせ からサイトを追加したい旨を書いたメッセージをカスタマーサポートに送る…

Googleスプレッドシートで別シートの値を参照する方法

一瞬わからなくなったので、備忘録がてらメモしておく。 Googleスプレッドシートで別シートの値を参照する方法としては、下記を対象のセルに入力すれば良い。 ='参照したいシート名'!セル(A1など) 具体的には下記のようになる。 ='シート 2'!B4 シート名にス…

【SEO】1つのページに複数のパンくずリストは問題ないのか?

WordPressでサイト構築を行っているときに、一つのページに複数のパンくずリストが発生することがあった。 私の理解では1つのページに1つのパンくずリスト、という理解だったので、そもそもこのような状況はSEO的に悪影響を与えるのではないかが気になった。…

【さくらのレンタルサーバ】取得した独自ドメインのメールアドレスを使う方法

個人的に分かりにくいと思ったので備忘録として残しておきます。 さくらのレンタルサーバでは取得した独自ドメインのメールアドレスを作成することができます。 メールアドレスの作成方法は下記の公式ドキュメントを見ることで分かります。 help.sakura.ad.j…

WordPressにGoogle Analyticsを設定するための、シンプルな方法

目次 目次 結論: Google AnalyticsをWordPressに設定するだけなら、MonsterInsightsを使うのが良い 場合によってはGoogleが提供するSite Kitを使ったほうが楽かも MonsterInsightsならGoogle Analyticsのコードを設定するだけ functions.phpファイル内に直接…

【Apple Musicのミュージックアプリ】プレイリストの曲を流し終えたあとに、勝手に他の曲を流し始めるのを止める方法

以前ツイッターでもつぶやいたこの現象。 macのミュージックアプリ、プレイリストが終わると勝手に何らかの曲を流すようになったのだが、これ設定で無効にできないのかな?プレイリスト終わったら求めているのは静寂なんだが— Yuki Shindo (@shinshin86) 202…

【さくらインターネットの無料SSL設定】ドメインの名前解決ができないため無料SSL機能がご利用いただけません、というエラーが出るときの対応

ちょっとした備忘録。 さくらインターネットでも 無料SSL証明書の Let's Encrypt を用いた無料SSL設定機能が用意されている。 先日、ドメインを取得した際にこちらの設定を行おうとしたところ、ドメインの名前解決ができないため無料SSL機能がご利用いただけ…

mac版のEvernoteアプリにHTMLエクスポート機能が戻ってきたので試してみた

EvernoteにHTMLエクスポート機能が戻ってきた 少し前の記事でEvernoteアプリからのHTMLエクスポートができなくなっていたと書いた。 shinshin86.hateblo.jp だが、どうやら バージョン10.13.4 で、再びHTMLエクスポート機能が戻ってきた。 下記はその時のリ…

【備忘録】JavaScriptでRadioNodeListを配列に変換する

JavaScriptに関する個人的なメモ、備忘録。 RadioNodeList を配列に変換して処理したいときがあって、配列に変換するための方法を調べたメモです。 例えば下記のようなradioボタンを配置したフォームがあるとする。 <div> <form name="testTypeForm"> <div> <input type="radio" id="test1" name="testType" value="test1" checked /> <label for="test1">Test 1</label> </div> <div> </div></form></div>

5/9まで行われている、iTunesカードの10%還元キャンペーンに参加してみた(購入店舗はファミマ)

昨日ツイッターでもつぶやいた、これ。 そういえばiTunesカードの10%還元、5/9までか。忘れないようにTODOリストに書き加えとかないとな。https://t.co/0Mb2LIRuPG— Yuki Shindo (@shinshin86) 2021年5月7日 私は普段からApple Musicユーザだったりすること…

【Git】Pulling without specifying how to reconcile divergent branches is discouraged. というwarningの対応について

最近Mac内のGitのversionをあげたせいか、git pull origin main などのコマンドを打った際に、下記のような警告が出るようになった。 hint: Pulling without specifying how to reconcile divergent branches is hint: discouraged. You can squelch this me…

imgurに匿名で画像をアップロードする方法。また、匿名アップロード画像の削除方法。

実はこのブログ、 imgur 匿名アップロード で検索されて来られる方がかなり多い。 恐らくは下記のポストが流入先となっているのだが、こちらはプログラマー向けのポストとなっているため、改めてimgurで匿名画像アップロードを行う方法について書いていこう…

Notionのデスクトップアプリが動かないときの対応方法

先日、mac版のNotionのデスクトップアプリが突如動かなくなってしまった。 起動しても画面がずっと真っ白のままで、ローディングアイコンがくるくるしているだけ。 再起動しても何もしても全く動かない状態となってしまっていた。 そういえばTwitterでもツイ…

【サガフロリマスター】サガフロンティアの最強忍者、パープルシャドウについての攻略メモ(裏ボス)

これは主に自分のために書き残した備忘録となります。 サガフロリマスターで戦える、チート級に強い裏ボス(?)のパープルシャドウ攻略のためのメモとなります。 最初に書いておくと、内容が不正確な可能性もあるので、もしご覧になる方は参考程度にしてくださ…

Google Search ConsoleからURLのインデックス登録をリクエストしてもGoogleの検索結果に出てこない場合

インデックス登録をしたのにGoogle検索結果に出てこない Google Search ConsoleからURLのインデックス登録をリクエストしてもGoogleの検索結果に出てこない場合がある。 このケースは時折、起きるときがある。 インデックス登録をリクエストすると、大抵は再…

【サイトのSEO対策】GatsbyJSで作ったサイトの検索流入が伸び悩んでいて色々と対策してみた話

目次 目次 最初に結論 GatsbyJSで作ったサイトの検索流入が伸び悩んでいる 問題の原因は、そもそも狙うべき検索ワードにあった 検索キーワードに競合が多い場合は、流入対象とするキーワードをずらすようにする SEO対策の結果 最初に結論 文章が長くなりそう…

Gatsbyでbuildしたあとのページを確認するとcssが適用されていない問題

まさに表題のとおりだが、gatsby build したあと、 gatsby serve で本番と同様の環境でアクセスすると、cssが適用されていない問題があった。しかもcssが適用されていないページは一部だけという内容。 一瞬頭を悩ませたが、単純にそのページでcssファイルの…

JavaScriptのfocusメソッドを使ったときにiPhoneのSafari上でソフトウェアキーボードが出てこないようにしたい

先日のポストにも書いた下記のサイト。 (Slackのリマインダーの日時指定や時間指定方法をいつも忘れるので、用途ごとにすぐにコピペして利用できるサイトです) slack-remind.shinshin86.com こちらのサイトではコピーボタンが実装されており、コピーを押すこ…

【サガフロリマスター】ヒューズ編の最強ボスに挑む方法

これは先に書いておくと、自分のための備忘録として書いている。 またネタバレも含まれるので、そういうのを避けたい人は見るのはここでストップしておいたほうが良い。 サガフロリマスターではヒューズ編が新たに登場している ・ ・ ・ ・ ・ 本文がうっか…

【iPhone版Google Analytics】giant_release.appとはなんだろう?

これは少し前に経験した下記ツイートに関する投稿となります。 iPhoneのGoogle AnalyticsアプリでGoogleアカウントを追加しようとしたら、こんなメッセージが出た。giant_releaseという見慣れない文字。。。一旦キャンセルを押した。 pic.twitter.com/F1MPFa…

TwitterのOGP画像が表示されないときにチェックすること

TwitterのOGP画像が表示されないときにチェックすることについて、備忘録がてら書いていく TwitterのOGP画像は絶対パスで指定すること Habanero Beeの開発をしていてTwitterのOGP画像が表示されていないことに気づいた。 なぜかと思って調査したところ、結論…