※ CSS Animationに関してはWeb Animation APIを使うことでより簡単にJavaScriptからアニメーションを構築・制御できるようになります。2020年2月時点ではブラウザの実装が不十分でPolyfillを要するため、この記事では対象外としています。 専用ライブラリを使わずにアニメーションを作ろう 各ライブラリは特別な魔法を使っているわけではありません。 原理的にはCSS・SVG・WebGLといった各要素技術をしっかりと習得すれば、専用のライブラリと同等のことができるばかりか、より高い自由度を手に入れながら軽量化を実現できる可能性もあります。 また、専用のライブラリを利用する場合にも、基礎となる原理や各技術の得意不得意を知っていることは大きな武器となるでしょう。 Vue.jsを使ってCSSやSVGのアニメーションを書く とは言え、これらのアニメーションを土台の技術

こんにちは！　管理栄養士の北嶋佳奈です。 安いと思って丸々1個買ったものの、なかなか減らないキャベツ。そこで今日は、キャベツがたっぷり食べられるレシピを紹介します。にんにくをガツンと効かせて、お酒のおともにもぴったりな一品です。にんにくのいい香りでつい味見したくなる、でも味見でなくなりそうなほどおいしい“無限キャベツ”ですよ。 ビタミンC豊富なキャベツ、そして抗酸化作用の強いにんにくで、まだまだ寒い季節の免疫力を助けましょう。 北嶋佳奈の「キャベツのガーリックオイル蒸し」 【材料】（作りやすい分量） キャベツ　1/4個 にんにく　大きめ1かけ（5～6gくらい） ごま油　大さじ1 鷹の爪（輪切り）　1本分 鶏がらスープの素（顆粒タイプ）　小さじ1 水　大さじ1 塩、黒こしょう　少々 作り方 1. キャベツはざく切り、にんにくはみじん切りにする。 2. フライパンにごま油とにんにく、鷹の爪を熱

スマホ、スマートウォッチ、タブレット、コンピュータ、ディスプレイなど、ほとんどすべてのデバイスが網羅されたモックアップ素材を紹介します。 iPhone 11 Pro, Google Pixel 3などの最新機種をはじめ、古い機種のモックアップ素材も揃っています。

冬の間着たセーターやコート、クリーニングに持ってけばいい？手洗いする？ 革製品以外エマール（洗剤、３００円）いれて洗濯機で手洗いコースで風呂の蓋に並べて干す（洗濯ネットつかったほうがいい） お風呂の水道の下、普段掃除しない場所のカビ、いつ洗うんだ、もう取り返しがつかないのか？ 薬局で３００円でうってるカビ取りスプレーかけてシャワーで流す。排水溝の中も髪の毛のかたまりを割り箸でとったあとカビ取りスプレーブシャァから５分まってシャワざーっ　髪の毛の束を取り除くのを一番頻繁にしたほうがよい 換気扇の中 森は春の大掃除ですって気分になったらオキシクリーンにつけこんで流す つけこみ場所がないなら退去するまで放置 ベランダの手すり 布団や毛布をエマール洗したあとは手すりに干すとおもうが屋外手すりにじかにかけるとまた汚れるので干す前にちょっとふくだけでいい　バスタオル？たてにたたんでハンガーにかけろ　基

こんにちは！カメラマンの伊藤真美です。 突然ですが皆さん、餃子は好きですか！？ 私は大・大・大好きです！ 一日の終わりに、ビールと餃子さえあればその日はもうそれだけで最高だったなと思うくらい餃子が大好きです……！ そんな私のもとに「生きてる餃子」を食べられるお店があるとの噂が！ 生きてる餃子……？餃子が？生きている？？いったい何なんでしょうか……？ というわけで、代々木にある「手延でっかい餃子 曽（そ）さんの店 代々木店」に行ってきました！ 餃子が「生きてる」ってこういうことか…！ じゃん！お店に着くと、のれんにも堂々と「生きてる餃子」の文字が。 いったいどんな餃子なんだ……！さっそく頼んでみましょう。 こちらが「焼き餃子」（570円）。1皿に6つのっています。1つ1つが大きくて食べごたえがありそうですね。 片面がこんがり焼けているスタイル。見るからに皮が厚い！もちっ！ぷりっ！としてますよ

「天地創造」、「エデンの園」、「カインとアベル」、「大洪水」伝承、「モーセと出エジプト」、預言者と預言の数々……。旧約聖書について断片的なエピソードを知ってはいる、あるいは、それが旧約聖書の記述にもとづくものだということを特に意識せずにたとえ話などとして用いている、ということは、旧約聖書にその源のある一神教の信者の方でなくとも、少なからずあるのではないでしょうか。 初学者も旧約聖書に触れられる 旧約聖書について、体系的でありながら、だけど初学者も頑張れば読めるという概説書はこれまであるようで、なかなかなかったと思います。聖書に親しんだ経験のある人と、そうでない人の（実は私はこちらになりますが）双方に向けてわかりやすく伝えるということが、相当に難しいからでしょう。 今回、NHKラジオ「宗教の時間」のガイドブックで、上智大学特任教授で古代オリエント博物館館長でもある月本昭男さんが、その難事業に

