スタジオジブリ制作の長編アニメーション映画作品、 「もののけ姫」が今月12日、公開から25年を迎えました。 それに合わせて英BBCは14日、特集記事を配信しています。 早速ですが、以下が要点になります。 ・評論家のスティーブン・ケリー氏は、 「もののけ姫」について以下のように書いている 「この映画は、宮崎駿作品の中でも最も複雑な作品である。 しかしこの作品が欧米でどのように扱われたのかが、 日本と欧米の芸術の根本的な違いを物語っている」と。 ・「テクノロジーは悪。もののけは善」。 そういった単純な構図にする事も出来ただろうが、 この映画はそうではなかった。 宮崎監督は以前に雑誌のインタビューでこう語っている。 「実際には悪人ではない人が良かれと思って行った事が、 とんでもない事態になる事もあるのです」。 ・日本文化研究者のスーザン・J・ネイピア女史は、 「ジブリを観ると、西洋の視点とは逆に

AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。 「これどうやる？」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集 ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。 ユーザーの視線を奪うアニメーションやレイアウ

Webのレスポンシブは、メディアクエリによるページベースだけでなく、コンテナクエリによる親コンテナベースの実装ができるようになります。 このCSSの新機能コンテナクエリによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の実装も簡単になります。Googleのデベロッパーによるコンテナクエリをデベロッパーツールで検証およびデバッグする方法を紹介します。 Inspect and debug CSS container queries by Sofia Emelianova, Jecelyn Yeen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに基づき翻訳しています。 はじめに コンテナとその子孫を見つける コンテナクエリを確認する方 コンテナ要素を検索する方法 コンテナクエリをデバッグする方法 はじめに この記事では、Chromeの

概要 みなさんは、このドロップシャドウを見てどう思いますか？ ドロップシャドウの色が濃かったり、ドロップシャドウの向きが変な方向だったり、 あまり綺麗なドロップシャドウとは感じないですよね？ この記事では、これが発生する原因 と 綺麗なドロップシャドウの使い方を解説していきます。 この記事を読んで理解すれば、これからドロップシャドウに悩むことはなくなるでしょう！ ドロップシャドウが綺麗にならない原因 1. デザインを3次元として捉える UIやグラフィックデザインは、複数の平面が重なりながら、組み合わさって作られています。 例えばUIだと、 ベースとなる平面に、カードの平面が重なっていたり、 カード平面の上に画像やボタンといったオブジェクトが置かれています。 このように、UIやグラフィックデザインは２次元で作られているのではなく、 各平面・オブジェクトがZ軸上に重なることで作られています。

こんにちは、Wantedlyでデータサイエンティストをしている樋口です! 先日会社で買ってもらったデータビジュアライゼーションの基礎を読みました。データ可視化について網羅的にわかりやすく書かれており参考になったため、記事にまとめてみました。書籍の英語版は無料で公開されているため、よければこちらも参考にしてみてください。 データビジュアライゼーションの知識を学ぶことで、科学的に誤った表現をせずに、芸術的に美しい表現ができ、明確で明瞭かつ魅力的にデータから得られる示唆を伝えることができる様になります。📊 本記事では、特定のライブラリや描画手段によらないデータ可視化の基礎について紹介します。 分量が多くなってしまったので、本記事ではデータビジュアライゼーションの”グラフ"にのみ着目しています。グラフ以外の構成要素(色、タイトル、テキスト、etc.)については別途記事にしたいと思います。 本記事

FLEXY編集部の麻衣子お姉さんが、現場の最前線で活躍するエンジニアへ会いに行くこの企画。 「聞いたことあるけど良く分からない」「ざっくりと教えて」という非エンジニアならではの問いに答えてもらいます。技術書やWebで調べてもいまいち難しくて理解できないあんな技術やこんな技術。プロに優しく教えてもらいましょう。 今回のテーマは「アジャイル」。麻衣子姉さんもアジャイルという単語は聞いたことがあるものの、なぜ巷で流行っているのか、そもそもスクラムとの違いが何なのかは知らない様子。LINEの横道稔さんに伺いました。 アジャイルの基本をわかりやすく教えて！ 麻衣子：エンジニアの方がよく口にする「アジャイル」って何ですか……？「ウォーターフォール」との違いはなんでしょうか？ 横道：まず初めに、ウォーターフォールとアジャイルは対となる概念ではないということからお話させて下さい。 麻衣子：対比で語られるこ

