米ローレンス・リバモア国立研究所の国立点火施設が、192本のレーザーを使って核融合燃料の点火に成功した。写真は、実験に寄与した同施設の前置増幅器。（Photograph by Damien Jemison, Lawrence Livermore National Labratory） 恒星のエネルギー源となっている核融合を利用して、この地球上で大量のクリーンエネルギーを作ることはできないものか。60年以上にわたって、科学者たちは物理学が提示するこの難題に取り組んできた。そして12月13日、米ローレンス・リバモア国立研究所は、この分野において画期的な成果があったと発表した。研究所の核融合炉が、投入したエネルギーよりも多くのエネルギーを取り出すことに成功したというのだ。（参考記事：「核融合研究が前進、高エネ粒子の電磁波によるプラズマ加熱を発見」） 12月5日、同研究所の国立点火施設（NIF）で

米Adobeはこのほど、ロイヤリティーフリーの写真やイラストを提供する有償サービス「Adobe Stock」で7万点以上の写真や映像を無料化した。個人や法人を問わず使える他、商用利用も認める。ダウンロードにはAdobe ID（無料）の登録が必要。 公開したコンテンツは、写真や映像、3Dモデル、ベクター素材、イラストなど。Adobeの年次クリエイティブカンファレンス「Adobe Max 2020」（10月20日～22日）に合わせた施策。素材を提供したアーティストの権利も尊重したという。 関連記事 iPad版「Illustrator」リリース　月額1080円、Adobe CCユーザーは追加料金なし 米AdobeがiPad版「Illustrator」をリリースした。単体での利用料は月額1080円。「Adobe Creative Cloud」のユーザーには追加料金なしで提供する。 PDFをスマホ画

VS Code内でブラウザ画面プレビューとDevTools表示、そのままコード編集もできるVS Code拡張「Microsoft Edge Tools for VS Code」正式版に マイクロソフトは、コードエディタのVisual Studio Code（以下VS Code）とWebブラウザのMicrosoft Edgeを組み合わせて、Webアプリケーションの開発を効率的に行えるVS Codeの拡張機能「Microsoft Edge Tools for VS Code」正式版のリリースを発表しました。 Are you a fan of the browser developer tools but not a fan of switching from editor to browser to use them? We heard you! Today we moved the "Mic

今回のコラムでは、web担当者やマーケターにオススメのポッドキャスト番組をご紹介します。 ポッドキャストは2005年ごろから、普及し始めた「インターネットラジオ・インターネットテレビの一種」（wikipedhiaより）ですが、最近では、音楽配信サービス「Spotify」でも気軽に視聴出来るようになったり、「JAPAN PODCAST AWARDS」が開催されたりと、新たな盛り上がりが期待されはじめています。 先日、新型コロナ禍を境に、音声コンテンツの需要が大きく変化しているというニュースを見かけて、改めてどんなコンテンツがあるのか調べてみたところ、ビジネス系の面白そうな番組がけっこう配信されていたので、その中から、web担当者さんやマーケターさんの参考になりそうな番組を７つピックアップしてご紹介したいと思います。 マーケターズライフハック - miyazaki nitagai インハウスマ

注意 この記事は 2020 年 09 月 24 日現在、古い情報となりました。 eslint-plugin-prettier の利用は非推奨であると公式がアナウンスを出しています。 そのことについては Prettier と ESLint の組み合わせの公式推奨が変わった にてまとめましたので、こちらもご覧ください。 また eslint-plugin-prettier は公式推奨ではなくなりましたが、それは Editor などの外部環境の進化によるものでこのプラグイン自体に何か問題が起きたわけではありません。 そして eslint-plugin-prettier を利用した設定方法、特に eslint-plugin-prettier と eslint-config-prettier が何を解決していたかを知らないと、prettier-eslint が何をどう解決したかを理解できないはずなので

