かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き！ 思いついたら追加する 「版ズレ」風 版ズレ ＝ 印刷の際に、色の版がズレて出力されてしまう現象。（アナログっぽい雰囲気を出すために、あえてズレているように見せるデザイン手法として使ってます） 一番上のレイヤーに紙っぽいテクスチャを乗せて乗算かける 後ろのテキストはaria-hidden="true"でスクリーンリーダーに読み上げられないようにする （疑似要素でやりたかったけど乗算上手くいかなかった・・） ▼ HTML <div class="hanzure"> <img src="紙っぽいテクスチャ" alt=""> <div class="hanzure01"> <p class="front">版ズレ風の表現</p> <p class="back" aria-hidden="true">版ズ

Intro CSRF という古の攻撃がある。この攻撃を「古(いにしえ)」のものにすることができたプラットフォームの進化の背景を、「Cookie が SameSite Lax by Default になったからだ」という解説を見ることがある。 確かに、現実的にそれによって攻撃の成立は難しくなり、救われているサービスもある。しかし、それはプラットフォームが用意した対策の本質から言うと、解釈が少しずれていると言えるだろう。 今回は、「CSRF がどうして成立していたのか」を振り返ることで、本当にプラットフォームに足りていなかったものと、それを補っていった経緯、本当にすべき対策は何であるかを解説していく。 結果として見えてくるのは、今サービスを実装する上での「ベース」(not ベスト)となるプラクティスだと筆者は考えている。 CSRF 成立の条件 例えば、攻撃者が用意した attack.examp

仕事でsedのコードをパパッと書いて使ったら、コードレビューで動かんと言われてしまった。そういえば、同僚はMacで、おれはLinuxだったな。 まぁsedならよくある話なので、しょうがないと思ってawkで同じことをした。awkは比較的もうちょっと互換性がある気がしているからだ(どっこいどっこいな気もする)。 しかしまだ動かないと言う。もう、大絶叫だ。アー。おしまいだ。カスがよ〜〜〜と思いつつ(社会人なので絶叫はしない)、よく調べてみるとmakeの互換性だった。というのも、試しにbrew install makeしてGNU Makeで試してみてくれ、と言ったら、あっさり動いたからである。実はsedもawkも悪くなくて、そいつを呼び出してるmakeに互換性がなかった。ごめんな、お前たち悪くなかったよ。でもそれはそうと互換性はない。 define foobarstring ... endef #

甦れキーボード 今更ですが、このキーボード限界が近づいてきました。 その前にnoteにその足跡を・・・ 今回は、私が資格試験の勉強用に購入したiPad Pro 11インチ（第3世代）と、その専用キーボードであるSmart Keyboard Folioについて、使ってみた感想を書きたいと思います。 初心者、入門者の方に届けば幸いです。 iPad ProとApple Pencilで勉強するメリット FP（ファイナンシャルプランナー）やDCプランナーの試験を受けるために、iPad Proを購入しました。iPad Proは、Apple Pencilというペンで書くことができるのが特徴です。私は、Good Note5というアプリを使って、教材や問題集をPDFで読み込んで、その上に直接書き込むことができます。これは、紙の本よりも省スペースで、かつ書き消しや色分けなどが自由にできるので、とても便利です。

ショウ井上の「黒革の投資手帳」 | | | 平和で安定した時代もまもなく終わり、これからは激動の時代に入っていきます。我々個人個人としても、国に何かをしてもらうという発想ではなく国のために何ができるかを問われる時代になるのではないでしょうか。 シーザーサラダの語源が、ローマの英雄　ジュリアス・シーザー（ラテン語読み：ユリウス・カエサル）と関係あるのかとよく聞かれる。 シーザーサラダとジュリアス・シーザーは、まったく関係ない。 シーザーサラダの語源は、つぎのようなものらしい。 1924年7月14日に、メキシコ・ティファナのホテルシーザーズ・パレスにハリウッドからの客が、大挙して押し寄せてきた。 米国内では禁酒法が施行されている時代でもあり、酒の飲めるパーティーのために米国から国境を越えて人がやってくることは珍しいことではなかったが、その日のシーザーズパレスでは、大問題が発生した。 レストラン