1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。（動画インタビュー） 前の記事：教室みたいなスピーカーを部屋につけてチャイムを鳴らすと最高 ＞ 個人サイト NEKOPLA Tumblr こんな写真を作ってみた この記事で作り出すのがどんな写真か、最初に完成形を見てもらおう。 人が行き交う駅の改札前 石垣を這うツタ よく晴れた日の川面 苔むす雑木林 これらの写真の特徴は、「8色」しか使ってないという点である。しかも任意の8色ではなく、どれも同じ8色（黒、白、赤、青、緑、水色、紫、黄色）だけで出来ている。 ドット絵のように見えて写実的でもあり、いまにもチープな音楽が聞こえてきそうな、心揺さぶる写真に仕上がった。ブラウン管モニタに映してじっくり鑑賞してみたい衝動に

こんにちは。masakichiです。 わたしはプログラミングの学習をしたり、情報収集をする時に好んで動画を閲覧することが多いです。 そんな中、最近英語圏のYoutubeチャンネルのクオリティが有料級並みに高いことに気づきドハマりしています。 ぜひ、プログラミングを学ぶ同志にも視聴してほしいと思い、おすすめのYoutubeチャンネルをまとめました。 なお、わたしはフロントエンドを主としていますので、紹介するチャンネルにも偏りがあります。予め、ご了承のほどよろしくお願いいたします。 The Coding Train 所感 スネークゲームやパズルゲームなどクリエイティブなチュートリアルがたくさんあるチャンネルです。運営者が教育の仕事もしているようなので、説明がわかりやすいと思いました。また、語学学校の先生みたいなノリで喋るので、聞き取りやすく親しみを感じることができると思います。 技術範囲 p5

ヤギの人🐐 @yusai00 「内向的な性格の人を一箇所に集めるとどうなるか」 Imagine putting a lot of introverts in one room tiktok.com/@qilastiktok/v… 自分の飼ってる犬が内気な性格なので、同じような性格の犬を飼ってる人に呼びかけて集合してみたそう。なかなか貴重な光景だ笑 instagram.com/qilasinsta/ pic.twitter.com/Dq1Q5Pc0gn 2022-07-10 18:01:00

※本記事は2019年11月に公開された内容です。 JavaScript用のフレームワークの中でも高い採用率を誇るVue.js。そのVue.jsをこれから学び始める方は、学び方を教えてほしい、有識者の話を聞きたいと考えたことはありませんか。本記事では、「Vue.js入門 基礎から実践アプリケーション開発まで」の著者である手島拓也氏にVue.jsを学ぶ前に知っておきたいポイントを語っていただきます。Vue.jsの勉強方法や手島氏の経験を知ることができるので、ぜひご覧ください。 学ぶ前にまずはどんな案件があるか知りたい方は、FLEXYで取り扱っているVue.js案件をご覧ください。 私のエンジニア史とVue.jsに出会うまで 先日、慶應義塾大学矢上賞（起業支援）授与式で招待講演をする機会がありました。その際にも強烈に感じたのですが、Vue.jsと私のエンジニア史を切り離して語ることはできません。

