Atomic DesignとCSS設計 第1回 Atomic Designとは何か 「Atomic Design」という言葉を聞いたことがある人は多いかと思いますが、実際それがどのようなものなのか、理解しにくい部分があります。本記事ではAtomic Designについて学び、それをCSS設計に活かすにはどうしたらよいかを考えます。 はじめに Atomic Designという言葉を聞いたことがあるでしょうか。Atomic Designとは、デザインシステムを中心とした設計の方法について書かれた書籍です。 Atomic Design by Brad Frost 著者のBrad Frost氏は、書籍の内容をすべてWeb上で公開しているため、上記サイトで読むことができます。 Atomic DesignについてWebで検索していろいろな記事を眺めていると、このAtomic Designの設計思想がコ

AIを活用したインテリジェントな文書理解とコンテンツ分析プラットフォームで、ビジネス上の意思決定とプロセスを加速します。 ビジネス文書の中に埋もれている深い洞察を、わずかな時間とより少ない労力で発見できるとしたらどうでしょう。 IBM Watson Discoveryを使用すると、高度な自然言語処理（NLP）と自然言語理解を使用して情報と洞察の検出を自動化し、ナレッジ・ワーカーの生産性を向上できます。これは、ビジネス成果、顧客と従業員の満足度の向上を意味します。IBMは、IBM ResearchのカスタムNLPモデルと大規模言語モデル（LLM）を活用した、信頼性が高く、拡張性に優れた、使いやすい真のエンタープライズ・グレードの自然言語AIを提供します。

※この記事は以下の記事のパロディとして書かれています。見比べながらどうぞ。 死なないギリギリまでリスクを取る ーー dely 堀江裕介の「勝ち」への執念 ーーーー 「甘い物を食べる」金平糖愛好家、 堀元見さん（26）は本気だ。 学生時代に立ち上げた気分でいるkonpei社が運営していそうな金平糖布教サービス『コンペイ』は金平糖愛世界No.1へ。 創業4年でヤフーとの戦略的パートナーシップを締結したい気持ちを発表した。常に攻め続ける堀元さん、その根底にあるのは「甘さ」への執念だ。 自分に負けたくない 「10個規模の夜食で終わるつもりはない。食べるのは100個単位の金平糖です」こう語ってくれた堀元見さん。一見、壮大とも思える宣言だが、彼にとっては現実的な“夜食”だー。 自分を追い込んで食べざるをえない状況を作り出していく。だから、至るところで「100個単位の金平糖を食べる」と言ってきました。

地獄のミサワです アイドルマスターというゲームにハマったので報告します      …

作家・演出家の鴻上尚史氏が、あなたのお悩みにおこたえします！　夫婦、家族、職場、学校、恋愛、友人、親戚、社会人サークル、孤独……。皆さまのお悩みをぜひ、ご投稿ください（https://publications.asahi.com/kokami/）。採用された方には、本連載にて鴻上尚史氏が心底真剣に、そしてポジティブにおこたえします（撮影／写真部・小山幸佑）この記事の写真をすべて見る ※イメージ写真 鴻上尚史の人生相談。「帰国子女の娘の、個性的な洋服がクラスで浮いた存在に」と相談者。娘に普通の服を買ってあげるべきか悩む母に、鴻上尚史が答えた生き延びるための戦略とは？ 【相談2】「帰国子女の娘が潰されそうです」（相談者：38歳　女性　フォトグラファー） 小学校5年の娘がいる母親です。夫も私も写真家で、半年前までの6年間、家族はアメリカに在住していました。娘はおしゃれな夫の影響を受けて洋服に興味

「抵抗」を題材にしたコースターです。「些細な抵抗」「抵抗勢力」「組織的な抵抗（ケルビン・バーレイ分圧）」の3枚セット。 ※手作りスクリーン印刷で製作しているため、多少のカスレやニジミがある場合があります。またロットによりレーザー刻印の場合があります。あらかじめご了承ください。 直径：90 mm 材質：コルク（裏面に木材） 秋田純一 様からの受託販売商品です。 輸送上の問題は当社が責任を負います。技術的なご質問には、当社ではお答えできません。 商品コード: AKITA-002