Home » 【寄稿】「VTuberは”気持ち悪い”。だから何？」 MV『ビビデバ』から読み解く星街すいせいの挑発 【寄稿】「VTuberは”気持ち悪い”。だから何？」 MV『ビビデバ』から読み解く星街すいせいの挑発 3月23日にリリースされ、2週間足らずで約840万再生を突破した、星街すいせいの新曲MV『ビビデバ』。そのMVの内容に多くの視聴者が驚きの声をあげている。実写映像とアニメーションを組み合わせた独特な作品で、星街すいせいの圧倒的な歌唱力も相まって、コメント欄には「革新的な作品」「中毒性エグすぎる」「映像技術と発想力に感動」といった感想が非常に多く寄せられている状況だ。さらに、これまで星街すいせいやホロライブを知らなかった視聴者層にも人気は広がっており、TikTokなどでもダンスパートを再現したショート動画が数多く投稿されている。 サビのダンスの振り付けや、出演者のドタバタとした

サイゼリヤの料理はどれもまずくて高い 「サイゼリヤの料理は、まずくて高い」 私がそう言うと、皆さんとても驚きます。最初は冗談と受け取る方もいるようですが、そんなことはありません。私は大真面目に、本気で「サイゼリヤの料理は、まずくて高い」「あんなまずいものを出してしまって、お客様に申し訳ない」と言っています。 その気持ちに嘘も偽りもありません。 安くておいしい料理を提供することで、日本中、世界中のすべての人に、豊かな食を届けたい。みんなに幸せになってほしい。そう願いながら、私は60年間走り続けてきました。 おかげさまで「安くておいしい」と評価していただけるようにもなりました。2024年2月現在、ミラノ風ドリアは300円、グラスワインは100円です。 究極の理想は「タダにすること」 でも私に言わせれば、まだまだです。 価格でいうと、理想はタダにすること。 寄付とボランティアに頼った無料食堂を運

「東西線」という路線名は、文字通り、ある街の東西を貫く路線で使われています。現在の日本では、札幌市営地下鉄、仙台市営地下鉄、京都市営地下鉄、東京メトロ、JR西日本（JR東西線）が、東西線として案内されています。また、阪急・阪神の神戸高速線も、設備を保有する神戸高速鉄道内での名称（および開業時の名称）は東西線です。 現在の大阪にある東西線は、京橋駅と尼崎駅を結ぶ、JR西日本のJR東西線のみです。しかし、1970年代にもわずか半年ほどだけ、別の東西線が存在しました。 もう一つの東西線があったのは、大阪府の北、豊中市と吹田市。東西線は別名で、正式には「会場線」という名称でした。この会場線は、北大阪急行が営業していた、千里中央駅と万国博中央口駅を結ぶ、約3.6キロの路線でした。 北大阪急行の車両 終点の駅名の通り、この路線が建設されたのは、万博輸送のためでした。1970年に開催された、大阪万博こと

小宮友根准教授の記事に非難轟々。「初手から飛躍した議論」「ジェンダーフェミニズムの屁理屈は本当に害悪」「根本的に誤り」 - Togetter というまとめ。炎上繰り返すポスター、CM…「性的な女性表象」の何が問題なのか（小宮 友根,ふくろ） | 現代ビジネス | 講談社（1/9） という記事へのお怒りの言葉が集められている。 当該記事に対しては先日ここでも紹介したヌスバウムによる性的モノ化の基準を持ち出してきたところは称賛したい。実のところこのヌスバウムの基準にあてはめればこれまで放火されてきたキャラクターや宣伝のほとんどは性的モノ化にすら該当しないことがわかるだろう。 さて非難の集まってる当該記事に関しては、対話を呼びかける言葉とは裏腹にいわゆる「オタク」層に対する差別と偏見を扇動してる側面がある。それをここで説明していこう。 まずわかりやすいのはコレだ。 社会学者の考えるゲームにおける

