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を実現…

YouTube Premiumを3ヶ月無料で試せるキャンペーンの正体について調べてみた

YouTube Premiumをまだ試していない人は1ヶ月無料でYouTube Premiumを試すことができる。 だが、YouTube Premium で検索すると、検索結果に3ヶ月無料でという文字が踊る。 (下記の画像を参照) どうせなら三ヶ月無料で利用したいところだ 条件を満たしている…

Googleが検索結果にAMP表示を出すことをやめたことについて。また、Habanero Beeの今後の対応について。

モバイルの検索結果からAMP対応を示す雷マークが消えた 9to5Googleの下記の記事によると、Googleの検索結果からAMPに対応していることを表す雷マークを削除したようだ。 9to5google.com 確かに実際に検索してみると、雷マークが表示されなくなっている。 (自…

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

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

娘の記録(育児日記メモ)

最近の娘のことを簡潔に書いていく。 数年後、この文章を読んで、「こんなこともあったな〜」と思い返せるような未来の自身に当てた育児日記的な役割を果たすことになる。 保育園に通い出した 今年度から娘は保育園に通いだしている。 最初の方は保育園に送…

Reactを自作するための学習メモ #5

Reactを自作するための学習の記録の続き この続き shinshin86.hateblo.jp 参照ドキュメント 現在ここに記述しているコードは、下記のドキュメントのほぼ写経となっています。 pomb.us zenn.dev 関数コンポーネントに対応する 現在の実装では関数コンポーネン…

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

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

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

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

Reactを自作するための学習メモ #4

Reactを自作するための学習の記録の続き この続き shinshin86.hateblo.jp 参照ドキュメント 現在ここに記述しているコードは、下記のドキュメントのほぼ写経となっています。 pomb.us zenn.dev Render Phase と Commit Phase のおはなし Reactはページをレン…

Reactを自作するための学習メモ #3

Reactを自作するための学習の記録の続き この続き shinshin86.hateblo.jp 参照ドキュメント 現在ここに記述しているコードは、下記のドキュメントのほぼ写経となっています。 pomb.us zenn.dev おさらい ここまでの実装は下記。 なお、createElement や rend…

深い階層を持つ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にまとめよ…

Reactを自作するための学習メモ #2

1から続いて、引き続き行っていく。 shinshin86.hateblo.jp 参照しているドキュメントも変わらない。今はまだドキュメントをなぞっているだけなので、ここに乗っているコードは下記の記事に乗っているものと同じだ。 React.createElement関数を自作する 下記…

Reactを自作するための学習メモ #1

私は普段ソフトウェアエンジニアとして仕事をしているときが多い。 そして普段の業務でよく触るライブラリの一つに、Reactがある。 私は普段からReactをよく触っているくせに、そういえばこのReactの内部の仕組みを深堀りしたことがなかった。 (ザックリとだ…

【WordPressでGoogle AdSenseの審査に受からない人向け】Google AdSenseの審査に受かる方法と対策ツールについて

Google AdSenseの審査が厳しい問題について 最近ウェブを経由した集客支援の一環として、WordPressに関する相談を受ける時がある。 そして相談に乗っているときに、時折、話のついでとして、「Google AdSenseの審査に通らないのだけど、良い対策方法はある?…

TrelloのBusiness Classの解約方法

いきなりTrelloでBusiness Classの無料トライアルが適用されていた 昨日ツイッターで呟いたのだが、こんなことがあった。 (下記のツイートを参照してみてください) TrelloからBusiness Classになったよ的なメールが来ていて、知らんがな!なんで勝手にプラン…

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

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

音声認識した声を、ゆっくりの声に吹き替えるための Mac 用のソフトウェアを作った

音声認識した声を、ゆっくりの声に吹き替えるツール 音声認識した声を、ゆっくりの声に吹き替える yukkuri-hukikae-on-mac というツールを作りました。 github.com 詳細はこちらにも書いているので、ぜひ読んでみてもらえたらと思います。 free-sound.shinsh…

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

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

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

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

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

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

【Apex Legends】ジブラルタルのスキン、コードレッドは今でも入手可能なのか?

先日、YouTubeでApex Legendsの配信を見ていたときに、ジブラルタルのスキンの一つであるコードレッドが使用されていたのですが、あのスキン、とてもかっこいいですよね。 残念ながら自分はコードレッドを持っていなくて、今更ながら欲しいと強く思ったので…

Google AdSense上での税務情報送信は「日本一発信する税理士」こと、大河内薫さんの動画を見れば安全・安心に行えるよ!

Google AdSenseで税務情報を送信する 今月中にやらなくちゃいけなかったタスクに、Google AdSense上での税務情報送信があった。 別のタスクを完了させて勢いづいた心を抱えたまま、ついにGoogle AdSense上での税務情報送信タスクに取り掛かることにしたわけ…

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

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

ビールが飲みたくなる、オススメYouTube動画

なにはともあれ、まずは動画を。 www.youtube.com いやーうまそうですね!!!! コメントにも書いている人がいましたが、これ、永谷園のお茶漬けのCM的なノリでビールのCMに出たら大ヒット間違いなしな気がしますね。 shinshin86.hateblo.jp 以前もブログに…

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

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

【夏にオススメの自作ティーソーダ】富良野ラベンダーティーソーダを作る

ムシムシとした日が続き、不快度マックスな昨今だが、皆いかがお過ごしだろうか? 今日は夏にオススメの自作ティーソーダを紹介したい。 まずは写真を上げる。 程よいお茶の苦味が爽やかさを演出するティーソーダ この写真は 富良野ラベンダーティー と サン…

人生初の人間ドックを受けてきたので、その感動などを書く

先日、人生初の人間ドックを受けてきた。 さらには人生初の胃カメラ(内視鏡検査)も受けてきたので、それなりに緊張があった。 今回は日記形式で、その時のことをこちらに書き残しておこうと思う。 過去のことをこのように文章に書き残しておくのは良いことだ…