昨日、PIXIV TECH FESで登壇させていただいたときに発表したスライドの内容になります。 当日、来れなかった方はぜひこちらをご覧ください! そして、当日お越し下さった皆さま本当にありがとうございました! Twitterで「CSSアニメーション」「CSSヤクザ」というワードがたくさん飛び交って、とても嬉しいです。 これからもCSSと共に新しい表現を模索していきますのでぜひお楽しみに!

作家・演出家の鴻上尚史氏が、あなたのお悩みにおこたえします! 夫婦、家族、職場、学校、恋愛、友人、親戚、社会人サークル、孤独……。皆さまのお悩みをぜひ、ご投稿ください(https://publications.asahi.com/kokami/)。採用された方には、本連載にて鴻上尚史氏が心底真剣に、そしてポジティブにおこたえします(撮影/写真部・小山幸佑)この記事の写真をすべて見る 写真は本文とは関係ありません(※イメージ写真/iStock) 鴻上尚史の人生相談。「息子は愛せるのに15歳になる娘はどうしても愛せない」と自身に苛立つ39歳母親。だが罪悪感を感じるという相談者に、鴻上尚史が訊ねたのは、相談者の文面で気になるいくつかの言葉。 【相談57】息子は愛せるのに、娘のことをどうしても愛せません(39歳 女性 母親失格) どうしても、娘を愛せません。15歳になる娘を、生まれた時から、愛せな
要約 JAMstack手習で、 Nuxt + Strapi + Apollo のブログを作ってみます。 手本記事(チュートリアル) [strapi.io] Build a blog with Nuxt (Vue.js), Strapi and Apollo https://strapi.io/blog/build-a-blog-using-nuxt-strapi-and-apollo 手元環境 macOS Catalina (10.15.1) anyenv (1.1.1) nodenv (1.3.0) Node.js 12 LTS (v12.13.0) Yarn (v1.19.1) Google Chrome (78.0.3904.108 (Official Build)) 拡張機能: Vue.js DevTools (5.3.3) 拡張機能: JSONView (0.0.32.3) Vi
git の submodule、便利ですが安定してない(変更の多い)リポジトリに使うと 地獄です。 Submodule Hellです。 やばいです。 開発で変更が入りまくるリポジトリをうっかりsubmoduleにしちゃった! かなり開発して入り組んできたけどどうしよう…。 #なぜsubmoduleが地獄になるのか? 更新が多いリポジトリはコミットが2箇所になって地獄 しかも変更がsha-1形式でしか分からなくて地獄 submoduleのクラス名・メソッド名等をリネームすると、親側もリネームが必要になって無駄に2回のコミットをしなくちゃいけなくて地獄。 さらに、親のコミットはコードの修正&submoduleの変更の取り込みも必要 submoduleの参照先同士が衝突した時、何が悪いのか探すのが大変すぎて地獄 いともたやすくsubmodule側が detached HEAD になって自分のコミ
はじめに この記事はJAMstack Advent Calendar 2019の12日目の記事です。 JAMstackについては既に今回のアドベントカレンダーの記事でも他の方が記事を書いてくださっているので省略いたします。 今回の記事ではNuxt.jsのジェネレート機能を使って記事をマークダウンで書くことができるブログサイトについて紹介します。 また、Nuxt初心者なので間違えている部分も多くあるかもしれませんがご容赦くださいm(_ _)m 今回利用した主なもの Nuxt.js Vue.jsアプリケーションを構築するためのフレームワーク 静的ジェネレート機能も実装されているので今回はこれを使ってジェネレート Netlify 静的ホスティングサービス Github ここにリポジトリを置いておく GithubのmasterにプッシュされたらNetlifyにデプロイされるように設定をしておく p
21 Lessons: 21世紀の人類のための21の思考 作者:ユヴァル・ノア・ハラリ出版社/メーカー: 河出書房新社発売日: 2019/11/19メディア: 単行本『サピエンス全史──文明の構造と人類の幸福』で、「虚構を操る力こそが人類を生き残らせた」という観点から過去を。続く『ホモ・デウス──テクノロジーとサピエンスの未来』では、生命の遠い将来を研究し、「これから先、人類は何に取り組むのか」と問いかけたユヴァル・ノア・ハラリの新作『21 Lessons』は、ハラリがはじめて現代の諸問題を真正面から取り扱った一冊だ。 これまでハラリが何千年に渡る過去、そして未来をその射程に入れてきたが、本書ではこの数十年、場合によっては数百年までの社会的、経済的、政治的危機を中心に取り扱っている。たとえば、雇用の減少、年々難しくなる教育、世界的な気候変動などなどである。ハラリはあいもかわらず明確な語り口
HONZメンバーが選ぶ今年最高の一冊。令和元年となった2019年もこのコーナーがやってまいりました。 今年はHONZが始まって以来一番の、ノンフィクションの当たり年であったと言えるのではないでしょうか。こんなにも次から次へと面白そうな本が出ては読みきれません。そしてどこまでも自由なHONZメンバーたち。今年は初の試みとして、原稿の催促を一切しないでみましたが、やはりただ待っていても、原稿は届かないものです。 そんなワケで、今年は原稿の到着が遅かった順に掲載してみます。早く送ってくれた方々、どうもすみません! 麻木 久仁子 今年最も「元号を感じた」一冊 半藤一利さんといえば「歴史探偵」の異名を持つ昭和史の水先案内人のようなお方、多くの人々に昭和史探検の楽しさを教えてくれた方である。かくいう私も半藤さんの『日本のいちばん長い日』や『昭和史1926~1845』『昭和史 戦後編1045~1989』
ある日、テレビ局からメールが届いた。内容は要約すると以下の通りだ。 "数学検定1級に9歳で合格した安藤匠吾くんに取材をしているのだが、どうやって勉強したのかと聞くと、あなたのYouTubeチャンネルを愛用しているらしい。番組内でYouTubeの授業動画を使用させて頂けないか" え・・・、 ほんとに・・・?数検1級といえば、その試験範囲に大学数学(微分積分・線形代数・確率統計など)を含む、合格率が10%を切ることもある難関試験である。 それを小学4年生の子供が・・・?冷静なフリをして返信を済ませ、そっと喜びを噛み締めた。自分のYouTubeチャンネル(予備校のノリで学ぶ「大学の数学・物理」:通称『ヨビノリ』)は主に大学レベルの数学や物理を扱うチャンネルであり、メインのターゲットはもちろん理系大学生である。 しかし、開設当初から「学校の勉強に満足ができない子に進んだ教材として利用してほしい」と
この本の伝えることは基本的にひとつである。できるだけ習慣の単位を小さくしろ!ということだ。習慣の力は偉大であり、毎日続ければ筋トレでも、英語でも、本を読むのでも、本を書くのでもいろいろなことが成し遂げられるようになる。一方で毎日継続して何かをするのはなかなか難しいものである。この本の伝えるのは、その点を解決する最大の秘訣は、習慣にしたいことの単位をなるべく小さくすること。もし腕立て伏せを習慣にしたいのなら、たった1回やればよいということにする。それが結局のところすべてを解決する鍵となる。 たとえば筋トレをして、いい体を手に入れたいとする。それを具体化するためには、毎日実際には体がギリギリになるまで腕立て伏せをやらないといけない。たとえば50回とかだ。しかし、50回の腕立て伏せを毎日やるというすごい目標を立てるのは、自分に厳しい目標を立てているという意味では満足感はあるのだが、実際には挫折す
読めば読むほど、本を読んでいる場合ではなく運動しなくては!という気分にさせてくれる本だった。学校の成績、うつ、不安障害、ADHD、妊娠・出産・閉経、薬物乱用、アルコール乱用、老化などさまざまな例に対して運動がどう効くかを丁寧にひとつずつ確かなエビデンスを示しながら伝えてくれる。 この本の冒頭は、運動をすることで学校の成績がよくなるという話からはじまる。運動を学校がはじまる前の「0時間目」として取り入れ、心拍計をつけて強度をコントロールしながら体育をやった結果、生徒たちの成績が優位に向上したという話である。この章を読むだけで、自分の生活にもこの0時間目を取り入れたらどうなることだろう!と思い始める。日本に住んでいたときは毎日朝自転車で30分走って会社まで通勤していたので、自然とこの0時間目を取り入れられたんだなあと感じた。たしかに、当時は朝からひと仕事した気持ちで、完全に100%の状態で始め
今年はよく本を読んだ1年であった。合計60冊の本を読んだ。そのうち、特に面白かった本、とりわけ自分に影響を与えた本を年の瀬にまとめる。この10冊を選ぶのにはかなり苦労した。そもそも本を選ぶ時点でかなり面白そうな本を選んでいるので、それほど極端なハズレというのがない。この中に選ばなかった本でも、面白くないというわけではなく、全然おすすめである。 脳を鍛えるには運動しかない ジョン J. レイティ すでに別記事で感想を書いた。運動をすることでどれだけ多くの問題が解決するのか、ということが豊富な例示を持って語られる。運動をして頭がよくなった高校のプログラム、運動をすることで精神疾患がよくなった例など。人は運動するようにプログラムされており、じっとしていることがいかに体によくないか、もしくは自分のパフォーマンスを損なっているかがわかる。頭脳労働者ほど運動をしないとだめなのだ。 剱岳 新田次郎 これ
今年は素晴らしい良店ばかり こんにちは! 東京ソバット団のソバット本橋です。 そばって、うまいですよね。ということで、最近は立ち食いそばにこだわらず、おいしいそばの新しい動きを、日々、追いかけているわけです。 今回は年末でもありますし、そんな素晴らしいそば記事の数々をまとめて紹介しちゃおうと思います。 INDEX ▽1.四谷三丁目:音威子府TOKYO ▽2.水道橋:とんがらし ▽3.小川町:河北や ▽4.青物横丁:そば切り うちば ▽5.新橋:三松 ▽6.東武練馬:蕎麦たりお ▽7.五反田:後楽そば ▽8.市ヶ谷:そば処 瓢箪 ▽9.虎ノ門:そば処 大吉田 ▽10.人形町:誠や9号店 ▽11.志村坂上:さかうえ ちなみに今回ご紹介する店の場所はこちら。 どれも素晴らしいので、ぜひこの記事を参考にして足を運んでみてください! 前回のまとめもよろしく! www.hotpepper.jp 【音威
Web上でアニメーションを表示するなら「Lottie」がおすすめ!特徴と使い方など Webサイト上でアニメーションを実装する場合、簡易なアニメーションはCSSやJavaScriptで手軽に作ることができますが、リッチなアニメーションを作ろうと思ったらコード量も結構なボリュームになってしまいます。 そんな時におすすめなのが「Lottie」です。LottieはAfter Effectsで作成したアニメーションを簡単にWebやアプリで表示することができ、パフォーマンスにも優れています。 今回は、Lottieの特徴や使用するメリット、使い方などをご紹介したいと思います。 Lottieとは LottieはAirbnbが公開しているアニメーションを表示するためのライブラリです。スマホなどのネイティブアプリがメインのようですが、Webサイト上でも高クオリティのアニメーションを簡単に表示することができ、非
主に添好運(ティムホーワン)・鼎泰豊(ディンタイフォン)より参照 1.温キャベツこれは鼎泰豊の。 見た目は普通の茹でキャベツ。 一度口に入れればニンニクの味が広がり無限に食える。 前菜におすすめ。 2.大根餅餅という割にもちもちしていない。 大根が刻んで入っているけどそんなに味も強くない。 米粉がつなぎに入っていてあっさりして食べやすい。 酢醤油をつけて食べる。ふつうにうまい。 3.小籠包これ食べずして中華を食べたとは言わせない。 箸で持ち上げれば肉汁でたぷたぷ。 小皿の上で皮に穴を開ければじゅわりと 熱々の肉汁が溢れ出し、食欲をそそる。 これは争いが起きる美味しさ。 4.海老チャーハン鼎泰豊にあった。 中華が苦手な人にもおすすめ。 大きなプリプリのエビが入ったパラパラチャーハン。 味付けも癖がない。 米が恋しくなったらこれを食べよう。 5.タピオカ今回行ったのは毛青茶室と空港内の。 日本
Oculus Quest、やってます?自分はメチャメチャはまってます。 おはこんばんちわ、kouraku です。今回で最後の投稿となります。 近々、Web業界を引退することとなりました。 ということで、最後に何を書こうか・・・と色々と考えてみた結果、 これまでお世話になったSassのmixinを紹介することに至りました。 「あー、あるよねー」とか、「え?そんなの必要???」なんて感じで見ていただければ幸いです(笑) inline-blockでの隙間を削除 // ---- // * ex) @include remove-letterspace(); // ---- @mixin remove-letterspace { letter-spacing: -0.4em; > * { letter-spacing: normal; } } どうせなら子供にdisplay: inline-bloc
表現の自由で、現実と虚構の区別はつくと言ってるけど、個人的には全くつかないと言わざるを得ない。 というより、現実と虚構の境界線があいまいだからだ。 現実と虚構は区別がつくという理由に「物語における殺人シーンを見て殺人をする人はいない」という話が出る。 しかし、人を殺したいって、ハードルが高い。物理的ハードルが高い。ヒヨコを殺すのとはわけがちがう。 人間をうっかり殺すなんてことはかなり難しい。 人を殺したいと思いながら生きている人間自体が異常だし、教育において人を殺してはいけないというのは前提条件だ。 そもそも、人を殺すには動機が必要だ。よほど憎んでいるか、殺人という行為に興味を持つか。 現実と虚構の区別が難しい、と思う理由は、創作物語における人間の反応だ。 たとえば、悪役女優を演じる方は、日本において悪役女優ばかり演じる傾向がある。 役がハマる、というのもあるだろうが、本来、いろんな役がで
先に言うと、騒ぎを起こした当人はどうでもいいです。なのでリンクも貼りません。 似たような話はあちこちにあって、後付けの理由にすぎない部分を真面目にとりあって論破しても、人の感情は動かせなかったりする— スドー🌻 (@stdaux) June 14, 2019 当人はごちゃごちゃ言ってますが、「後付け」の理由にすぎないと私も感じます。最初のツイートがばずったのでそのあと調子に乗って発言したらそこをたたかれたから主義信念の話にずらしてうやむやにする。そういう人と話をしても得るものはありません。というかイケハヤ界隈の人らしいので心底どうでもいいです。 なので、ここから先は「子供に〇〇を教えること」についてどこまでは親の判断でやるべきか、という部分について考えてみたいという話です。 論点は3つ。 「お箸をただしく持てることは大事かどうか」 「親の主義主張を子供に押し付けていい話かどうか」 「子供
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く