1976年の「科学」の付録だった、成人の6分の1サイズの人体骨格立体モデル（中央）＝東京都品川区で2022年6月8日、内藤絵美撮影 カメラに顕微鏡、アリやカブトエビの飼育セット、人体骨格の標本――。子どもの頃、夢中になって付録を組み立てた人も多いのではないだろうか。学研が発行していた小学生向けの付録付き雑誌「科学」は、兄弟誌の「学習」とともに最盛期に670万部を記録したマンモス雑誌。少子化などで休刊していたが、12年ぶりの今夏、復刊するという。うれしい知らせに、あの頃のワクワクがよみがえる。新しい「学研の科学」に込められた思いを聞きに、編集長に会いに行った。【大沢瑞季】 アリの巣を観察、乾燥卵からカブトエビ…… 「わー、懐かしい！」。東京都品川区にある学研ホールディングスの本社ビル。地下1階のギャラリーにずらりと並ぶ、歴代の「科学」の人気付録を見て、思わずショーケースに張り付いた。 私（記

📝 はじめに こんにちは犬です。 デザインシステムをはじめる上で、 Figma の神プラグインを見つけたので共有します！ わたしが携わっているプロジェクトでは、エンジニアとデザイナーの双方向のコミュニケーションツールとして Figma Tokens を採用しています。 📝 Figma本体 だけでは実現が難しい色の管理手法 Figma と フロントエンド実装時の色の管理については以下のように取り決めました。 # 色の定義と利用方法 1. Primitive colors を定義 ここで定義した色をサイト全体で使用する。 ※ 定義はするものの、全ての色をサイト全体で利用するとは限らない。 基本色（赤、黄、青、、、など）からアルファ値や彩度、明度を機械的に算出して全カラーパレットを作成。機械的に出した色に微妙なものがあった場合は微調整する Primitive colors の例 red.10

オガワサラ @saraogawa_ ここまで読んでくださりありがとうございます！✨本日1巻が発売された「私の武器を仕込んだら」に収録されているお話になります。気になった方は是非読んでみてください…！#わたすき わたしの武器を仕込んだら(1) (comic POOL) amzn.asia/d/cAcxJZi 2022-06-24 21:54:16

ダイアログやハンバーガーメニューといったユーザーインタフェース（UI）は、多くのウェブサイトで利用されており頻繁に見かけます。どこでも見かけることから「簡単に作成できる」と思われがちですが、意外と実装が難しいUIです。たとえば、エンジニアでなくとも、以下のような現象に気付いたことはないでしょうか？ ダイアログを表示中に、裏側のコンテンツがスクロールできてしまった ダイアログを表示中に、Tabキーでキーボード操作を行うと裏側を操作できてしまった ▼裏側がスクロールできてしまう例 ▼裏側がキーボード操作できてしまう例 これらを解決するためには、手軽な正攻法はなく、複雑なJavaScriptの制御が必要になります。本記事では、ダイアログやハンバーガーメニュー等のモーダル系のUIに存在する気付きづらい問題点と、解決方法を紹介します。ダイアログとハンバーガーメニューはそれぞれ役割の異なるUIですが、

Sponsored by オイシックス・ラ・大地 こんにちは！好きな給食は麻婆豆腐だったちずるです 今日は小学校の給食の思い出について描きます ご依頼での記事ですがいつものように好きだった献立などの話をします 気軽に読んでもらえるとうれしいです 特別なデザート 小学校の頃、給食が余ると欲しい人で集まってジャンケンをする方式でした。 ハンバーグなどの肉おかずやデザートは人気でジャンケンの参加者が多く、滅多に勝ち残ることができず「いつかいっぱい食べたい！」と思っていました。 特に青リンゴゼリーが大好きで、ゼリーだけど少し凍っているためシャーベットのようで特別な味に感じました 大人になってから給食のおかずやデザートを試食する機会があり、たまたま青リンゴゼリーが沢山ありました。 大きさも味も記憶の中とほぼ同じで、念願の「青リンゴゼリーが好きなだけ食べられる」という状況でしたが１個で満足。 給食で食