FlexboxとCSS Gridのどちらを使った方がよいか悩んだことはありませんか？ FlexboxとCSS Gridの使い分け方、それぞれの違い、Flexboxの実装例、CSS Gridの実装例、FlexboxとCSS Gridを組み合わせた実装例、フォールバックと古いブラウザのサポート方法を解説します。 Grid for layout, Flexbox for components by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS GridとFlexboxの違い CSS GridとFlexboxの使い分け方 CSS Gridの実装例 Flexboxの実装例 CSS GridとFlexboxを組み合わせて使用する フォールバックと古いブラウザのサポート CSS GridまたはF

はじめに1998年、デザインの勉強を全くしたことがない私がデザイン業界に入り、はや22年が経ちました。数年間は下っ端生活をしていましたので、まさか20年経ってこの会社の社長になるとは、当時の自分が聞いたら失神するでしょうね…。 そんな私は、デザイナーとして際立ったスキルや作風もなければ、立派な賞とも縁がないごく普通のデザイナーなわけですが、22年間楽しく続けてこれたのはなぜだろうと思うと、デザインという仕事を通して成長が感じられるからなのかもしれません。 このnoteでは、デザインの技術ではなく、デザイナーとして成長を実感していくための「デザイン脳」の鍛え方について書きたいと思います。デザイナーとして成長したい！と思っている方の一助になれば幸いです。 思考の変遷を残しておくデザインの経験を積んでいくと、「前よりうまくなったな」と思うはずです。うまくなったというのは、デザインの原理原則が身に

こんにちは、西村マサヤです。 頻繁に「マーケティングのおすすめの本教えて下さい」と言われるので、「もうこれ見て！」で済ませられるようまとめました。 マーケターの方はもちろん、マーケティング要素を学びたい方も含めて、まずはこれだけ読んでおけば間違いないよ、という厳選したリストです。 USJを劇的に変えた、たった1つの考え方

2020年1月に行われた Design Matters Tokyo のセッションでデザインの変化について、Figmaの発表を聞いたのでまとめます。 時代とともにデザインがどう変化してきたのか、とても分かりやすく解説されていたので共有したいと思います。 Figma社の Yuhki Yamashita さん デザインの大きな3つの変化今まではデザインは基本デザイナーが取り組むものとして扱われていましたが、インターネットや技術の発展とともにデザインの取り組み方は大きく変化してきました。 具体的には以下の3つの変化があります。 1. 「ピクセル作業」から「アイデアを動かす」へ 2. 「完成品」から「永遠の未完成」へ 3. 「デザイナーのもの」から「みんなのもの」へ ひとつずつご紹介します。 1. 「ピクセルの作業」から「アイデアを動かす」へ 1つ目の変化は、ピクセル作業の時代が終わったということで

Create animations with ease: LottieFiles for Figma redefines animation creation, enabling designers to effortlessly convert their designs into Lottie animations. This powerful feature supports everything from basic animations to multi-frame and multi-variant component sequences. Utilize the full...

このサイトで重大なエラーが発生しました。 WordPress でのデバッグをさらに詳しく見る。

