JavaScriptで要素をフェードイン・フェードアウトで切り替える ―async/awaitでrequestAnimationFrameを使う―

妻の歌人としての個人サイトのトップページで、短歌をアニメーションで切り替える処理をJavaScriptで書いている。jQueryには上のような専用メソッドがあるフェードイン・フェードアウト処理を自分でググりつつ書いてみたところ、試行錯誤できるポイントがあ…

Next.js + microCMS + VercelでJamstackなブログ付き個人サイトを作る

妻の歌人としてのブログ付き個人サイトをリリースしたので、技術的な観点をまとめておきたい。 Jamstack これがサイトの構成図で*1、最近流行りのJamstackというアーキテクチャで作ってみた。Jamstackは、静的サイトジェネレーターを用いてCMS等で管理するコ…

妻の歌人公式サイトをリリースしました!

妻の歌人としての個人サイトを開発してリリースした。 開発の背景 悪友作者:榊原紘発売日: 2020/08/05メディア: 単行本(ソフトカバー)妻は去年、笹井宏之賞大賞受賞の特典で第一歌集『悪友』を出版して絶賛売り出し中なのと、最近のnoteのゴタゴタでnote退…

公立中学動物園論争に見る「ダブスタ指摘」論法のくだらなさ

中学受験について、匿名でないと書けないことを伝えたいまぁこんなウダウダ書かなくても公立中出身者ならあの動物園に通わなくていいってので十分良さはわかるよ。2020/12/08 22:32公立中学を「動物園」と表現したブコメに日頃ポリコレや反差別にうるさい「…

GitHub CLIから任意のMarkdownテンプレートでプルリクエストを作成する

GitHubリポジトリに .github/pull_request_template.md を置くとGUIからプルリクエスト(以下PR)作成時にデフォルトでテンプレートが展開される機能があって、仕事の開発でもこの機能を各リポジトリで活用している。Pull Requestテンプレート由来の文字列が…

Puppeteerで記事本文中のはてなブログタグを取得する

はてなブログの新機能 はてなブログの記事にはてなブログタグを設定できる機能がリリースされた。 はてなブログタグとは 「はてなブログタグ」は「はてなキーワード」からWikiのようなユーザーによる編集機能が除外されて名称変更したサービスで、はてなブロ…

リベラルな非モテ論に共感できない理由 ―絶対的恋愛不可能性と無限に開かれた恋愛可能性の相克―

リベラルな非モテ論への反発 小野ほりでいさんの記事を読んで、以前から「リベラル(親フェミニズム的)な非モテ論」のアプローチを理性では理解しつつも自身の過去の非モテ経験に照らし合わせて反発を感じる部分があった私は、何か反論のようなものを書きた…

『モテないけど生きてます』現代メンズリブの実践をマクロかつミクロに紹介する良書

モテないけど生きてます 苦悩する男たちの当事者研究作者:ぼくらの非モテ研究会発売日: 2020/09/27メディア: 単行本メンズリブ実践の仲間で交流のある西井開さんが本を出版したので、どういった魅力のある本なのか紹介したい。 現代メンズリブの実践を包括的…

Meow Attack(ニャー攻撃)で稼働中WebアプリのAWS S3保存画像を全削除されてしまった…

突然S3の画像がすべて削除された 自作のRailsアプリの短歌投稿サイトUtakataをいつものように眺めていたら、一部のユーザーのアイコンが表示されていないことに気づいた。もしやと思ってブラウザのキャッシュをクリアしてみたら、すべてのユーザーのアイコン…

シーライオニングの主体がアシカなのはマイノリティへの迫害ではという疑念についての原作者見解を読む

Sealioning (シーライオニング)という単語が誕生するきっかけとなった漫画を訳してみました。シーライオニングとは:本当は理解する気がさらさらないのに『理解したいので教えてください。』と丁寧な姿勢を示しつつ不誠実な質問を繰り返して相手に時間を無駄…

大日本印刷開発の任意のテキストを読みやすくする新技術「読書アシスト」のWeb APIを叩いてみる