いじめられっ子漫画家 山田花子の隠蔽された障害 虫塚虫蔵 （追悼号となった『ガロ』1992年8月号） 面識がないのに、過去のどこかで関わった存在。見て見ぬふりして、無理にも顔をそむけたその存在。つまりこの人は、弱者にとって忘れられない存在だ。（文庫版『自殺直前日記 改』西村賢太の帯文より） 1.はじめに 2.山田花子の生涯 2-1.幼少期～小学生時代 2-2.中学入学後～投身自殺 3.隠蔽された障害の正体 4.「表問題児」と「裏問題児」 4-1.差別的感覚と被差別的感覚の同居 4-2.いじめられっ子でいじめっ子 5.本書の問題点 山田花子プロフィール 寄稿／山田花子「自由（ラク）に生きる方法（ヒステリー治療によせて）」 解説／根本敬「マリアの肛門を見た女」 解説／手塚能理子「姿優しく色美しく」 解説／阿部幸弘（精神科医）「ぎゅうぎゅう詰めの空っぽ」 寄稿／蛭子能収「それでは山田花子さん、さ

最近俺が会社に行くとあからさまに窓を開けられたりしてなんなんだと思っていたら、上司に社内でお前の臭いが問題になっている。不潔だ。直せないなら辞めてくれと言われた。 特に通り一遍というか特別気を使ってるわけではないが、同じ服を着続けるとか風呂に入らないとかそういうことは一切ない。 歯も三食食後に磨いている。 あまりに驚いてしまい、彼女や友達に相談したら、ぜんぜん臭くないと言われた。 翌日一応気をつけて出社したら、上司に別室に呼ばれて、お前に改善する気がないのはよくわかった。今日は帰ってしばらく来なくていい。改善したら連絡してこいと言われた。ショックが大きくてどうしていいかわからなくなった。 彼女に相談すると、まったく感じないからわからないけど、一度全部洗濯しようと言ってくれ、一生懸命洗濯してくれた。スーツ類は全部クリーニングに出し消臭対応をしてもらった。 その後上司に連絡を入れて翌日出社した

CSSのscroll-snapプロパティを使用すると、スマホのホーム画面のようにちょっとずらすだけで、すぐに次のコンテンツを表示させることができます。今まではJavaScriptの領域でしたが、これからはCSSのみで実装できます。 scroll-snapプロパティの基礎知識と便利な使い方を紹介します。 Practical CSS Scroll Snapping 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 スクロールにスナップさせる「scroll-snapプロパティ」 「scroll-snapプロパティ」のサポートブラウザ 「scroll-snapプロパティ」の基礎知識 親要素の「scroll-snapプロパティ」 子要素の「scroll-snapプロパティ」 「scroll-snapプロパティ」の便利な使い方 スクロールスナ

新作『そいねドリーマー』の発売を記念して、2018年5月のSFセミナーにて行われた伝説のインタビュー「百合との遭遇2018」採録を公開いたします。 （9/13追記：続篇を公開しました） 宮澤伊織『そいねドリーマー』 （2021年追記：現在は文庫版が刊行されています） ■覚悟宮澤　こんにちは、宮澤伊織と申します。昨年にハヤカワ文庫から『裏世界ピクニック』を出したことで、本日ここに呼んでいただきました。 ——『裏世界ピクニック』は、この世界の〈裏側〉に謎だらけの異世界が広がっていて、そこを女子ふたりが探検していくというＳＦサバイバルホラー小説です。ＳＦやホラー要素はもちろん、この「女子ふたり」という部分も大変な好評をいただけて、シリーズ化して現在２巻まで刊行されています。 宮澤　百合好きの方々にも喜んでいただけて嬉しく思っています。 ——はい。ということで今回の「百合との遭遇」は、宮澤さんが小

人間を理解し、人工知能をさらに先へ。 情報処理学で多大な功績を残した長尾真氏と 「ロボットは東大に入れるか」プロジェクトで人間の能力に注目するようになった 国立情報学研究所の新井紀子教授が、 AI技術の発展にはこれから何が必要になるのか、徹底討論しました。 人間の知能を支えるもの新井　私が「ロボットは東大に入れるか」というプロジェクト(※1)を始めたときに人工知能学、特に言語処理の方面から「何でこんな役に立たないことをするのか」という批判的なご意見を受けました。そんな中、長尾先生が「それは今やるのはなかなか面白かろう」と、言語処理学会の記念大会などに私を講師として呼んでくださったのが印象に残っています。 長尾　でも、それから4～5年のうちに東ロボをおやめになった。「もうちょっとやったら面白いところまで展開するのでは」と思っていたので、それが残念です。 新井　いえ、まだプロジェクトはやめてい

