日本最大の科学研究所「理研」。1917年に設立され、湯川秀樹や朝永振一郎など日本の科学史を彩る研究者たちが参集した。100年目を迎える2017年には450の研究室、3000人の研究者を擁し、全国に研究施設を持つ。 そこでは今どんな研究が行われているのか？　研究者たちは何を目指しているのか？ その全貌を明かそうと仙台から播磨まで5拠点で70人にインタビューし、このたび『理化学研究所　100年目の巨大研究機関』を上梓したノンフィクション作家・山根一眞さんが、大興奮の研究成果をご紹介！ 水でできたプラスチック？ 「山根さん、面白いものを見せてあげましょう」と差し出されたのは、ちくわほどの大きさの半透明のぶにゅぶにゅした不思議な棒だった。それは「98パーセントが水」なのだという。水？　こりゃ、いったい何なんだ？ 3月20日、理化学研究所が創立100周年を迎える。 通称、理研。日本最大の科学研究所だ

カテゴリ : 駄文 毎度おなじみになりつつある、 月（ゆえ）の日本語学校の作文です。 今回は月の側から見た私が克明に書かれていて、 私はがいかにダメな人間かが分かります(;´Д`)ｳﾎﾞｧｰ ※作文は先生に修正されていましたが、 元の文の方が月らしい言い回しが多いので、 修正前の文章でUPいたします。 文章中の「～」等は原文ママです。 『オタクと暮らす』　　　月（ゆえ） みなさん、オタクは知ってますか。 私は日本に来る前も知りませんでした。 つまり、頭の中にアニメや、漫画や、 おもちゃとかしかない人です。 私と会う前に結婚する気が全くない４０代のオタクです。 そういう人と暮すととても大変です。 それを言ったら、 「じゃなんでその人と結婚する人ですか、どこが好きですか、 お金持ちですか」とその話はよく聞かれました。 残念ですが、金持ちじゃないです。 あまり売れてない漫画家です。 じゃ、なぜ好

CSSで指定するwidth/heightは、特別な指定（後述）が無い限り赤の内容領域の大きさを指定することになります。 また青のboaderまでを含み要素とみなされるので、背景色を指定した場合はboader/padding/content areaの3つに色がつきます。 margin/border/paddingはそれぞれtop/right/bottom/leftの属性を持っているので、個々に指定することもまとめて指定することもできます。 このように要素が展開する領域の考え方をボックスモデルと呼びます。 marginとpaddingを使い分ける 同じように見える余白にも、明確に違いがあることがボックスモデルからわかるかと思います。 余白の表現に迷った時には、私は下のような基準で考えてmarginとpaddingを使い分けています。 boaderの内側の余白はpadding 背景色を含んでい

先日MacBook Air (13-inch, Mid 2011) をmacOS Sierraにアップデートしましたが、しばらく使ってみると、動作が重い。。 効果が本当にあったか分かりませんがSMCリセットをしたところ一応直りました！ 実は関係なかったかもしれませんが（笑） 以下で簡単にまとめてます。 原因調査 アクティビティモニタで見てみると kernel_task がやたらCPU使ってます。。 ネットで調べてみると、CPU使用率が上がって、ファンがやたら回る事象が起きた人がいましてSMCリセットしたら直ったとか（英語のサイトだったので読み違えてる可能性はありますが） というわけでSMCリセットを実施。 SMCリセット 手順はAppleのサイトに記載があります。 support.apple.com 実施したところ、CPU使用率も落ち着いてファンも静かになりました。 直った　様な気がします

Appleから発売されている最新モデル『MacBookAir/Pro』や『iMac』シリーズ向けに正式リリースされた最新バージョン『MacOS 10.12 Sierra』アップデート後に「Mac本体の動作が重い！起動が遅い！高速化できない！」などのバグ不具合障害が一部のユーザー間で発生しているようです下記が『【解決】「Mac」シリーズを『MacOS 10.12 Sierra』にアップデート後にMac本体の起動が遅い/動作が重いバグ不具合障害の対処設定方法』についてのまとめです 「デスクトップ画面」→「リンゴマーク」→「システム環境設定」→「Dock」から不要なエフェクトをオフにします 「デスクトップ画面」→「リンゴマーク」→「システム環境設定」→「アクセシビリティ」→「ディスプレイ」→「透明度を下げる」を選択します 「デスクトップ画面」→「リンゴマーク」→「システム環境設定」→「Missi

CSS3セレクタで追加された「:not()」。今まで使ったことがないので、深く考えたこともなかったですが、曖昧なままじゃダメだと思い勉強してみました。 CSSセレクタって何だという方はこれらの記事が役に立つと思います。 意外と知らない!?CSSセレクタ20個のおさらい｜Webpark 保存版！CSS3セレクタの説明書｜Webpark では、「:not()」について考えてみます。これから紹介する簡単なサンプルたちはWindows7のChromeで動作確認しています。他のブラウザの場合うまく対応していない場合も考えられますのでご注意ください。 「:not()」の基本 Selectors Level 3では、「E:not(s)」という風に説明されています。日本語で説明すると、「sでないセレクタを持つE要素」という感じになります。 また、「Negation pseudo-class」というグループ

例えばリストの各アイテムの区切りにボーダーをつける時、まずはli要素にボーダーを指定し、最後のli要素にだけボーダー無しを上書きで指定する、そんなスタイルシートも「:not」を使うと簡単に指定することができます。 否定疑似クラス「:not」の便利な使い方と使う時の注意点（特に優先順位）を紹介します。 On :not and Specificity 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 「:not」の便利な使い方 CSSセレクタの優先順位 101 「:not」を含む優先順位 「:not」を使う時の注意点 まずは、「:not」の各ブラウザのサポート状況。 2016年現在、どの環境でも特に問題なく、利用できると思います。 :not などセレクタの各ブラウザのサポート状況 「:not」の便利な使い方 否定疑似クラス「:not」は使い

2015年8月17日 CSS 以前「これからのCSSレイアウトはFlexboxで決まり！」という記事で紹介した、CSSでのレイアウト組みに大活躍できるFlexbox。前回は基本的な使い方の紹介をしたので、今回はより実践的に使える実例を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！ Flexbox対応ブラウザー 前述の記事の通り、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。 そしておなじみの日本でのブラウザーシェア情報。2015年7月ではIE11が32.86%でトップです。Flexboxに対応していないIE9は3.17%。制作するサイトに応じてFlexboxを取り入れるか検討しましょう。 一番基本的なWebサイトのレイアウトである、2カラム。まずはこのレイア

2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が

css3で登場したflexboxですが、そろそろ使える頃合いがくるんじゃなかろうかということでflexboxを使ったら簡単だったなぁと思うレイアウトを実際に試してみました。 flexboxについてのそもそも解説はいろんなブログにあるので、ここでは割愛させて頂きます。 どんなものか理解するためのサイトとしては以下をお薦めします。 Visual Guide to CSS3 Flexbox: Flexbox Playground | 簡単にいうと、cssの新しいレイアウト方法になります。これまでの方法と比べると、グッと簡単に様々なレイアウトができるようになります。 DEMOを作りましたのでそちらをご覧ください。 DEMO flexboxのサンプル ツーカラム よくあるツーカラムのコンテンツですね。 今までだとfloatを使って…という感じでしたが、 flexboxを使うとこんな感じになります。

Sketch3未経験からプロレベルを目指す、充実したコースです。 Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。 1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。 ★こんな人におすすめ★ Sketch3未経験で、使えるようになりたいSketch3でWebサイトやアプリのグラフィックデザインができるようになりたい効率よくワイヤーフレームやモックを作りたいエンジニアだけどデザインも少しかじってみたい ★特徴 単なるSketch3の機能説明ではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけられる 1000名以上の卒業生がいる実績ある日本のWebデザインスクール

Aはエイミー かいだんおちた。 アメリカの絵本作家、エドワード・ゴーリーの｢ギャシュリークラムのちびっ子たち｣は、アルファベット順に子供たちが死んでいくというダークサブカリィな絵本です。 あのお話の解釈はさまざまですが、死が不条理なものであるのは違いなし。それは大きくなった大人にとってもそうです。 Laughing Squidが取り上げたこの映像は、Dorian LebherzさんとDaniel Titzさんが手がけたボルボの新CM。 あの手この手で死んでいく人たち、しかしボルボならご覧の通り……的なブラック特化型の広告です。 タイトルの｢ABC of Death｣は、そんな順々死々っぷりを表したものかと思われますが｢ABC・オブ・デス｣という死々リンピックな映画もありました。こちらもアルファベット順に人が逝きまくる映画で、2も出ています。 image: YouTube source: Y

This page is to document which Shortcut keys are being used by Brackets. Since documenting a software project which is under development will be hard to keep up-to-date, I wrote a Brackets Shortcuts Extension to generate a list of the current set of shortcuts defined to Brackets. This extension displays all shortcuts defined for: Brackets CodeMirror (which not overridden by Brackets) Extensions wh

置換前の文字と検索、置換の対応 特定の文字からHTMLを作成 (.*)と$による呼び出しを覚えれば、様々なことに応用ができます。 下記の文字から、HTMLのリストを作成してみましょう。 Google https://www.google.co.jp/ Yahoo! http://www.yahoo.co.jp/ Bing https://www.bing.com/ Yandex https://www.yandex.com/ 百度 http://www.baidu.com/ 用意した文字は「タイトル」「スペース1つ」「URL」というルールになっています。タイトルとURLを(.*)に置き換えて検索し、li要素とa要素に置き換えます。 例 置換前の文字 Google https://www.google.co.jp/ Yahoo! http://www.yahoo.co.jp/ Bing ht