独自の文章表示アルゴリズムによって、読んでいる最中の目線の動きをスムーズに誘導し、読むスピードを向上させる文字レイアウト変換技術です。日本語文における文節(意味のまとまり)ごとに目線を上手に動かせるように、文字配置や改行位置を調整すること…

『ブリガンダイン ルーナジア戦記』 ―SRPG戦闘に特化した超シンプルで硬派な国盗りSLG―

ブリガンダイン ルーナジア戦記 - Switch発売日: 2020/06/25メディア: Video Game『ブリガンダイン ルーナジア戦記』、最高難易度ハードでノーザリオ王国を14ターンでクリア!!この華麗な速攻を見てって感じw #NintendoSwitch pic.twitter.com/U6pm2RzQKi— …

RailsでFont Awesomeのアイコンが画面遷移時にちらつく問題を解消する

自作のRailsアプリの短歌投稿サイトUtakataで、通知アイコンのベルアイコン等にFont Awesomeを利用しているのだけれど、アセット管理をSprocketsからWebpackerに移行してから、画面遷移時にアイコンの表示が毎回再読み込みされてちらつく問題が起きるように…

久しぶりに『ハルスベリヤ叙事詩2』を遊んでみたら別ゲーレベルで進化していた件 ―全勢力攻略メモ付き―

フリーゲームの『ヴァーレントゥーガ』*1派生作品の『ハルスベリヤ叙事詩2』を久しぶりに遊んでみた。 コンシューマーゲームによる盗作事件 『ハルスベリヤ叙事詩2』は2014年の公開時に遊んで以来、WindowsのPCが手元にない環境だったのもあってしばらく触っ…

Pornhubのコロナ応援無料トライアルキャンペーンに興味本位で登録したら悪質な抱き合わせ契約にハメ込まれて1万円カモられた話

タイトルの通り非常に恥ずかしく情けない話なのだけれど、ブロガーとして書かない訳にはいかないと思った。 Pornhubの無料トライアルキャンペーン はてブトップでこの記事を見かけたのが悪夢の始まりだった。興味本位でPornhubの有料プランの無料トライアル…

岡村記事振り返り ―誤解釈があった部分の整理と次回放送を聴いて―

前回の記事、はてブが沢山ついてフィードバックを多く貰ったけれど、今になって思うと一部誤解釈もあったので次回放送内容も踏まえつつ振り返ってみたい。 主要な解釈の間違い まず全体的な趣旨の解釈として、矢部さんは殺伐とした炎上騒動をコンテンツ/シ…

人の変わらない部分を変える必要はない ―ナインティナイン岡村隆史謝罪放送を聴いて―

*1ナインティナイン岡村さんがセックスワークと貧困に関する不適切発言を謝罪して、矢部さんが「公開説教」した回をradikoのタイムフリーで聴いた感想を書きたい。 矢部さんによる炎上緩和策としての「公開説教」 岡村さんが冒頭から沈痛な様子で謝罪の言葉…

リモートワークはつらい(自己管理能力のない人間にとっては)

TLに「リモートワークめっちゃ楽」「在宅仕事でも続けられる」と度々目にするが、ウン十年在宅で仕事してきたおじさんから言わせてもらうとそれが楽しいの 最 初 の 半 年 だ け やで.......— 有馬桓次郎 (@aruma_kanjiro) 2020年4月15日 リモートワークが楽しい…

Twitterのデータダウンロード機能を使ってみたら1GBのデータ量に圧倒されるも肝心の全ツイートのデータが欠けていた話

虚偽DMCA申請による凍結騒動 突然のアカウント凍結で皆様にはご心配をおかけしましたがDMCA報告が虚偽であると判断されたらしく無事解凍された模様です。虚偽の通報をした犯人には然るべき法的ケジメをつけさせる所存ですので皆様引き続きご協力お願いします…

PuppeteerでWebスクレイピングが捗る ―株マップ.comの銘柄スクリーニング結果を取得する―