初めましてこんにちは。 最近コードレビューの記事書いたら、Excelベースだったことを理由に Qiitaコメントとはてブで徹底的に燃やされたおじさんです。 いやね、僕だって使いたくて使ってるわけではなくてね、 できることなら使いたくないんですよ。 というわけで名誉挽回のために脱Excelできた話、 それも日本の三大悪三大風習に数えられるExcel設計書を抹殺した話を書きます。 (2/25修正：悪は言いすぎました。訂正します。） Growi 最高。 またの名をExcel方眼紙。 エクセルのセルの縦横を同じくらいの大きさに調整し方眼紙のようにして、 そこに設計書として文字と図と表を記載する方式。 メリット 一つのファイルに文字と図と表がまとめて記載できる テキストでは文字は書けても図と表が書けない Wordでは、文字と図表エリアとを2列表示するのが難しい できなくはないが面倒くさい UMLモデ

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

弊社キュービックには「紙媒体出身の編集者」だけが在籍するエディトリアルデスクというチームがあり、メディアのコンテンツ品質向上に力を注いでいます。 ユーザーの課題を解決するためにも、SEOで成果をあげるためにも、デジタルメディアはコンテンツの品質向上が必須といえます。 しかし「品質の高いコンテンツ」とはどういうものなのか？どういった基準でこのコンテンツ品質を測るべきなのか？品質を定義して定量的に計測することはとても難しく、各社苦戦しているのではないでしょうか。実際にTwitterでも関心の高さがうかがえました。 品質が低い（とGoogleに判断されている）コンテンツは、削除・統合・リライトなどで対応しますが、そもそも何をもって「品質が高い・低い」を判断するか？が問題ということで、うちでは一貫性・網羅性・信頼性など独自の基準で評価してます。 ふぁぼ100ついたらまたnoteに起こします！ —

南京事件(南京大虐殺)は日本軍が当時の中国国民党政府の首都である南京を攻略する際に発生した事件です。 揚子江（長江）のほとりにある南京は市街地の周りに城壁をめぐらした城砦都市で、日本軍はこの南京に対して上海から西進してきた陸軍と揚子江を遡上してきた海軍の協同による徹底した包囲殲滅戦を行いました。 この包囲殲滅戦とその後の残敵掃討戦において日本軍は中国軍民に対して様々な残虐行為を行いました。 その様々な残虐行為の内、殺害に関して以下に簡略に分類します。 １．捕虜及び投降兵の殺戮 投降した中国兵の処刑。国際法的に黒。 戦闘詳報や陣中日記といった日本側史料だけでもその事実は明らか。 以下に一例を挙げます。 第１１４師団 第６６連隊 第一大隊戦闘詳報 〔１２月１２日午後七時ごろ〕 最初の捕虜を得たるさい、隊長はその三名を伝令として抵抗断念して投降せば、助命する旨を含めて派遣するに、その効果 大にし

普通はこうするよね？ 1行目とA列目に1～9の数字が入っていたとする。 セル「B2」に「=」を入力し「A2」をクリック、絶対参照キー「F4」を3回押して行番号「A」だけを絶対参照指定する。 続いて「*」を入力し「B1」をクリック、「F4」を2回押し列番号「1」だけを絶対参照指定する。 そしてEnterで数式を入力し、フィルハンドルをドラッグして行方向からでも列方向からでも「J10」までコピーすればよい。 スポンサーリンク ところが他人がこんなやり方でやっているのを見て驚いた。 セル「B2」に「=」を入力し、行番号「1」をクリックする。 この時点で数式は「=1:1」と表示される。 この状態で絶対参照キー「F4」を1回押す。数式は「=$1:$1」と表示される。 次に「*」を入力し、列番号「A」をクリックする。数式は「=$1:$1*A:A」と表示される。 絶対参照キー「F4」を1回押す。数式は「

株式会社Progateが、オンラインプログラミング学習サービス「Progate」の英語版をリリース。英語もプログラミングも学びたい！というワガママな方にはぴったりかもしれません。 「Progate」とは？ Progateは、初心者でもわかりやすくプログラミングが学べるオンラインサービス。 ブラウザとスマホに対応しており、現在は12カ国で約30万人のユーザーを獲得している国内最大級のプログラミング学習プラットフォームです。 対応言語は、HTML & CSS、JavaScript、jQuery、Ruby、Ruby on Rails5、PHP、Java、Python、Command Line 、Git、SQL。Web開発で必要になるメジャーな言語を網羅している、と言えそうです。 英語版 Progate で英語も学ぶ今回発表された英語版は、β版としては2017年10月にリリース。インド・米国・スペ

Keisuke TsukagoshiConsultant, Software Developer at Amazon Web Services