2023年6月のWWDC（World Wide Developers Conference）23で発表され、2024年2月に米国で販売が開始されたApple Vision Proを、はてなのエンジニア5人が入手しました。 ということで、3月初旬に5人がApple Vision Proをつけて、オンライン座談会を行いました。その様子をお伝えします。 Google Meetで座談会をしています 本記事中のApple Vision Proは、使用者がそれぞれ「技適未取得機器を用いた実験等の特例制度」に基づく届出を行い、適切な管理の下に使用しています。 この無線設備は、電波法に定める技術基準への適合が確認されておらず、法に定める特別な条件の下でのみ使用が認められています。この条件に違反して無線設備を使用することは、法に定める罰則その他の措置の対象となります。 座談会の模様はYouTubeでも公開し

Vision Pro をハワイまで買いにいってきたのでその話。これを書いた時点では Vision Pro はまだアメリカ国内でしか販売されていないので、ハワイのApple Ala Moanaまで買いに行った。 www.apple.com 一緒に買いに行った同僚(id:yutailang0119)もブログを書いてる。あっちの方がしっかりしてる。 yutailang0119.hatenablog.com 但し書き 2024/02現在では Vision Pro は日本国内の技術基準適合証明（技適）を取得していないのでそのままでは合法的に日本国内で利用することができません。筆者は後述する特例制度の届け出を行っています。 この無線設備は、電波法に定める技術基準への適合が確認されておらず、法に定める特別な条件の下でのみ使用が認められています。この条件に違反して無線設備を使用することは、法に定める罰則そ

桜餅といえば、粒感のあるピンク色の餅で餡を丸く包んで桜の葉を巻いた和菓子だ。関西で生まれてこのかた、「桜餅」と言われればまずこれだった。それ以外の「桜餅」の存在なんて想像すらしていなかった。 ところがどうだ、東京に来てみれば見慣れないやつが桜餅を名乗っていた。平べったい生地で餡をロールケーキのように巻いてその上からさらに桜の葉を巻いた和菓子。関東ではこれを「桜餅」と呼ぶらしい。 アホか。どこが餅だ。今日からきみは桜クレープと名乗りなさい。おしゃれぶりやがって。なんだその軽やかなフォルムは。ヨックモック気取りか。洋菓子のパーティにでもお呼ばれしているのか？大体その葉っぱはなんだ。意味があるのか？その桜の葉っぱはな、本物の桜餅をそのまま触ると手がべたついてしまうから巻かれているんだよ。きみは見たところ結構さらさらしているようだが本当に桜の葉っぱが必要だったか？そのまま手でつまんで食べられそうな

はじめに The Bezos Mandateという文書があります。日本語に訳すと「ベゾスのお達し」とか「ベゾスの勅令」でしょうか。 言わずと知れたAmazon.comのCEO、ジェフ・ベゾスが開発チームに通達した内容です。 これが（元Amazon.com従業員によって）公開されたのは2011年ですが、ベゾスがこのお達しを出したのは2002年前後です。17年経過した現在でも真理をついているどころかようやく時代がベゾスに追いついたかという感想です。 この記事ではThe Bezos Mandateの紹介と、僭越ながら補足説明も行います。 お達しの内容 原文は元Amazon.com従業員のGoogleエンジニア（公開当時）、Steve Yeggeによって公開されました。 Google+にStevey's Google Platforms Rantというタイトルで、Amazon.comと比べたGoo

米アップルが2月に発売したゴーグル型端末「Vision Pro（ビジョンプロ）」=写真はAP=に使われる部品のうち、価格ベースで42%を日本企業が供給していることが分解調査でわかった。ソニーグループのディスプレーやキオクシアのメモリーが採用され、国・地域別では韓国や台湾、中国を抑えて最多だった。日本勢の部品シェアはアップルのスマートフォンの最上位機種「iPhone 15 Pro Max」の10