趣味の株式投資で投資対象の選定にクォンツ・リサーチ社が運営する株マップ.comの銘柄スクリーニングを便利に使わせて貰っているけれど、これまで ブラウザのブックマークからスクリーニング結果にアクセス 表の文字列を手元のテキストエディタにコピペ 正規…

オタクの原点としての一方的な愛とこき下ろし ―Amazonレビューの評価に惑わされて高級ヘッドホンを2つ買ってしまった話―

ビックカメラでヘッドホンを視聴 audio-technica アートモニターシリーズ 密閉型ヘッドホン ATH-A500X出版社/メーカー: Audio Technica(オーディオテクニカ)発売日: 2011/10/14メディア: エレクトロニクス気に入って使っていたオーディオテクニカのATH-A500X…

colspan="100%"の罠 ―W3CのHTML5仕様書を読んでみた―

項目1 項目2 項目3 データが登録されていません 仕事で、上のようなテーブル(データがないときに、データがない旨のメッセージを表示する)に列を追加したら 項目1 項目2 項目3 追加された項目 データが登録されていません このようにテーブルが欠けるバグ…

特定のディレクトリ下のファイル内の文字列をまとめて置換して保存する

$ sh replace.sh 特定のディレクトリ下のファイル内の文字列をまとめて置換する必要があったので、シェルスクリプトで書いてみた。 $ for file in `find ./ -maxdepth 1 -type f`; do; sed -i '' -e 's/置換前/置換後/g' $file; done 改行部分を;で区切って…

Webエンジニアというナイスな職種 ―業務未経験から1年が経って―

前職を辞めてRailsを独学し、業務未経験からWebエンジニアになって7月で1年になり、なかなか順調なので、Webエンジニアという職種(実際には私の個別の働き方に関する内容を含むけれど)の良いところを書いてみたい。 何をしているか 家事代行サービスを提供…

短歌投稿サイトUtakataがリリース後1周年になりました! ―現状の課題―

短歌投稿サイトUtakataをリリースしました!縦書きで美しく作品を共有できます。ぜひユーザー登録して使ってみてください。過去作品の投稿も歓迎します!https://t.co/5CjhY4WQHX pic.twitter.com/GpaWHrd4EZ— Utakata (@utakatanka) June 23, 2018短歌投稿…

男性学/メンズリブ的な考え方のどこがしっくり来ないか

メンズリブをやっているのにメンズリブに共感できないという悩み 私は「うちゅうリブ」というメンズリブ的な問題意識を背景とした語り合いの場を主催して1年以上になるけれど、実を言うとこれまで男性学/メンズリブの典型的な考え方に共感できたことがあま…

自作オセロの思い出

3年前にJavaScriptで作ったオセロを今になってGitHub Pagesで公開してみた。プログラミングを勉強し始めたばかりの頃に作ったもので、Canvasで駒と盤面を描画して、そこそこ強い対戦AIまで付いていてなかなか凝っている。コードは汚過ぎて自分でも読めないけ…

AWS S3のJPEG画像のExif情報を一括で削除して更新する

Google PageSpeed Insights*1で、自作のRails製Webサービスの短歌投稿サイトUtakataを調べていたら、「適切なサイズの画像」という項目に引っかかった。詳細を見てみると、アイコンに使われているJPEG画像のサイズが、数KB〜数100KBまで妙に差があることが原…

VSCodeのRuboCop拡張を入れたら捗った

RailsアプリのコーディングスタイルのチェックにRuboCopを使う際に、毎回コンソールから起動するのを面倒に感じていたけれど、会社のエンジニアに教えて貰って、VSCodeのRuboCop拡張があることに気づいた。拡張機能をインストールすると、ファイルを保存する…

Gillette「ベストな男性」CMを読み解く ―男性性のポジティブな再解釈と逃れ得ない「強さ」への期待―

*1アメリカの剃刀メーカーGilletteの"We Believe: The Best Men Can Be"というCMが話題になっている。私も視聴してみて興味深く感じたため、その内容と論点を整理したい。 CMの内容 ―Gilletteの自己批判と新たな男性性の提示― 「有害な男性性」への批判に、…