デザインシステムを育てていく
はじめに ここ最近はデザインシステムの構築や支援を行なっています。そこで、デザインシステムを作ることが目的になっていることを感じることがあります。私はデザインシステムは作ることよりも、育てていく考え方が重要だと思っているので、その考えについてお伝えします、どなたかの参考になれば幸いです。 デザインシステムとは？ まずはデザインシステムそのものについてです。デザインシステムの事例から学んでみます。 GoogleのMaterial Designは「チームがより高品質なデジタル体験を各OS上で構築するためのもの」と表しています。 Material is a design system created by Google to help teams build high-quality digital experiences for Android, iOS, Flutter, and the w
ICS MEDIAでは「Figma」の機能紹介記事を多く公開しています。Figmaは標準でも十分な機能が備わっていますがプラグインを利用することでより便利にカスタマイズ可能です。 今回の記事では、プラグインの使い方とオススメのプラグインを紹介します。Figmaは他のデザインツールと比べ、プラグインを利用するまでのハードルが低く、とても使いやすくなっています。まだ使ったことがない人や便利なプラグインをもっと知りたいという方にオススメの記事です。 Figmaプラグインの使い方 Figmaのプラグインを見つけるにはFigmaコミュニティが便利です。Figmaアプリのホーム画面の「コミュニティ」ボタンから、Figmaコミュニティへアクセスしましょう。 プルダウンから「プラグイン」を選択すると、コミュニティに公開されているプラグインの検索が可能です。 プラグインアイコンの右下のマークで、対応している
HashiCorpは今後リリースする全製品のライセンスを、これまで採用してきたMozilla Public License v2.0（MPL2.0）から、商用利用に制限があるBusiness Source License v1.1（BSL1.1）に変更すると発表しました。 Future releases of HashiCorp's core products will adopt the Business Source License. We know our community will have questions, so please read our blog post to understand why, and see our FAQs to understand the changes: https://t.co/riF4EZdQhphttps://t.co/TID1ps7
川口市の治安は悪化していないか調べてみた
蕨と川口とクルド人の問題に関して その1 https://anond.hatelabo.jp/20231004185146 川口市は『広報かわぐち』という広報誌を配布しているが、この10月号で犯罪認知件数が過去最低を記録しているとの広報を打っている。 https://www.city.kawaguchi.lg.jp/material/files/group/3/202310-04.pdf （略）実際には治安は過去最高となっている。 ほうほうと思ってデータを見てみよう。 https://www.city.kawaguchi.lg.jp/soshiki/01040/020/18/5604.html https://www.city.kawaguchi.lg.jp/material/files/group/15/5sinaihannzai7.pdf https://www.city.kawagu
2019-nCoVについてのメモとリンク
リンク集目次 国内外の状況 政府機関・国際機関等 学術情報 疫学論文 分子生物学／ウイルス学論文 臨床論文 インフォデミック関係 ワクチン関係 変異株関係 時系列メモ目次 新型コロナウイルス（2020年1月6日，11日） インペリグループによる患者数推定（2020年1月18日） 患者数急増，西浦さんたちの論文（2020年1月20日，23日） WHOはPHEIC宣言せず（2020年1月23-24日） 絶対リスクと相対リスク（2020年1月26日） 研究ラッシュが起こるかも（2020年1月27日） なぜ新感染症でなく指定感染症なのか？ なぜ厚労省令でなく閣議決定なのか？（2020年1月27日） コロナウイルスに対する個人防御（2020年1月27日） 国内ヒト＝ヒト感染発生（2020年1月28日） フォローアップセンター設置，緊急避難等（2020年1月29日） PHEICの宣言（2020年1月3
potato4dとうなすけが2020年に使用した技術をそれぞれフロントエンドエンジニアの目線とサーバーサイドエンジニアの目線から書いてくれていたので、私も感化されて記述していこうと思う。d.potato4d.me blog.unasuke.com 私自身は2020年、本業としてFringe81（2020年12月で退職）でサーバーサイドをメインで触り、業務委託としてBlack Inc.でフロントエンドに近い開発をしていた。（あと数社お手伝い） どちらかというとサーバーとフロント、両方の立場から多角的な意見を言えるような立ち位置で仕事を行っていた年になる。 また本業においては情報処理安全確保支援士として活動を始めた年になった。社内のセキュリティ向上を目標としていた。 qiita.com qiita.com 今回は仕事で触れていた技術について、できる限りまとめていく。 --- 言語 TypeSc
TL;DR モチベーション ウェブページの背景に星空を見せたかった。それがちゃんと実際の星空の、リアルタイムの状況を反映していたら面白いよねと思った。 スタート時の状況 主に愛情のこもった手打ち HTML5 と 手打ち CSS でシンプルな Web ページを作っていた https://web.archive.org/web/20210212085818/celestian.io この前にどうやら React が世間では流行ってるらしいということで React と TypeScript を使った小さい 1 ページアプリを作った https://web.archive.org/web/20201202100627/https://celestian.io/ssr/ 今の https://celestian.io/sushi の前身 C# で WPF のデスクトップアプリとか作ってたことがあった
Electronic Frontier Foundation iMessageで送受信される画像をスキャンするというAppleの新たなプログラムは、これまで暗号化メッセージのプライバシーとセキュリティを強く支持してきた同社の方針転換となる。このプログラムの適用範囲は現時点では米国内に限定されているが、クライアントサイドスキャン可能なエンド・ツー・エンド暗号化という歪んだ理解をもたらすことになる。Apple社は児童搾取・虐待といった問題の解決を目的として、極めて容易に監視・検閲に転用可能なインフラを構築する。Appleは（訳注：子どもの保護以外の）幅広い要求に応じることはしないと反論するが、仕組みそのものがその反論を否定しているのである。 これまで世界中の国々が、暗号化されたメッセージへのアクセスとコントロールを要求してきた。復号メッセージへの（訳注：都合のいい）アクセスは強力な暗号化とは相
![それを作れば彼らはやってくる：Appleが開く世界的な監視・検閲へのバックドア | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/b649ca4c28dc4e9d1b9756a50a52801268233cc5/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2021%2F08%2F2445354787_121af4481d_ae.jpg)
View Viewに相当するものは？ Androidではボタン、ツールバー、inputsなどのすべてがViewです。 Flutterでは、Viewとおおよそ同じものがウィジェットです。 ウィジェットはAndroidのViewに正確に対応しているわけではありませんが、Flutterがどのように機能するかを学んでいる間は、"UIを宣言および構築する方法"と考えることができます。 ただし、これらにはいくつか違いがあります。はじめに寿命が異なります。 ウィジェットは不変であり、変更が必要になるまで存続し続けます。 ウィジェットやそのウィジェットのStateが変更されるたびに、Flutterフレームワークは、新しいウィジェットツリーを作成します。 それに対して、AndroidViewは、一度描画されたら、invalidate()が呼ばれるまで再描画されません。 Flutterのウィジェットは、その不
【個人開発】最新のNext.js+NextAuth.js+prisma+microCMSでECサイト作ってみた【フルスタックアプリケーション】 - Qiita
【個人開発】最新のNext.js+NextAuth.js+prisma+microCMSでECサイト作ってみた【フルスタックアプリケーション】TypeScriptフロントエンド個人開発Next.jsprisma はじめに 皆さんこんにちは、mamiなのだ！ 今回はバックエンドは作らずにNextAuth.jsやprisma、microCMSなどを利用してNext.jsでECサイトを作成してみたので、その方法や手順などを公開しつつ、認証周りや大型開発案件でも採用されるstorybookなどについても解説していこうと思うのだ！ フロントを勉強し始めた初学者さんや、フロントがメインではないバックエンドエンジニアの方に向けて、丁寧に解説を挟みながら書いていくので「へ〜フロントってこんな感じのことやってるんだ〜」と思ってくれたら嬉しいのだ！ ちなみにこの記事は丁寧に解説しすぎて死ぬほど長くなってしまっ
ユーザーが「使いやすい」と感じるアプリケーションは、良いUIデザインで設計されているともいえます。良いUIデザインでは、ユーザーの認知負荷を下げる工夫がされています。認知負荷を下げる仕組みを知るには、心理学とUIデザインの密接な関係を理解することが重要です。 行動心理学や認知心理学の発展により、人間の感情や行動は、脳の仕組みに基づいて様々な法則に当てはめられることが分かってきました。UIデザインでも、心理学を活用したアプローチでより良いユーザー体験を生み出すことができます。特に業務システムのような複雑なアプリケーションでは、メニューや画面レイアウトなど幅広く活用できます。 今まで心理学はマーケティング領域で応用されることが多く、ウェブサイトやアプリケーションのUIデザインで語られることはそれほど多くありませんでした。そこで本記事では、人の様々な心理現象や認知の法則を、UIデザインに活用する
米GoogleのWebブラウザ「Chrome」のロゴが8年ぶりに変わる。同社のインタラクションデザイナー、エルヴィン・フー氏が2月4日（現地時間）、ツイートで予告した。開発者向けのCanaryバージョン（バージョン99）は既に新しくなっており、3月29日リリース予定のバージョン100の公式版からこのロゴになる見込み。 隣接する色の境目にあったシャドウがなくなり、中心の円が大きくなり、色も明るくなる。「Googleのより現代的なブランド表現に沿ったものになる」とフー氏は説明する。LinkedInによると、同氏は2019年からGoogleの「Material Design」に携わっている。 GoogleがChromeのロゴを変更するのはこれで3回目になる。徐々にフラットになってきているが、シャドウが気になっていた人も多いのではないだろうか。
中国の出産圧力、女性が突きつける「ノー」
This copy is for your personal, non-commercial use only. Distribution and use of this material are governed by our Subscriber Agreement and by copyright law. For non-personal use or to order multiple copies, please contact Dow Jones Reprints at 1-800-843-0008 or visit www.djreprints.com. https://jp.wsj.com/articles/china-is-pressing-women-to-have-more-babies-many-are-saying-no-4a7a84e9
UX/UI Design: Growing List of Top Resources (last update 02/2023)
A list of my favourite design resources. Everything that makes your life easier, from UX research to the perfect mockup. Instead of hiding it in the usual Google Doc, from now on it will live here on Medium and will be updated every time I find another little gem. So make sure to subscribe! By the way, this is not about quantity but quality. This list is from my personal point of view and everyday
Tailwind CSS 社内勉強会【まとめ】 - RAKUS Developers Blog | ラクス エンジニアブログ
背景 スコープ Tailwind CSSとは？ コンポーネント指向とは？ Tailwind CSSのメリット class名を考える必要がない デザインシステムの最低保証 ドキュメント、チートシートの豊富さ Tailwind CSSのデメリット classに多くのコードを書く必要があり、可読性が落ちやすい CSSの理解度がある程度必要 デザインを100%再現したい場合に強味を生かしづらい 他ライブラリやフレームワークとの比較 Bootstrapとの比較 Material UI/Vuetify等のUIライブラリとの比較 インライン記述との比較 まとめ 所感 参考 背景 こんにちは。mtaaaです。 社内のフロントエンド勉強会でTailwind CSSについて発表を行ったまとめとして、ブログに残したいと思います。 スコープ Tailwind CSSとは？ なぜTailwind CSSに注目が集ま
財務省vs文科省
https://www.kyobun.co.jp/article/2023101106 この記事のブコメがとんちんかん過ぎたので、記事に少し補足します。 ■３行で ・財務省は文科省の予算を下げる、コストカットするとは一言も言ってない ・近年は文科省の予算案は案の通り成立している ・財務省は、文科省の案通りにしてきた（拡充すべき点は予算増加させた）のでしっかり効果出せ、と言っている ・文科省の予算案 https://www.mext.go.jp/a_menu/kaikei/index.htm ・10月11日に開かれた財政制度等審議会（財務相の諮問機関）：財務省のコメント https://www.mof.go.jp/about_mof/councils/fiscal_system_council/sub-of_fiscal_system/proceedings/material/zaiseia
Reactでウェブフォームを作る2021
Webのフォームは、いつでもベストプラクティスを悩むものの一つです。React を使うとして完全に自作でやるのか？それともフォームライブラリを使うか？フォームライブラリならどれを使うか？ 今の時代 Formik を選ぶ理由はありませんが、React Hook Form と React Final Form のどちらを使うかはとても悩ましいです。 React Hook Form は利用経験者・採用実績が多い、速度が速いなど様々な利点はありますが、React 哲学に反する作りなどクセの強さが難点です。あと良くも悪くも利用シーンが豊富でドキュメントも豊富で迷子になりがちです。 React Final Form は Final Form の React wrapper です。個人的にはこちら React 的使いやすさに反すると感じてること、React Final Form として見たときにドキュメ
こんにちは！株式会社アプリボットでクライアントエンジニアをしている@siguma_sigです。 こちらは Applibot Advent Calendar 2023 24日目の記事になります。 前回の記事は@_kz_devさんの、自作パッケージの依存関係ちゃんと管理してる?静的解析とGraphvizで実現した自作パッケージ依存関係可視化ツール"prelviz"です。 はじめに ちょうど今年の初めから5月頃までにかけて、Unityを用いたモック開発ではありますが、初めてグラフィックス周りを業務で扱う機会がありました。 それまで私は、グラフィックスパイプラインやシェーダー周りを知識としてなんとなくは知っているが実装したことがないという状態でした。 それからグラフィックス周りを業務で扱うに当たって、モック向けではありますが、最終的にはURP上でキャラや背景のシェーダーを書いたり、アウトラインなど
この記事を読んで、文字色の判定の基準が気になったので調べてみました。 w3cのWeb Content Accessibility Guidelinesでは、明るい色と暗い色のコントラスト比が少なくとも 4.5:1 になるようにとなっていました。大きい文字では 3:1 まで。 Material DesignもWCAGのこの基準をもとにしているそうです。
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Sections What is time Representing time Where do we usually find time on Unix System time, hardware time, internal timers Syncing time with external sources What depends on time Human perception of time What is time Time is relative Measuring time and standards Coordinating time Time zones DST Time, a word that is entangled in everything in our lives, something we’re intimately familiar with. Keep
国立市の新築取り壊しマンションの件で議事録を読んでみた
ブコメを読むと積水ハウスを擁護する意見が多いのだけど、企業側に非がなければそう簡単に取り壊しをしないと思うので、国立市まちづくり審議会の議事録を読んでみた。 https://b.hatena.ne.jp/entry/s/biz-journal.jp/company/post_381532.html 第19回 国立市まちづくり審議会会議録 https://www.city.kunitachi.tokyo.jp/material/files/group/52/gijiroku19.pdf この審議会では富士山の眺望についても重点的に議論されていて、積水ハウス側（現代綜合設計）から資料が提出されている。 現代綜合設計(●●): …今回の計画については、まち並み調査により周辺景観に配慮した計画、また、富士見通りからの富士山眺望への検討配慮をした計画とするために、 次のページからちょっと検討資料を3
ロボットは、動力を供給するモーターと発熱エンジンが過熱すると、動作が停止してしまう。そのためロボットを永続的に動かすには、内部温度を管理する必要がある。 とりわけ、熱を素早く放散する金属とは異なり、熱を保持する合成材料で作られたソフトロボットにとって温度管理は重要だ。加えて、ソフトロボットは軽量で柔らかいことを特徴とするため、ファンなどの冷却技術を内部に挿入することは、スペースを占有し、重量が増加するため、最良ではない。 研究チームは、哺乳類の自然冷却システムから発想を得て、発汗機能を搭載したソフトロボットを開発している。発汗は蒸発した水分の損失を利用して急速に熱を放散し、周囲の環境温度以下に冷却する。 「Multi-Material Stereolithography」と呼ばれる3D印刷技術を用い、発汗に必要なナノポリマー材料を作成。ソフトロボットは、水を保持して温度に反応するヒドロゲル
この雑記を書く問題意識は、Tailwind CSSに対して向けられている世の人々の不満が、Tailwind CSSがコミットしていることから外れた、お門違いの期待の押しつけになっているのではないかと感じるところにある。 ライブラリやフレームワーク、道具にはそれが作られた目的があり、果たそうとするコミットメントがある。その圏内において果たされていないコミットメントに対する不満は、それ自体の存在意義にかかわる意味を持つが、しかし利用者が一方的に寄せた期待が果たされないことに対する不満はそうではない。 念押しするまでもないと思うが、これはTailwind CSSに対して不満を向けるべきではないという話ではまったくない。むしろ、その不満の下敷きとなっている Tailwind CSS への期待が Tailwind CSS 自体によってコミットされたものでないとしたら、不満を向けてもしょうがないのでは
歴史ある婚活サービスyoubrideがFlutterを採用しました - Diverse developer blog
最近はすっかりFlutterエンジニアになってます。id:kikuchy です。 Diverseが提供するサービスの一つに、youbrideという婚活サービスがあります。 youbride.jp この6月に、youbrideはAndroidアプリのデザインリニューアルを行いました。 youbrideアプリのデザインが大きく変わりました！ 変わったのは見た目だけではありません。 新アプリには、マルチプラットフォームフレームワークのFlutterを採用しています。 flutter.dev 近々、iOSアプリもFlutterで開発したバージョンに置き換える計画が進行中です。 そして、APIサーバーもRuby on Railsを使ったものに置き換えています。 rubyonrails.org サーバーとクライアント間の接続にはgRPCを使用しています。 grpc.io 構成はこうなっています なぜy
はじめに こんにちは、レバテック開発部の河村です。 私はレバテック各種メディアのリプレイスを担当しており、バックエンドを中心にフルスタック開発を行っています。 今回は管理画面のリリースで採用した、フルスタックフレームワークであるfrourioについて、frourioを採用した理由や使ってみて良かったこと、困ったことを紹介します。 この記事を通して、frourioのメリット、デメリットだけでなく、レバテック開発部ではどのような背景のもと、技術・アーキテクチャの選定を行っているのか、どれくらいのスピード感で開発を行っているのかをお伝えできればと思います。 なお、この記事ではfrourioにおける環境構築や使い方等の説明は割愛させていただきます。 開発背景・経緯 今回、開発する対象となった管理画面は、レバテックの各メディアで運用する記事やセミナー情報、エントリー情報を管理するものになります。 す
まともなのは、NHKとテレ東くらいだった。メディアとしての反省に言及しているのもNHKのみ。 タレントに非はないのは確かだが、放送局が契約しているのはタレント個人じゃなくてジャニーズ事務所なんだから、まともな企業になったと確認できない限り、事務所と新規の契約はしないくらい明言してほしかった。 今後も起用する派 テレビ朝日日本テレビ注視する派（すぐに行動はとらない） フジテレビTBSテレビ 何らかの行動をとるっぽい派 テレビ東京（対話を通じて働きかけ）NHK（事務所の出方を考慮して、出演者の起用を検討）テレビ朝日「これまで通り番組の企画内容などを踏まえ、ご出演頂きたいと考えております。」 https://company.tv-asahi.co.jp/contents/press/0082/files/iMLKOEWXnG.pdf ジャニーズ事務所が、性加害問題について記者会見を開き、藤島ジュ
はじめに POSIX コマンドはどの環境にもある（追加インストールの必要がない）コマンドだと思われがちですがこれは間違いです。POSIX コマンドにどの環境にもあるという性質は有りません。POSIX コマンドの中でどの環境にもあるコマンドは実際には半分程度しかありません。 関連記事 POSIX準拠 とは本当はどういうことなのか？「POSIXで規定されたものだけを使う」ではありません 補足 Linux は POSIX に準拠してないからだという意見もあるかとは思いますが、現実に使われている環境を無視して「どの環境にもある」と主張しても意味はありません。 本当にどの環境にもあるコマンドとは？ 全 POSIX コマンドは 160 個 POSIX コマンドは全部で 160 個あります。そのうち 22 個はシェルにビルトインされているコマンドなのでどの環境にもあると言えます。残りは 138 個のコマ
「児童ポルノ規制」を旗印にiPhoneのプライバシー保護を弱体化させようとする圧力団体は出所不明の政治資金で運営されている
資金豊富な新たな圧力団体が、児童ポルノの取り締まりを名目にAppleデバイスの強力なプライバシー保護を弱体化させようとしていると、海外メディアのThe Interceptが報じています。 Group Attacking Apple Encryption Linked to Dark-Money Network https://theintercept.com/2023/10/01/apple-encryption-iphone-heat-initiative/ 「どのような理由があってもプライバシーは絶対的な権利である」というプライバシー擁護派の主張と、「法執行機関や諜報機関による監視を拡大するためにプライバシー保護機能を制限すべき」というプライバシー制限派の主張が、長らく争いの種となっています。プライバシー制限派は、過去数十年間にわたり「公共の安全のために暗号化は廃止するべき」と主張し、
[Web フロントエンド] esbuild が爆速すぎて webpack / Rollup にはもう戻れない - 株式会社カブク
TypeScript + Preact + Material UI + material-table で作っている管理画面のビルドツールを Rollup から esbuild に変えたお話です。 2021/01/07 追記 esbuild に新しく CSS ローダーやプラグイン機構が実装されたので紹介記事を書きました！ esbuild の機能が足りないならプラグインを自作すればいいじゃない https://www.kabuku.co.jp/developers/create-your-own-esbuild-plugin はじめに これまでの JavaScript ビルドツールと私 以前は私も定石通り「アプリには webpack、ライブラリには Rollup」をビルドに利用していましたが、近年はアプリのビルドにも Rollup を利用することが多くなり、 webpack を利用することはな
Secrets from the Algorithm: Google Search’s Internal Engineering Documentation Has Leaked
Google, if you’re reading this, it’s too late. Ok. Cracks knuckles. Let’s get right to it. Internal documentation for Google Search’s Content Warehouse API has leaked. Google’s internal microservices appear to mirror what Google Cloud Platform offers and the internal version of documentation for the deprecated Document AI Warehouse was accidentally published publicly to a code repository for the c
はじめに 近年、サイバーセキュリティに対する意識の高まりを感じている。 国会では「セキュリティ・クリアランス制度」なるものの検討が進んでおり、誰もが知っているような上場企業であれば当たり前のようにサイバーセキュリティ対策を専門で行う部門が設置されるようになってきた。 筆者が実際にクライアントと会話していても、以前のように「サイバーセキュリティ対策の必要性がわからない」というケースは減ってきており、「サイバーセキュリティ対策をとりあえずやりたい」という経営層が増えているようにも感じる。 そして、需要が高まれば供給側の企業も増えるのが資本主義の性(さが)である。 大手SIerやコンサルティング会社はこぞってサイバーセキュリティ分野への増員に力を入れている。 サイバーセキュリティ分野を得意としたベンチャー企業の上場事例も多数見受けられる。 そんな中、近年急速に拡大しているビジネスが24時間365
Favicon そのSEOの価値とブログで注意すべき5つのポイント（辻正浩のブログSEO入門） - 週刊はてなブログ
ブログ運営で大切なことは、公開した記事がきちんと読まれることです。週刊はてなブログではSEO専門家の辻正浩さんに、現在のFavicon（ファビコン）の重要性と注意すべきポイントについて寄稿いただきました。どうぞお読みください。 SEO専門家の辻正浩( id:t-w-o )です。はてなブログのSEOをサポートしている外部スタッフとして、これまでも何度かはてなブログのSEOについてご紹介*1してきました。今年の6月から株式会社JADEを立ち上げてJADEの辻として活動しています。 今回は、はてなブログでも対応可能なFaviconの価値についてご紹介します。 モバイル検索結果にFaviconが登場 検索結果で選ばれるためのFaviconの作り方 5つのポイント サイズは48ピクセルの倍数 透過は使わない 複雑なものにはしない 正しく指定をする あなただけのFaviconに Faviconを設定す
Eagle で画像収集・管理が驚くほど簡単に！デザインワークを加速する私の使い方 - Techtouch Developers Blog
はじめに デザイナーの toshi です。少しずつ暖かくなり畑仕事も捗ります。（この前、ジャガイモの植え付けとネギを 200 粒蒔きました。おいしく育つといいな 🌱 ） さて、この記事では私のデザインワークを格段に上げる「 Eagle 」とその使い方を紹介できたらと思います。 私は 2018 年頃から Eagle を使い始めてデザインワークの初速が上がったり、画像・素材管理のストレスが確実に減りました。 みなさんは、競合調査やベンチマークにするデザインなど参考にするデータはどのように管理していますか？ ブックマークで管理？キャプチャ画像をフォルダで管理？画像管理アプリで管理？ はじめに なぜベンチマーク管理と参照が大切だと考えているか 時間の有効活用 自分の基準「だけ」で判断しない 質より量でアイデア出しの初速を高める Eagleを使う前 Eagle とは Eagle の使い方 Eagl
ゆっくりしていってね！！！！ 応用化学専攻で修士課程を卒業して、いまも化学系のお仕事を延々やっているケミカル・クラスタのゆっくりよ！ でも、今回扱うテーマは別に化学じゃないわ。 今回は、Vtuberの戸定梨香さんをイメージキャラクターとした松戸警察署の交通安全啓発動画に対し、全国フェミニスト議員連盟（以下、全フェ連）が抗議状を送付した件について話したいと思ってるわ。 戸定梨香さんの問題の動画（YouTube） 「え？ じゃあ何のために化学アピールしたの？」 当然の疑問よね！ まず、大事なのは、私が理工系ゆっくりであるという点よ。 戸定梨香さんの件については、人文系ゆっくりの皆さんが人権や歴史の観点から既に様々な意見を述べていらっしゃるわ。とても勉強になるわね！ テーマ的にそれは自然なことなのだけれど、私のように観点の異なるゆっくりが参加することで、問題の新しい側面を照らせないかと考えたの。
Reactアプリを作成 Material-UIで管理画面を作るためのベースとなるReactアプリを作成します。 Create React App Create React Appで新しいReactアプリを作成します。 npx create-react-app react-material-ui-sample --typescript プロジェクトのディレクトリへ移動して実行します。 cd react-material-ui-sample npm start ブラウザにReactアプリが表示されます。 ディレクトリ構成 ディレクトリはあまりネストさせすぎずシンプルな構造にしました。コンポーネントの分け方はAtomic Designを参考にしています。 src/ ├ components/ │ └ atoms/ # 原子（個々のパーツ） │ └ molecules/ # 分子（原子の集合体）
Android 12 に加わった 12 の新機能
Google Pixel 3 以降の機種を対象に配信が始まった Android 12 は、よりパーソナルで安全、かつシンプルなモバイル体験を提供します。一新したユーザーインターフェース、安全性に配慮した新しいプライバシー機能に加えて、ダウンロードの完了を待たずにゲームを開始できるなどシームレスに楽しめます。 Android 12 の公開を祝って、本日は新たに加わった便利な 12 の新機能をご紹介します。 よりパーソナルな OS 1. 色を抽出する高度なアルゴリズムと美しい Material You デザインを採用したことで、壁紙を変更するだけで、デバイス全てに壁紙のカラーパレットが適用されます。これにより、ロック画面、通知、設定、ウィジェット、アプリなど、スマートフォン全体の UI を簡単にパーソナライズできます。この新しいダイナミック カラー エクスペリエンスは、まず Google Pi
Google Developers Japan: 新しい Cookie 設定 SameSite=None; Secure の準備を始めましょう
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
ファミリーキャンプを始めて、早いものでキャンプ歴は10年以上になりますが子供4人も成長し、中々家族総出でのキャンプは減ってきて少々淋しい限りです。 そして、ファミリーキャンプで重要なのが夜のランタンの明るさで、最近はLEDランタンを主のランタンにされておられる方も多いのではないでしょうか。 LEDランタンは暗すぎる？ 夏以外のキャンプでLEDランタンの暗さを実感！ 燃料で明るさが違う理由！？ 明るさを考えよう！ カンデラとは！ ルーメンとは！ ルクスとは！ 明るさを考えるには3つ単位を総合しよう！ 燃料別のランタンの明るさを考えよう！ コールマン ノーススターＬＰガスランタン コールマン ノーススター2000ランタン ジェントス LEDランタンEX-1000C ロゴス パワーストックランタン2300 ジェントス LEDランタンExplorerシリーズEX-V777 燃料でこんなに明るさ大き
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選 - ICS MEDIA
HashiCorp、全製品のライセンスを商用利用に制限があるBSLライセンスに変更すると発表
エンジニアとして2020年に関わった技術をまとめる - バーチャルおりばーハウス
Web ページの背景を動く星空にした話 (with react-three-fiber)
それを作れば彼らはやってくる：Appleが開く世界的な監視・検閲へのバックドア | p2ptk[.]org
Android開発者のためのFlutter説明文がためになったので全訳&要約 - Qiita
UIデザインのための心理学：33の法則・原則（実例つき） | ベイジのUIラボ
Google、Chromeブラウザのロゴを8年ぶりに変更
【Unity】グラフィックス周りを業務で扱うまでにやったこと
JavaScriptで背景色から文字色を導出する
Time on Unix
汗かくロボットは冷却効率が高い ファンより約6倍効率的に コーネル大学やFacebookなどが開発
Tailwind CSSの二面性、デザインシステムを借りるということ | Marginalia
frourioを使って1ヶ月で管理画面をリリースした話 - Leverages Tech Blog
ジャニーズ会見(9/7)を受けての、在局キー局各社の発表まとめ
POSIXコマンドは「どの環境にもあるコマンド」ではないよという話 - Qiita
参考資料 社会保障について① (財務省) 2020年10月8日
【サイバーセキュリティ】SOCによる24時間365日監視は本当に必要なのか再考してみる - Qiita
全国フェミニスト議員連盟による抗議状の超批判的検討｜手嶋海嶺
React + Material-UIで管理画面を作成してみた | DevelopersIO
LEDランタンは暗い？燃料で明るさが違う理由！ - 格安^^キャンプへＧＯ～！