ジー・スリー(旧コネクト)、西村浩社長が別会社(上海電力のステルス参入問題に登場した伸和工業）においてやらかした脱税の疑いで逮捕された件でお詫び

ベイジで社内のワークフローを整理しだしたのは確か2014年頃です。その頃はまだ4～5人しか社員がいない状態で、タスクの粒度も粗く、いくつかのタスクは各人の能力に委ねたものでした。しかし10人を超えて関わる人が増えたあたりから、仕事の進め方も徐々に変わり、ワークフローの綻びも色々と出始めてきました。そこで今年の春に、全社員参加のもと、これまでの進め方の問題点を話し合ったうえで、ワークフローの大幅な刷新を行いました。本エントリーはそのご紹介です。 刷新にあたって、受注から納品までをサブタスクを含めて約140に分解しました。また、各タスクで用いられるドキュメントもできるだけフォーマット化し、効率よくドキュメントワークができるようにしました。 合わせて、タスク毎の職能の再定義を行いました。プロデューサー、ディレクターといった業務範囲が曖昧な職能は、より厳密な職能の定義を試みました。例えばディレクタ

一部修正しました Udemy で React コース公開してます。(絶対 Udemy の 1200 円割引価格にはしないので、このリンクから買ってもらうのが一番お互いに得です。) Udemy React + Redux コース 本発表における Modern JavaScript とは何か Phase 1 として以下の環境での開発ができれば Modern JavaScript に入門できたものとする。 Webpack, Parcel 等の module bundler による "module system" の活用。 ES2015+ や TypeScript といった "Compile to JS *1" の使用。それに伴う Babel によるトランスコンパイルツールの使用。 ESlint, Prettier といった集団開発における、ソース品質安定のためのツール の使用。 ここまでのツール

「この関数以前使ったことあるけど、どんな点に注意すれば良いんだっけ？」 使ったことは覚えているのに詳細は忘れてしまった。プログラムを書いているとよく起こります。 こんなとき自分の過去のコードをすぐに振り返れるようにWeb上で検索できるシステムを作ってみました。 Web上でコードをそのまま表示しても味気なかったため、テキストエディタのようにシンタックスハイライトで見やすくしてみました。 今回は、Web上でシンタックスハイライトを導入する方法を紹介します。 目次 実現したいこと 検討したJSライブラリ highlight.js ライブラリ読み込み・初期化 ハイライトするコードの設置 表示キャプチャ prism.js ファイルダウンロード ① カラーリング（Themes） ② 言語（Languages） ③ プラグイン（Plugins） ライブラリ読み込み ハイライトしたいコードの設置 表示キャ

サイト制作時に使うモジュール集を作成するときに、 他の人がコードを見やすいようにしたい。 ↓ google-code-prettify　導入！ google-code-prettifyとは コードを綺麗に表示 シンタックスハイライトをしてくれます。 autoloader（以下）を使い、CSSを読み込ませればすぐにできます。 <script type="text/javascript" src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script> （ホスト元が移動していたようです。修正しました。@annyamonnya さんご指摘ありがとうございます！） ただ、autoloaderだとカスタマイズが難しいようす。 （カスタマイズ無しでよいならばこちらの方が楽ですね） ファイル

「この関数以前使ったことあるけど、どんな点に注意すれば良いんだっけ？」 使ったことは覚えているのに詳細は忘れてしまった。プログラムを書いているとよく起こります。 こんなとき自分の過去のコードをすぐに振り返れるようにWeb上で検索できるシステムを作ってみました。 Web上でコードをそのまま表示しても味気なかったため、テキストエディタのようにシンタックスハイライトで見やすくしてみました。 今回は、Web上でシンタックスハイライトを導入する方法を紹介します。 目次 実現したいこと 検討したJSライブラリ highlight.js ライブラリ読み込み・初期化 ハイライトするコードの設置 表示キャプチャ prism.js ファイルダウンロード ① カラーリング（Themes） ② 言語（Languages） ③ プラグイン（Plugins） ライブラリ読み込み ハイライトしたいコードの設置 表示キャ

新商品「ハイドロエッグ水素パウダー」を紹介する中村隆春社長（左から３人目）ら＝２１日、東京都千代田区、ＴＫＰガーデンシティ御茶ノ水 ミネラルウオーター製造販売の奥長良川名水（岐阜県関市）は２１日、水素水を粉末にした新商品「ハイドロエッグ水素パウダー」の販売を始めた。水素が持続的に発生し、無味無臭であるのが特徴。味に影響を及ぼさないため、飲み物のほか、食べ物などに混ぜて利用できる。年間１万箱の売り上げを目指す。 新商品は岐阜大、東京工科大との共同研究により開発した。同社が２０１０年から販売している清涼飲料水「逃げない水素水３６」を凍結乾燥して粉末化したもの。一般的な水素水は開封後に水素が抜けてしまうが、逃げない水素水は独自の製造技術で水素を内から発生させ続ける。粉末化してもその機能を保持しており、水に溶かすと４８時間以上水素が発生するという。 この日、東京都内で会見した中村隆春社長は「日本で

IT業界で働く女性が、母親をしつつ仕事も続けるビジョンを持ちにくいよねー実例が少ないからねーという話を聞きました。このnoteは、その1サンプルの提供のために書いています。 他の人に必ず当てはまる話ではないけれど、たしかに今なんとかかんとか回している子持ちWebエンジニア（フルタイム）のわたしの話です。 すごく優れているわけじゃないし、人並外れて努力しているわけでもない。そんな真面目でもない。 ただ毎日、できる範囲でなんとかしています。 2018年現在のステータス - Webエンジニアとして8年目くらい - こども（ぱんださん・仮名）は1歳8ヶ月 - パートナー（ささださん）もエンジニア、時間の融通が効くお勤め - 会社は株式会社万葉。SES契約での業務が主ですが常駐するスタイルではなく、働きやすさと技術を大事にするホワイト企業 目次- 今の働き方のスタイル（日々のタイムスケジュール／イレ

星野源 12th Single『アイデア』 https://jvcmusic.lnk.to/idea 作詞・作曲・編曲・プロデュース / 星野源 星野源: Website: http://www.hoshinogen.com/ Instagram: https://www.instagram.com/iamgenhoshino/ Facebook: https://www.facebook.com/genhoshino.official/ Twitter: http://twitter.com/gen_senden

＜2018年の世界幸福度ランキング１位のフィンランド発祥のスタイル。これならすぐに実践できそう＞ 「パンツドランク」という言葉を聞いたことがあるだろうか？ 一日中ホットチョコレートを飲みながら毛布にくるまってダラダラ過ごすことを正当化する「ヒュッゲ」、文字通りまったく何もしないことをよしとする「フヤカ」、気分の上がらないお誘いへの断り文句として使い勝手のいい「コーザゴーフ」の次に注目されている、北欧発の新たなライフスタイルトレンドだ。 コンセプトは、いたってシンプル。「パンツドランク」という言葉が連想させる通り、下着姿のまま家で１人で酒を飲むということだ。 これに聞き覚えのある人もいるかもしれない。というのも、2017年にヒットした「カルサリェンニットウ」というフィンランドのトレンドと中身は同じだから。分かりやすいように英語表現にしたものである。 パンツドランクは「体力の回復を促し、内面

一生継続できるダイエットレシピを目指す ダイエットは食が9割。そんな本もありましたが、人間の体は食べたもので作られている、生かされていると思えば毎日、毎食の食事次第で太り、痩せるのは至極当然なメカニズム。でも人間の心はその通りではありません。そこで、数多くの失敗の中で50Kgダイエットできた中で培った一生継続可能な自炊ダイエットレシピをまとめてみました。 一生継続可能な簡単でヘルシーで美味しく安上がりなダイエットレシピとは ヘルシーな食材を安く買い、自炊することで食費と体重は同時に下がる 多少のリバウンドは気にしない、長い目でみるダイエットとは 痩せるまで一時的、ではなく痩せた後にも継続して食べ続けられることがカギ 運動は痩せてからでも遅くない なお、自炊ダイエットレシピ集はココから無料ダウンロードできます。 それでは、50kg痩せた港区芝浦IT社長の簡単・安い・美味しい痩せるレシピをご紹

自社のホームページ内に掲載している情報が増えてくると、ユーザーの欲している情報をいかに見つけてもらうかが課題となってきます。 ナビゲーションを工夫するのはもちろん、サイト内に検索窓を設置するのも有効な対策でしょう。ですが、エンジニアでない限り、自分で検索機能を開発するのは難しいでしょう。 そんな時に役に立つのが、Yahoo!JAPANやGoogleの*「カスタムサーチ機能」*です。 今回は、Yahoo!検索カスタムサーチの設定方法を紹介します。 Yahoo!検索カスタムサーチでは、自分で細かくデザインや検索対象を設定できます。 また、設定方法に難しいプログラムの知識はいりません。検索結果に他社の広告が表示されることもないので、企業のホームページでも利用しやすいでしょう。 サイト内検索とは ホームページ上から、自分の好きな情報を探したい時に利用できるのが*「サイト内検索」*です。 情報が掲載

Google Site Searchの終了に伴い、無料で広告非表示な「Yahoo! 検索 カスタムサーチ」への移行を検討してみる Googleの有料版サイト内検索「Google Site Search」。年間100ドル～の利用料で広告非表示のサイト内検索を手軽に導入できるとサービスとして、企業をはじめとする多くのWebサイトで利用されています。導入されている方は既にご存知かと思いますが、Googleは2018年3月31日をもってサービス提供を終了することを発表しました。 今回は、Google Site Searchのサービス終了に伴い、別サービスへの移行を検討中の方向けに、広告が表示されない無料版サイト内検索「Yahoo!検索 カスタムサーチ」をご紹介します。 Google Site Searchが2018年3月末でサービス終了 Googleはサイト内検索サービスとして、無料版の「Goog