アメリカに行くのは大変ですね。アメリカに行きたい話をひとつ前に書いていましたが、それを決行しようとしています。 僕の計画はこうでした。 2月16日にパスポートを受け取る 即効ESTAを申請する ESTAが通る 2月17日にハワイへ 僕の実際はこんな感じです。 2月15日に航空券を予約する 2月15日に交付予定日より1日早いけどパスポート受け取れないかとパスポートセンターに行く→ダメと言われた 2月16日 9時にパスポートセンターが開くのと同時に受け取りに行く 2月16日 9時半 ESTAを申請する 2月16日 10時半 ESTAが承認される こんな感じで、万事うまく行っていたはずだったんですが、投機的に取っていた航空券に間違っているところを見つけてしまいまして。 具体的には、名前と苗字を逆にしていました。国際線はパスポートの名前と一致していないと乗れないのですよね。ググっても、なんとかなっ

このレシピのポイントはココ！ ミルクチョコレート約400枚、リッチストロベリーチョコレート約870枚で作る超巨大アポロ。 直径約45cm、高さ約50cmでインパクト大！ そんな超巨大アポロの手作りに挑戦してみませんか？ ・冷やし固めるのに冷蔵庫で約12時間かかります。 ・保存の際は直射日光や高温を避けた涼しい環境が望ましいです。 ・温度管理が良くないとブルームが出ることがありますのでご注意ください。 ・完成時の重量が約50kgになるので持ち運びに気を付けてください。 削ったチョコレートは牛乳や生クリームと一緒に火にかけてホットチョコレートにしたり、チョコレートフォンデュでお楽しみください。 1個分 明治ミルクチョコレート：400枚（約20kg） 明治リッチストロベリーチョコレート：870枚（約40kg）※期間限定の販売となりますので、時期によってはお買い求めいただけない場合がございます。

このレシピのポイントはココ！ ミルクチョコレート約400枚、リッチストロベリーチョコレート約870枚で作る超巨大アポロ。 直径約45cm、高さ約50cmでインパクト大！ そんな超巨大アポロの手作りに挑戦してみませんか？ ・冷やし固めるのに冷蔵庫で約12時間かかります。 ・保存の際は直射日光や高温を避けた涼しい環境が望ましいです。 ・温度管理が良くないとブルームが出ることがありますのでご注意ください。 ・完成時の重量が約50kgになるので持ち運びに気を付けてください。 削ったチョコレートは牛乳や生クリームと一緒に火にかけてホットチョコレートにしたり、チョコレートフォンデュでお楽しみください。 1個分 明治ミルクチョコレート：400枚（約20kg） 明治リッチストロベリーチョコレート：870枚（約40kg）※期間限定の販売となりますので、時期によってはお買い求めいただけない場合がございます。

6日朝、北海道羅臼町の沖合でシャチおよそ10頭が流氷に囲まれて身動きがとれなくなっているのが見つかりました。流氷に覆われて近づけないということで、羅臼町は「流氷が崩れて逃げ出すのを見守るしかない」としています。 羅臼海上保安署によりますと、6日朝8時半ごろ、羅臼町の沖合でシャチが流氷に囲まれて動けなくなっていると、地元の漁業者から連絡がありました。 午前10時すぎに羅臼町の沿岸で地元の人が撮影した映像では、沿岸からおよそ1キロ離れたところで、シャチが流氷の間でもがくような動きをしていました。 また、同じ時間帯にトドなどの調査をしていた民間業者が陸上からドローンを飛ばして撮影した映像では、海一面が流氷で覆い尽くされた中およそ10頭のシャチが流氷に囲まれて身動きがとれなくなっている様子が確認できました。 民間業者によりますと、午後4時ごろには午前中に確認した場所から北東におよそ2キロ離れた沖合