OOCSS、BEM、SMACSS、FLOCSS、RSCSSを比較して自分にあった設計思想をみつける
フロントエンドエンジニアというポジションに就いて1年半、普段はJavaScriptを中心に開発している。しかし、いつまで経ってもCSSを思いどおりに使いこなせない。理由は、どんな粒度でクラスを分割し、それぞれにどんなスタイルを適用すれば良いのかわからないからだ。 以下が、CSSの闇にのまれ、筋肉に解決に糸口を見出そうとした哀れなフロントエンドエンジニアの心の叫びだ。 — ダーシノ (@bc_rikko) 2017年3月1日 ということで、よく話題にされる5つのCSS設計を比較し、自分にあった設計思想を見つけようと思う。（CSSは苦手なので、おかしな点があったらご指摘ください） 今回比較するCSS設計思想は以下の5つ。 OOCSS BEM SMACSS FLOCSS RSCSS 古代のCSS設計 まずはCSSの設計思想に触れる前に、いにしえより伝わりしCSS遺産について触れておく。 多くの場
ヤフーのフロントエンドと Node.js の関係性
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。今期から Web フロントエンド領域で黒帯を務めることになりました伊藤（@koh110）です。 普段は情報システム本部に所属しチャットなど内製基盤の開発・運用をしつつ、Node.js 言語サポートチームとしてサーバサイド TypeScript の活用や、SSR（Server Side Rendering）、BFF（Backends For Frontends）のチューニング支援なども行っています。 ヤフーには Node.js と JavaScript の言語サポートチームがあります。Node.js サポートチームは主にバックエンドとして、JavaScript サポートチームはフロントエンドとして、それぞれ JavaSc
JSONをTypeScriptの型でバリデーションしたい！ - Qiita
やりたいこと JSONのTypeScriptの型でバリデーションしたいです。定義するコストは最小限にとどめたいです。 具体的には、 文字列になった'{"name": "jack", "age": 8}'などがtype Person = {name: string, age: number}をちゃんと満たしているかを確かめたいです。確かめたあとは、Person型として扱いたいです。 JSONはネットワークから飛んできたりして、それがTypeScriptの型システムの中で安全に使えるか確かめる仕組みがほしいです。 一番この記事で伝えたのは、JSONの構造を一度定義したら、TypeScriptの型を導出する仕組みです。いろんなTypeScriptのバリデーションライブラリ調べてみましたが、型を自動で導出しているものは見つけらなかったです。そのため、その仕組を作って、使い方と実装に関して記事にまと
スタートアップはサービス残業が当たり前のブラック労働環境なのか？ | Coral Capital
手元に定量データがないままに書くのは少し気が引けますが、最近なるほどなと思わず同意する話を耳にしたのでシェアしたいと思います。 スタートアップは長時間労働が当たり前のブラックな労働環境が多いのではないか、という問いに対して、今はむしろ下手な大手企業よりもスタートアップ企業のほうがホワイトだとする観察です。なぜなら人材の流動性が高く、特にエンジニアなど売り手市場では、いくらでも働き口があるためブラックな職場からは人がどんどん抜けるので、結果的にホワイトなところが多いというのです。 一方、大手企業で、特に中途採用が少なく終身雇用的な慣行が残っている環境では多少のことでは社員は会社を辞め（られ）ません。だから、多少ブラックな職場でも環境が改善されづらい、という話です。 実際のところ、どうでしょうか？ 本記事では、私がこれまで友人・知人のスタートアップ起業家たちに聞いた話を総合して、2019年の日
[激アツアップデート]ALBだけでカナリアリリース(重み付け)ができるようになりました！ | DevelopersIO
とうとうきてしまいました！ とうとう、ALB一つだけでターゲットグループの重み付けが出来るようになってしまいました！！！！ ALBでターゲットグループの重み付けができるようになり、Route53で設定しなくても良くなりました。 AWSエンジニアは朝5時に起きるらしいと聞いていましたが、まさか自分がそっち側に回るとは思ってもいなかったもこ@札幌オフィスです。 とうとうきてしまいました！ とうとう、ALB一つだけでターゲットグループの重み付けが出来るようになってしまいました！！！！ Application Load Balancer simplifies deployments with support for weighted target groups New – Application Load Balancer Simplifies Deployment with Weighted T
![[激アツアップデート]ALBだけでカナリアリリース(重み付け)ができるようになりました！ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/876809e40a16193d45c580a01a3f67fc9a50a044/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F05%2Felastic-load-balancing.png)
React Concurrent Mode の概要をおさえる - うどん よこみち
はじめに この記事は， Introducing Concurrent Mode (Experimental) – React を，和訳しつつ自分の解釈や図を少しだけ足したものになります． 筆者は，そこまで英語が得意ではないので，一部適切でない表現があるかもしれませんがご了承ください． Introducing Concurrent Mode (Experimental) Blocking vs Interruptible Rendering Concurrent Mode は，バージョンコントロール を使って説明します． ここで言うバージョン管理というのは，gitのようなバージョン管理システムです． ブランチを切って作業を行い，他の人が pull できるように作業ブランチをマスターにマージします． バージョン管理の概念が存在する前と後では，開発ワークフローは大きく異なっていました． ブランチ
日本の歯科矯正に黒船襲来！迫る価格破壊の足音 | 週刊ダイヤモンドの見どころ | 週刊ダイヤモンド
『週刊ダイヤモンド』11月30日号の第1特集は「歯医者のホント」です。歯医者の世界は、構造変化の只中にあります。それを象徴するのが、日本で広がりつつある米国発のマウスピース型矯正ビジネス。価格破壊で業界を大きく揺るがす勢いです。日本の歯科業界は問題がまさに山積しています。「賢い患者」をめざす読者のために、知られざるホントを明らかにしていきます。 ”日本の医者飛ばし” マウスピースビジネスの破壊力と落とし穴 ”黒船”が襲来した──。日本の歯科矯正の世界ではこの数年、このような表現にふさわしいような地殻変動が起こっている。キーワードは「マウスピース矯正」。震源は米国だ。 その先兵は米アライン・テクノロジーが展開する「インビザライン・システム」。米国で蓄積された患者のビッグデータを用い、透明な樹脂製で取り外し可能な「アライナー」と呼ばれる装具を販売する。 日本ではワイヤー矯正で、口元から金具がの
IT業界で働く者の基礎知識となるクラウドネイティブ とは？ - Qiita
クラウドネイティブを推進する約500団体が参画する CNCF (Cloud Native Computing Foundation)に、クラウドネイティブの定義が公開されている。これは、IT業界で働く者の基礎知識であると言えるので、クラウドネイティブの定義を詳細に調べた結果を以下にまとめる。 CNCFとは CNCFは2015年7月に発表され、約50社が集まり2016年1月に正式発足した。最初の発表から4年後2019年11月のメンバーは約500団体で、大手クラウド事業者、ミドルウェア企業、ハードウェア製造企業、オープンソース・ソフトウェア企業、大学、その他非営利団体などが加入している。 CNCFは、The Linux Foundationの下で運営され、クラウドとコンテナに関連する横並びの活動として、Cloud Foundry Foundation、Xen Project, Open Con
PMにはなぜ設計論がないのか？ | タイム・コンサルタントの日誌から
前回の記事（「プロジェクト＆プログラム・アナリシス研究部会」（12月2日）開催のお知らせ）でも少しふれたが、なぜPMBOK Guide(R)には「設計論」がないのか、不思議に思われている方も多いと思う。米PMI (Project Management Institute)が'90年代に作成し、現在は改定第６版になっているPM界の標準ガイドブックは、10個のマネジメント領域を定義している（最初は9個だったが、途中からStakeholder Engagementが加わって、10個になった）。その10のエリアには、「調達」や「品質」があるのに、肝心の設計マネジメントがない。 プロジェクトにおいて、もしも設計がまずかったら、実装段階でどんなに頑張っても、良いプロダクトは生まれない。つまりプロジェクトの価値は上がらない訳だ。プロジェクト・マネージャーの任務は、プロジェクトの価値を最大化することのはず
《日経Robotics》筑波大と横国大がニューラルネット自動設計技術、アーキテクチャ探索がPC上でも2時間半で完了
米グーグルが2019年5月に発表した「EfficientNet」は、驚くべきニューラルネットである。ImageNetを対象にした画像分類タスクでトップ5精度が97.1％と現在の最高性能（SOTA：state of the art）に迫りながら、パラメータ数は1/8.4、推論速度は6.1倍になったという1）。 これだけの能力を実現できた鍵の1つが、ディープニューラルネット（DNN）の構造を自動設計する技術である。最先端のDNNの構造（アーキテクチャ）は、既に機械が考えているのだ。 ただし、これまでこのような自動設計技術を利用できるのは、グーグルのように膨大な計算能力を持つ企業に限られると見なされてきた。優れたDNNの構造を多くの候補の中から探し出すためには、多数のGPUを使って何日も計算する必要があったからである。 この常識を覆す技術を、筑波大学と横浜国立大学が2019年6月開催の国際会議「
透明マント、ついに現実に 量子ステルス素材が開発される（ロイター） - Yahoo!ニュース
いま見えている人が、こうするともう見えない――。 ファンタジー映画の魔法のように思えるかもしれないが、これは実際の映像。 現実世界で「透明マント」を使っているところだ。 カナダのハイパーステルス社が開発したこの素材、物体の周りで光を屈折させ、背景だけが見えるようにする。 電源不要、どのような環境でも機能し、人、建物、車、航空機を隠すことができる。 13種類のバージョンがあり、あらゆる方向に影を移動させたり、熱、紫外線、赤外線のスペクトルを曲げたりと、さまざまな機能がある。つまり、人が複数のレーダーの下を飛ぶことができる。 同社は、この「量子ステルス」の素材が、軍事作戦から、スピード違反取り締まりをする警官、空調装置などを人の目から隠す、さまざまな用途に使われることを期待している。
#PowerPlatform の新しいお仲間 Power Virtual Agents を触ってみた - Qiita
Power Automate との連携についてはこちらの記事をご確認ください。 ノーコードでBotが作れる Power Virtual Agents の Action が最強すぎて、素敵すぎたので、使い方をまとめました Microsoft Ignite 2019 今まさにやっている、Microsoft Ignite 2019にて Power Platform の新しい仲間として Power Automate と Power Virtual Agents が発表されました！ 本投稿は、Power Virtual Agentsについてまとめています。 誰でもBOTが作れる時代がやってきた いや、控えめに言ってこれですよ。 マジでやばいっすよこれ！ はじめてつかうときは https://powerva.microsoft.com/ ここからいけます。 画面 こんな感じになっています。 初期データ
『【嘘つき視覚】色覚補正レンズ（色弱レンズ）を買いました。』
どうもー！全国で人狼専門店をやっている人狼ハウスのクマです。 初めての方は、どうぞよろしくお願いします。 【いきなりですがここで問題です】 ↓こちらの画像なんの順番に並べられているかわかりますか？ ↓ ↓ ↓ ↓ ↓ ↓ 実はこれ。 販売員の人から「色の順番に並べてください」といわれて 僕が順番に並べたものになります。 もしこれを見て「ふざけてるの？」と思った正常な貴方。 ごめんなさい。ふざけてはなく、頑張って並べてもこうなっちゃったのです。 これをみて「何が問題かわからない」と思った僕と同じ症状をもった貴方。 読んでくれてありがとうございます。 友達ができているようで嬉しいです。 こちらのブログでは今から人狼ではなく、色覚特性少数派（色弱）のことを書いていきます。 男性は２０人に１人。女性は３００人に１人くらい。 ４０人の教室で１人でしょうか。 全国には３００万人ほどいるとのことなので、
Slackにアップしたスライドをいい感じに見れるやつ作った - 男女比はカレーと福神漬けと同じくらい
これは呉高専 Advent Calendar 2018の23日目の記事です。 先日、kosen12sというコミュニティで発表した内容をつらつらと書いていきます。 スライドはこちら ↓ speakerdeck.com なぜ作ったのか 自分が所属している研究室では毎週交代で最近読んだ論文をスライドにまとめて発表し合うイベントがあります。 とても良いイベントなのですが、現状として作ったスライドが共有されず「他の人が作ったスライドを見返せない」「自分が紹介するときに紹介済みの論文を載せていないか心配」という問題がありました。 以下のような脳内議論が行われた結果、、、 案1 : Slackにアップロードするよう声かけをすればよさそう？ Pros Slackは研究室でよく使ってるのでアップロードは楽で良い Cons スライドを見返すのに使うのは難しい、整頓されていてほしい スライドアップ時にキーワード
ボディビル大会のかけ声、出るか「肩にちっちゃいジープのせてんのかい！」
ボディビル。自分とは縁のない世界だと思っていた。しかし、一冊の本がきっかけで俄然興味が湧いてきた。 大会では選手にかけ声がかかる。「切れてる！」「デカい！」などという独特な言い回しがあることは知っていた。しかし、「肩メロン！」まで来ると少々ポエティックになる。さらに、「肩にちっちゃいジープのせてんのかい！」となれば――。
錠剤・カプセル状の健康食品の品質等に関する実態調査
【法人番号 4021005002918】 1 報道発表資料 令和元年8月1日 独立行政法人国民生活センター 錠剤・カプセル状の健康食品の品質等に関する実態調査 -形状から、医薬品だと思っていませんか？- １．目的 食品安全委員会から発出された 「いわゆる 『健康食品』 に関するメッセージ」 （注 1） によると、 錠剤・カプセル状の健康食品は、外見上医薬品と誤認されることが多いものの、医薬品並みの 品質管理がなされているものではないとされています。また、成分が一定量に調整されていな い商品や、消化管の中で確実に溶けて、吸収されるように作られていないと思われる商品があ るともいわれています。 現在、錠剤・カプセル状の健康食品については、製造者等に向けた自主点検ガイドラインな ど（注 2） が出され、 安全性や有効性を確保するための自主的な取り組みが求められているところ ですが、過去に品質や安
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