半分ネタ記事です。あんまり真面目に書きません。 項目数が多いので，気力でなんとか書きます。分類は諦めます。 他にもある！っていうのがあったらコメント欄で教えて下さい。気が向いたら追記します。 公式の TypeScript 型定義がもはや型定義を諦めている 辛い度: ★★★★★ 辛い中でもこれはかなり上位に来るやつ。 こちらに OpenAPI 形式で仕様が定義されていて， https://github.com/slackapi/node-slack-sdk/tree/main/packages/web-api/types ここに仕様に基づいて TypeScript の型定義ファイルが吐かれるようになっています。 Git 管理されていないので，実際のリリースを見てみましょう。 https://unpkg.com/@slack/web-api@6.7.2/dist/response/Reacti

chot.design上のコンテンツは、実際にWeb／IT企業で働いている現役のクリエイターが制作したものという。ちょっと社代表の小島芳樹さんは自身のTwitterアカウントで「変なオンラインサロン入る前にここで勉強してみてください！」とアピールしている。 無料公開を決めたのは同サービスの運営から手を引くため。現在は全レッスンの無料公開と共に、有料サービスの利用者に対して返金対応を行っている。 ちょっと社が取り組んでいたデザインやフロントエンド開発の受託事業が急激に成長した影響で、chot.designに手が回らない状況が続いた。今後はサブスク型プログラミングスクールを提供するDonbler（東京都渋谷区）が事業を継承するとしている。 関連記事 穴埋め問題を簡単に作れるWebサイト、「試験勉強に役立つ」と話題に　教育系IT企業のCTOが作成 マウスやタッチ操作で直観的に穴埋め問題を作成でき

anond:20220610212049 増田とともにねこ一匹ひと一人の生活を送るねこは今月22歳になりました。パソコンの中に保存している写真を見直していると2003年ころの写真が出てきました。まだ全身まるみがあってふわふわしていて、明るいところではちゃんと瞳孔が細くなって瞳もぼんやり白く曇ってないみずみずしい若ねこの姿がそこにありました。今でこそ口内炎が痛くても食べていただけないかと顔色を伺いつつ、片膝をついておくちもとに捧げるように給餌している毎日ですが、当時はカリカリは一日中出しっぱなし、適当に買ったねこ缶を朝と夜に半分ずつ分けて出す……と今思えばかなりいい加減なお世話をしていました。でもねこも増田もいっしょに遊ぶのが大好きで、とくに先っぽのフェイクファーが取れてしまった残りの単なるプラスチックの棒をぐるぐる回りながらいつまでも追いかけて息を切らしてお水を飲むところまでを何セットも繰

2022-08-27 データ抽出に特化したAirbyteによるEL(T) 環境構築の実践 データ基盤 Airbyte ELT こんにちは。今回は、データ基盤の構築の一部を実際に体験してみたいと思います。 データ基盤を作成するにあたり、まずは、社内に眠る様々なデータを集めてくる必要があります。前回の記事では、その機能を「収集」と紹介していました。 データ基盤とは何か… データ基盤 データ分析基盤 実践 2022-08-18 Metaflowでモデルの学習をpipeline化するまで MLOps Metaflow Pipeline 皆さんは「MLOps」について取り組んでいらっしゃるでしょうか。私は2018年頃からデータクレンジングや機械学習モデルの構築や運用をしてきましたが、当時の日本で私の耳にはMLOpsという言葉が入ってくることはありませんでした。 ただMLOpsの元となった「Dev…

Web 技術解体新書「第二章 Cache 解体新書」リリース Intro 「Web 技術解体新書(Web Anatomia)」の第二章として「Cache 解体新書(Cache Anatomia)」をリリースしました。 これで予定している八章のうち二章が終わりました。 第一章: Origin 解体新書 第二章: Cache 解体新書 Cache 解体新書 以下の Response Header Field がどういう意味を持つか正確に説明できますか? おそらく多くの Web 開発者が一度は見たことがあり、これを「1 時間キャッシュする」という意味で指定している人もおおいでしょう。 では、どこから 1 時間で、 1 時間経ったらなにが起こるのか、これが Response でなく Request に付与されたらどう変わるのか、きちんと把握できていますか? そもそも、一般的にキャッシュ機構における