今でこそ腰を悪くしてしおらしくなってしまったが、昔のバアちゃんは『肝っ玉母さん』という言葉を具現化したような人だった。 いや、肝っ玉母さんっていうか『屈強』という感じだったかもしれない。 本人いわく『この世に怖いものはミミズしか無い』とのことで、オバケにもチンピラにも堂々と立ち向かう人だった。 なんでゴキブリは素手で握りつぶせるのにミミズは怖いのかよくわからなかったが、少なくとも僕はバアちゃんが何かに怖気づいているのを見たことが無い。 年老いてからもなかなか屈強だったバアちゃんだが、母によると若い頃はもっと無茶苦茶に恐ろしい人だったらしい。 そんなバアちゃんの屈強エピソードとして母がよく語るのが『除霊事件』である。 事件が起こったのはまだ母が中学生だった頃…つまりバアちゃんがどんな物事でも腕力で片付けようとしていた頃の話だ。 当時中学生だった母は、二段ベッドの上の段で寝ていたという。 いつ

突然ですが皆さまはタコの刺身、好きでしょうか。僕は好きです。 生でもボイルでも分け隔てなく好きなのですが、あの絶妙の味加減と弾力のある歯ごたえ。虜になるなと言うのが土台無理な話で、とにかく刺身といえばタコというところまで追いつめられているのです。タコの刺身、好きすぎる。 この思いを多くの人が共有してくれると思うのですが、ある日、とんでもないことに気が付いてしまったのです。 いつものように行きつけの居酒屋にてタコの刺身を味わっていた時のことでした。当たり前のように美味い刺身なのですが、なにかいつもと違う。こうなんというか、いつもと違う深いコクが立体構造のようになって口の中に広がったのです。これはどういうことだとマジマジと刺身を眺めたのですが、まあ、普段と変わらないタコです。むしろいつもより鮮度が悪いとすら感じました。それなのになぜここまで深い味わいが出るのだろうか。 しばらく考えたのですが、

経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール

「アプリケーションエンジニアが知るべきDNSの基本」というタイトルで、builderscon tokyo 2018 で登壇するスライドです

自分のポートフォリオサイトをサンプルに、どのくらいの容量削減ができるのかを確認してみました。 jsおよびCSSは、サイトの表示に必要な要素を1ファイルにバンドルした状態です。 画像ファイルはjpegの圧縮率などによって最終的なサイズが大幅に変化するので、jsとCSSのサイズ変化のみを取り上げました。 Bootstrap + Font Awesomeのような重量級フレームワークを使用しても、十分に実用的な容量まで削減できました。これならスマホ+3G回線での表示も心配ありません。 手法 適用しやすさを順に手法を並べると、以下のようになります。 遅延する 圧縮する キャッシュする まとめて削る 遅延する サイト上にあるほとんどのリソースは、実際には後から読み込んでも問題なく動作します。 まず最小限の構成でサイトを表示させ、重いファイルは後から読み込みます。 javascriptの遅延読み込み h

5月、母が亡くなった。 このことについて、心情的なところを書き始めると僕もつらいし興味ない話なのでここで語るのは避けようと思うが、人が亡くなった後の手続きはいろいろ参考になることも多いと思うので書き残しておこうと思う。 連載インデックス (1) 葬儀とその時期の手続き (2) 戸籍謄本の収集 (3) 法定相続情報一覧図の写しの作成 (4) 遺産分割協議書の作成 前提 僕の両親は離婚していて、その後母は再婚していない 兄弟は3人。長男の僕と次男の弟、そして長女にして末っ子の妹がいる。 僕は東京住まい、弟は兵庫県で父と住んでいて、妹は大阪で母と住んでいた。 兄弟仲は悪くない状態になっている 過去は一言も口をきかないレベルで、母を通じてお互いを知るという状況だった。 不動産などの大きな財産はなかった 役に立った本 インターネットで色々調べたけど、それぞれが書きたいことを書いている感じで何が正しい

電車内で女児の首を絞めたとして、埼玉県警大宮署は暴行の疑いで、さいたま市西区の契約社員、前田晃祐容疑者（２２）を現行犯逮捕した。 逮捕容疑は１７日午後６時５５分ごろ、大宮駅に停車中のＪＲ川越線の電車内で、富士見市の女児（１）の首を絞めたとしている。 同署によると、女児は当時電車内で泣いていたため、母親（２５）が抱いてあやしていたところ、突然首を絞められた。前田容疑者は女児と面識はなく、「赤ちゃんが苦しくなくなると思って首をしめた」などと供述しているという。女児は病院に搬送されたが、命に別条はないという。 現場に居合わせた同県警浦和署員が前田容疑者らを同駅のホームに下ろし、「首を絞めた」と認めたため現行犯逮捕した。

1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：ミラノのサンドイッチはけっこうミラノサンド