こんにちは、臼田です。 みなさん、AWSのセキュリティ対策してますか?(挨拶 今回は、幕張メッセで行われているAWS Summit Tokyoの会場で実施した、クラスメソッドのミニセッションの内容を共有します。 資料 解説 のちほど書きます 参考リンク集
はじめに どうも、情シスの徳道@上越オフィスです。今回はネットワークネタです。 唐突ですが、会社を代表するグローバルIPアドレスって多くの場合は本社の固定グローバルIPアドレス(プロバイダに依存)ではないでしょうか。 ゼロトラストが叫ばれて久しいですが、弊社のようにお客さまの環境を保守するサービスを行っている場合、やはり境界防御として接続元のグローバルIPアドレスを指定して許可されることが多いです。 地方オフィスが増えてくると特定の環境への接続許可をしてもらうIPアドレスの登録も増えてきます。VPN接続で本社など特定拠点経由での接続を行っていたとしても、プロバイダに依存することになったり冗長化が大変だったりしますね。 弊社では数年前からAWSのElastic IP経由で変化しない&冗長化されたグローバルIPアドレスからAWSに接続する社内ネットワークを構築してきました。 今回はクラスメソッ
リンク まんだらけ まんだらけZENBU セル画、おもちゃ、フィギュア、古本マンガ、限定本、カード、ゲーム、男性・女性資料系同人誌など古今東西コミック&TOYS&同人誌を網羅。お宝ブーム火付け本! 1 user 220 リンク Yahoo!オークション 紙芝居 人鯨 阪神画劇社 旧日本軍 戦前 大日本帝... - Yahoo!オークション ★商品★ 昔の紙芝居の出品です。写真にて状態、詳細は判断してください。★注意★※商品はチェックしておりますが、見落としなどがある場合があります。その旨ご理解いただける方のみご入札願います。・今取引はいかなる場合でもノークレーム・ノーリターンでお願い致します。 ・中古品に対する理解のある方だけの入札してください。神経質な方はご遠慮下さい。・申し訳ありませんが評価の悪い方は入札をご遠慮下さい。削除する場合もあります。 ・オークションは、直接商品手にとって見ら
システム本部CTO室のeveresです。 今年は、とあるインタビュー記事でディスクリプターについて触れてから、remote.py、PyConJP 2020 Onlineと、続けてPythonの属性について話してきました。 締めくくり…と気合を入れたいところですがAdvent Calendarですので、本エントリーではあまり踏み込まずさわりだけを紹介します。 読んでみて動作を理解していなかった人やクラス生成のカスタマイズなど踏み込んで知りたい方は、PyConJP 2020 Onlineの資料をたどってみてください。末尾にリンクを記載しておきます。 このエントリーは DeNA Advent Calendar 2020 の5日目のエントリーです。 では、始めましょう。 動作環境など 本エントリに登場するサンプルのコードは次の環境で動作を確認しています。 macOS: 11.0.1 Python:
CSSの進化は速く、ここ1,2年はさらに速くなりましたね。その要因の一つがIEのサポート終了で、現在はエバーグリーンのブラウザ(自動で最新版にアップデートするブラウザ)となり、モダンCSSの機能がたくさん使用できるようになりました。 2023年、CSSの現状調査をおこなった結果をまとめた「State of CSS 2023」を紹介します。今年は例年より早いですね。 State of CSS 2023 State of CSS 2023は、State of CSSでおこなわれたアンケートの調査結果(9,190人分)をまとめたものです。 まずは、アンケートに回答された人の属性。 世界中の人がアンケートに参加しており、日本人も参加しています。年齢は25-44才が多く、性別は男性が多めです。
CSSのコンテナクエリと:has()疑似クラスを使用するとこんなことができる、というのをGoogleデベロッパーのUna氏が公開していたので、紹介します。 簡単に説明すると、:has()疑似クラスは引数の要素を含んでいるかをCSSで判別できます。.card:has(.visual)でカード内に画像(.visual)が含まれている場合のスタイル、.card:not(:has(.visual))で含まれていない場合のスタイルを定義できます。 下記は、カードに画像が含まれている場合は見出しのfont-sizeを小さく、含まれていない場合は大きくしています。 Simple CQ Demo with :has() 先日リリースされたSafari 15.4で、:has()疑似クラスがサポートされました。Chromeは次期101のflagsで使用できる予定(Canaryはすでに使用できます)で、すべての
こんにちは、うえむーです。 今回はThree.js(WebGL)で一年以上勉強した成果と便利なクラス/ライブラリを紹介したいと思います。 Three.js(WebGL)とは? Three.jsは、少しでも簡単にWebサイト上に3Dのコンテンツを表示するライブラリです。 ライブラリなしでカメラ・影・ライト・メッシュ実装する場合はそれなりの高度な技術が必要になりJavascriptのコード量が膨大になっていきます。 Three.jsのようなライブラリを導入することで、Javascriptの基礎と、Three.jsのクラスを利用することで気軽に3Dのコンテンツを表示することができます。 当初は、Three.jsを勉強したいけどまずどこから手をつければいいかわからず、公式ドキュメントを見ると英文で何をどうすればいいのかわからないかと思います。 Three.jsをこれから勉強するには、以下のサイトを
神戸大学大学院工学研究科の田中悠暉大学院生、杉本泰准教授、藤井稔教授らの研究グループは、独自に開発した「構造色インク」を用いることにより、世界最軽量クラスの構造色塗装が可能であることを実証しました。近年、退色しない「構造色」が注目されていますが、見る角度によって色が変わる、配列など周期構造が必要である、などの理由により従来の塗料に置き換えることが困難でした。本研究では、Mie共鳴という現象で発色するナノメートルサイズの粒子をインク化し、わずか1層分だけ基材に塗ることで、角度依存性の小さいカラフルな着色が可能であることを実証しました。この成果は、従来の塗料よりはるかに少ない量で着色塗装が可能であることを示しており、例えば、数100キログラムといわれる大型航空機の塗装を、1/10以下に軽量化できる可能性があります。 この研究成果は、1月30日 (米国時間) に、国際科学誌「ACS Appli
CSSの新しい疑似クラス関数「:is()」が便利すぎるので紹介します。 :is()については、以前の記事で紹介した時はプレビュー版のみのサポートでしたが、ブラウザのサポートも進み、来年には普通に使用できるようになるかもしれません。 画像はツイートより 元ツイートは、こちら。 How slick :is(this CSS!?) 😏 removes the margins on all headers with a .tight class h1.tight, h2.tight....... 🤢 :is(h1,h2).tight { 🤓 } pic.twitter.com/y01f7uKPmA — Adam Argyle (@argyleink) October 13, 2020 ツイートは、hx要素のマージンをまとめて削除するスタイルシートが紹介されています。
2021年12月14日 CSS, Webサイト制作 BootstrapでおなじみのCSSフレームワークでは、各要素に決められたクラス名を指定してスタイルを適用していました。ですが最近クラスを指定せず、HTMLを書くだけで整ったスタイルを適用してくれる「クラスなしCSSフレームワーク」が続々と登場しています。headタグ内にCSSファイルを読み込む記述を追加するだけでOK!学習コストもかからずとっても便利です。日本語版のデモも用意したので、どんな表示になるか確認してみてください。 ↑私が10年以上利用している会計ソフト! デモはちょっと長いので、デモパネルをスクロールするか、パネル右上の「EDIT ON CODEPEN」をクリックして別タブで表示してみてくださいね! Water.css GitHub|デモ クラスなしCSSフレームワークとして最初に目立っていたのがこのWater.css。ダー
ま、このくらい知っておいてもらわないと&とりあえずこんだけ知ってればだいたいの処理が書けるクラス・インタフェースをまとめてみました。2024年版。 詳しく知りたい人は「プロになるJava」を! java.lang.Class java.lang.Exception <- new java.lang.Integer java.lang.Object <- new java.lang.Runnable java.lang.String java.lang.System java.lang.Thread java.nio.file.Files <- new java.nio.file.Path <- new java.io.InputStream java.io.InputStreamReader java.io.BufferedReader java.io.OutputStream java.
「“開発者体験”で世界をエンパワメントする1日。」と題し、チームや組織の課題に日々取り組む方々に向けて開催された「Developer eXperience Day CTO/VPoE Conference 2021」。ここで、READYFOR株式会社の仙塲氏が「『Userクラス』で考える技術的負債解消の観点」をテーマに登壇。まずは情報システム開発とモデリングの定義について紹介します。 クソコード動画『Userクラス』 仙塲 大也(以下、仙塲氏):こんにちは。ミノ駆動と言います。不運な時間がやってまいりました。まじめなセッションだらけなのに、はたしてこういう動画を流していいものかと。完全にネタ枠です。 このセッションの説明です。多くのサービスで技術的負債になりやすい筆頭格として、Userクラスがあります。本セッションでは、Userクラスの負債により引き起こされる弊害を描いた、風刺動画を上映しま
父親がパソコンオタクだったため、我が家にはニフティサーブのサービスインと同時にネットが導入された。俺はまだ中学生だった。 最初はジオシティーズに個人ホームページを作るなどして遊んでいただけだったが、メル友募集掲示板というものに出会ってしまい、もともと文章を書くのが好きだったこともあってハマってしまった。 当時のメル友というのはPCを使って長文のやり取りをするもので。後にくるケータイ時代の常に短文をやり取りするスタイルとは根本的に異なる。いわば文通に近い。 どこに住んでいるかもわからない相手と近況を報告し合ったり、本や映画について踏み込んだ感想を交換したり、そのメールの返事がいつ届くのかじりじりして待ったり。現代からするとだいぶレトロな世界観だが、ネット自体が普及しておらず、調べ物は図書館、待ち合わせには念入りな調整が必要で、大都市の情報は雑誌や新聞が頼り……そういう時代だったから、メル友と
CSSは進化のスピードが速いですが、2022年はさらに速くなりました。そして大きな転換期とも言えるのが、IEのサポート終了です。これにより今まで使用できなかったCSSの機能がたくさん使用できるようになりました。 参考: IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめ 2022年現在、CSSの使用状況を調査した「The State of CSS 2022」を紹介します。 The State of CSS 2022 The State of CSS 2022は、State of CSSでおこなわれたアンケートの調査結果(14,310人分)をまとめたものです。 まずは、アンケートに回答された人の属性。 世界中の人がアンケートに参加しており、日本人も参加しています。年齢は24-44才が多く、性別は男性が多めです。
先日リリースされたChrome 105, Edge 105でコンテナクエリ(@container)と:has()疑似クラスがサポートされ、モダンCSSの新機能がいよいよブラウザで使用できるようなりました。 そしてもう一つ、:modal疑似クラスもサポートされています。CSSでモーダル要素を検出できる新機能で、今までJavaScriptでしかできなかったことがCSSでできるようになります。 Is it :modal? by Jhey Tompkins コンテナクエリ(@container)と:has()疑似クラスについては、先日の記事をご覧ください。 レスポンシブの実装が今までと変わる! CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスの元、翻訳しています。 :modal疑似クラスがCh
中学生一年かの昼休みにクラスの後ろの方で、男どもが盛り上がって誰かを胴上げしていた。 楽しそうだったので僕も無邪気に参加したあとに訳を聞くと、どうやらクラスの加藤くんが女子に告白して成功したらしい。 めでたい事だなあと感心していたら、どうやら相手の女子は僕の右隣の席にいる神前さんらしく、加藤くんは僕の左隣の席だったようだ。 つまり僕の席はできたてホヤホヤカップルの間に挟まれる形になっていた。 その奇妙な構図はクラス中の注目(胴上げするほど騒いだから誰でも知ってる)を集め、僕は周りの目線にとても恥ずかしい思いをしたことをよく覚えている。 左からの熱い視線に緊張する僕は、とにかく加藤くんの怒りを買わないように、隣の神前さんは丁重にお取り扱いをすることに決めた。 神前さんは僕の班の班長で、一本気でハキハキした明るい女の子だった。 儚く守ってあげる存在ではないが、勉強は得意でないようだったので親切
私が女子校に通う高校生だった頃にクラスの端っこで漫画ばかり読んでたのがれいなちゃんだった れいなちゃんはあんまり可愛くなくてちょっと体臭があって漫画の話をふると早口で話すのにこっちのふった話題には曖昧に笑うだけだからみんななんとなく触れずにいた その頃の私は受験に合格した時のハイテンションが続いた躁状態で学級委員やったりバスケ部でしごかれたりで自分で言うのもなんだけど人望があった だかられいなちゃんを自分の世界に取り込みたかった まずれいなちゃんが読んでる漫画をブックオフで揃えて読んで、れいなちゃんの保健委員の仕事がある時に部活の途中で足首が痛いと言って保健室に行った 本当は痛くない私の足首に湿布と包帯を巻いてくれるれいなちゃんの頭は粉チーズのようなにおいがした れいなちゃんに漫画の話をふると早口で何巻のどのシーンが最高という話を始めたので私も暗記したセリフを引用して合わせるとれいなちゃん
ロシアによるウクライナ侵攻で、ウクライナ政府は「ロシア軍が白リン弾を使用した」と主張しています。しかしこれは誤報です。いや、ウクライナの宣伝戦と言うべきでしょう。つまり嘘です。 実は2014年のロシア軍による東部ウクライナ侵攻時にも全く同じ騒動があったのですが、正体は白リン弾ではなくマグネシウム-テルミット系の焼夷弾でした。122mm多連装ロケット「グラード」のクラスターテルミット焼夷ロケット弾「9M22S」の焼夷子弾「9N510」が使用されたのです。今回も同じ構図です。 ウクライナ侵攻で使用されたクラスターテルミット焼夷ロケット弾(2015年9月30日) 空中で起爆し拡散する多数の火の玉となって落ちて来る兵器の候補は次の通りです。 M825A1白リン煙幕弾 ※米製、155mm榴弾砲9M22Sクラスターテルミット焼夷ロケット弾 ※露製、多連装ロケットRBK-250 ZAB-2.5クラスター
CSSの:has()疑似クラスは去年末にFirefoxでサポートされ、これですべてのブラウザにサポートされました。2024年は、:has()疑似クラスを使用する機会が増えますね。 CSSの:has()疑似クラスは指定した要素がある場合にのみスタイルを適用できる、if文のような非常に便利なCSSの機能です。この:has()疑似クラスの基本的な使い方とシンプルだけどクールな使い方を紹介します。 ↔️ Sideway selection in CSS with :has() by Francesco Vetere 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 :has()疑似クラスのシンプルでクールな使い方 実装の解説 :has()疑似クラスのシンプルでクールな使い方 みなさん、こんにちわ!👋 この記事では、最近すべてのブラウザに
不正が起こる企業には共通点がある 昨今、企業における不祥事・不正のニュースが常にといっていいほど世間の大きな話題を集めている。企業内の不祥事の中には、組織ぐるみの計画的で大規模なものもあれば、特定の個人が単独で行う悪質な犯罪行為もある。 最近では、楽天モバイルの40代の元部長らが同社から約98億円を騙し取ったとして起訴された詐欺事件や、ソフトバンクの元統括部長が架空事業への投資名目で12億円を騙し取ったとされる詐欺事件が記憶に新しい。こうした大手企業のケースは大きく報道され、企業業績やブランドに甚大な損害をもたらす。 こうした「暴走する個人」による不正行動は、単独の悪意に基づくものが多いために、会社としても防ぎにくいように見える。しかし、筆者らの研究では、個人の不正リスクを上げる要素は、やはり組織・環境といった要因を持っていることがわかっている。そこで本稿では、定量データによって明らかにな
先日の記事で:has()疑似クラスがSafariでサポートされ、こんなことができるというのを紹介しましたが、さらに:has()疑似クラスを掘り下げ、Webサイトやアプリでの便利な使い方を紹介します。 :has()疑似クラスは、指定した要素がある場合にのみスタイルを適用できるCSSの新機能で、これからのWeb制作に活躍するかなり便利な機能です。こういう機能を待ち望んでいた人も多いと思います。 たとえば、カードに画像がある場合、ナビゲーションに子メニューがある場合、ラッパーがある場合など、複雑なCSSが必要だったものやJavaScriptが必要だったものが簡単でシンプルなCSSで実装できます。 CSS Parent Selector by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに :has
ニューヨーク行きの便の中でこれを書いている。往復たった9万円のエコノミークラスだ。席は狭い。日本人標準体型の自分の足でも前との余裕は10cm程度。自分の背もたれを倒そうにも数センチしか動かない。食事が配られる際には後ろの人に配慮して席を戻さねばならない。暗いキャビンの前方ではバシネットに入りたがらない赤ん坊が元気に泣いている。 なぜ自分はビジネスクラスに乗っていないのか、いつも飛行機に乗ると自問する。 ビジネスクラスは高いのだ。このニューヨークと東京の直行便往復だったら約50万円から70万円かかる。このエコノミークラスの5倍以上。もし4人家族なら200万円以上の出費だ。移動のためだけなのに法外な値段に思える。 旅客機のビジネスクラスは経済格差を目にする数少ない機会だ。普段は金持ちも普通の人も同じようなレストランで食事をし、同じ道路を歩き、同じ電車で移動する。たまに運転手付きリムジンや特別な
クラスメソッドでは、毎週フロントエンド技術に関する勉強会を開催しています。主に技術的な情報と、やっていることの共有を目的としています。 2021 年の年明けから開始して、 4 ヶ月継続しています。 GW という節目を迎えたので、これまでやったことをまとめてみます。 State of JS 2020 最初はどういったレベルの方が参加されるのかがわからなかったので、現時点の復習にちょうど良いということで、 State of JS の 2020 年度版をみんなで眺める時間としていました。 次の認識合わせができたので、大変有意義だったと思います。 ECMAScript が tc39 によって毎年更新されること よく使われている技術 各分野における選択肢 JSer.info 参加者のベースラインができたところで、毎週話すことのトピックを入手する先として、 JSer.info を使用しています。 RS
CSSで疑似クラス、または疑似要素を使用する時に、:と::のどっちだっけ? と迷ったことはありませんか? :beforeと::beforeのどっちだっけ? :notと::notのどっち? :と::のどっちが疑似クラスだっけ? ※CSS3では::beforeですが、CSS2では:beforeでした。 たまに迷ってしまうことがある人に、CSSの疑似クラスと疑似要素、:と::の違いについて紹介します。 What's the difference between : and :: in CSS? by Salma Alam-Naylor(@whitep4nth3r) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの「疑似」とはどういう意味か 疑似クラスとは 疑似要素とは はじめに 「CSS :と::の違い」をGoogl
アメリカを動かす「ホワイト・ワーキング・クラス」という人々 世界に吹き荒れるポピュリズムを支える“真・中間層”の実体 (集英社学芸単行本) 作者:ジョーン・C・ウィリアムズ 発売日: 2017/10/27 メディア: Kindle版 2016年の大統領選では多くの人がヒラリー・クリントンの勝利を確信していたが、実際にはドナルド・トランプが勝利することとなった。それをきっかけに、「リベラルなエリートは世の中を読み違えていたぞ」とか「メディアや知識人は人種的マイノリティや性的マイノリティにばかり注目して、マジョリティである労働者に目を向けていなかったのだ」という問題意識がにわかに湧き上がり、それについて語る様々な記事や本が矢継ぎ早に登場することになったものだ*1。そのなかでも『ヒルビリー・エレジー:アメリカの繁栄から取り残された白人』や『壁の向こうの住人たち:アメリカの右派を覆う怒りと嘆き』は
若い世代の社会参画に取り組む日本若者協議会は8月1~2日に、東京都千代田区の衆議院第二議員会館で、小学3年生から中学3年生を対象にした「こども国会2023」を開いた。参加者は、防災、ジェンダー、教育の3つのテーマについて、専門家や国会議員と意見交換し、グループに分かれて提言を行った。教育をテーマにしたグループからは「現在の40人近いクラスは人数が多過ぎる。少ない方が先生に見てもらえる時間が増える。しかし現状は、新たな教室をつくったり、先生を配置したりすることは難しそう」といった切実な声も聞かれた。 2021年に始まり、今回で3回目となるこども国会。コロナ禍の影響でこれまではオンラインだったが、今回初めてリアルで開催。約100人のこどもたちが集まった。3つのテーマについて専門家や与野党の国会議員らから説明を受けたり、質疑応答を行ったりした1日目を踏まえ、2日目はグループに分かれて提言を練った
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く