シゲタ / 少年マガジンエッジ @shigetayuu 漫画編集者です。音楽と特撮とお酒がすきです。一緒に漫画を作ってくださる漫画家さん・新人さんを絶賛大募集中です。DMは相互フォローでなくても送れます。担当作については是非インスタご覧ください→instagram.com/shigetayuu/ ※ツイートは個人の発言時点での見解です。 magazine-edge.jp
2023年もCSSの進化がすごかったですね! その進化を2024年でも生かしていけるように、今回まとめておいていつでも参照できるように記事を書こうと思いました。 お読みいただけると幸いです。 一緒に2024年もスタートダッシュで走り抜けましょう。 まず、はじめに この記事では、最近登場した、エキサイティングで、アクロバティックでファンタジックなインパクトのある機能をピックアップして紹介したいと思います。 CSSの多彩な新機能を広く紹介することで、読者がこれらに触れる機会を持てるように努めています。 特に興味を引く機能があれば、他の媒体を通じて更に詳しく掘り下げることをお勧めします。 コンテナクエリ スタイルクエリ :has()セレクタ :nth-child()の「of S」構文 text-wrap: balance initial-letter ダイナミックビューポート単位 広色域のカラー
CSSを10年以上書いてきた人にとって、この2020年は今までとは全く違ったCSSになったと感じた人も多いと思います。 レスポンシブはブレークポイントの代わりにCSS Gridでより簡単に実装できるようになり、グローバルなスタイルシートに頼るのではなく、CSS-in-JSでスタイルをコンポーネントに配置してテーマ性のあるデザインシステムを構築できます。 フレームワークではTailwind CSSが浸透し、ユーティリティ・ファーストのCSSが使用されるようになりました。2020年現在、CSSの使用状況を調査した「The State of CSS 2020」を紹介します。 The State of CSS 2020 The State of CSS 2020は、The State of CSS Surveyでアンケートを行った調査結果をまとめたものです。私も1票分参加しました。 ちなみに、代表
この前AWS公式のYouTubeチャンネルにて、面白そうなライブ配信がありました AWSの動画コンテンツといえば、BlackBeltのようなサービス紹介の動画が真っ先に思い浮かぶ方も多いと思います。 自分もその一人ですが、この動画はプロダクトではなく「Infrastructure as Code(IaC)という概念」にフォーカスしたコンテンツです。 Twitterで学びメモを書きましたが、ちゃんと記事として学びをまとめておこうと思います。 また、動画の内容に関連した補足事項を記事の後半にまとめておきました。 ↓動画本編はこちら↓ ↓資料はこちら↓ IaCをなぜ使うのか 純粋にIaCは楽しい、手順書作成は楽しくない リリースのたびに手順書更新 or 新規作成するのは、果たして楽しいのか IaCのほうがリリースまでのリードタイムが短い 運用する上での教育はどうする? そもそも「教育」はIaCじ
理不尽な要素盛りだくさんで「クソゲー」とも呼ばれるレトロゲームを、既存の攻略情報を一切見ずに2年の月日をかけてクリア。しかも自作攻略本を作りながら。 さらに、検証に2、3ヵ月かかるような大変な作業にぶつかったときはワクワクしながら楽しんでいたという。 既存の攻略情報を一切見ずにゲームクリアを目指す。ゲームを進めるための情報は自分でまとめていく。例えば、ゲーム画面から自作マップを作ったり……。 (画像は「自作攻略本メイキング」より)登場人物の発言をまとめたり。下手するとゲームをプレイする以上に時間がかかっているんでは? と思うくらい丁寧に攻略情報をまとめていく。 (画像は「自作攻略本メイキング」より) 「本当にクリアできるのか?」と疑問を抱いてしまうほど厳しい縛りを自身に課し、信じられないほどの時間と労力をゲームに注ぎ込むやりこみゲーマーの頭の中に迫るシリーズ「やりこみゲーマー列伝」。今回お
そしたらそれ買うだけでいいし、楽になる 例えば、スーパーで買ってきた野菜や肉を完全体の穴に放り込む すると冷蔵・冷凍・野菜室に自動で保存される 料理も、保存してる食材で勝手に作ってくれる また洗濯物も同じ穴に放り込めばいい 完全体が自動で食材と洗濯物を分別してくれるから、とにかく放り込むだけでOK 自動で乾燥もしてくれるし楽 掃除もその完全体から小型ルンバ的なものが射出されて、掃除してくれる エアコンも空気清浄機もその完全体に内蔵されてるから、買わなくていい 食器も完全体の穴に放り込むだけで洗ってくれる ゴミも分別してくれて、生ごみは分解、プラや缶などは再利用してくれる(貯まったら売れる) そういうのが欲しい 10万円、いや20万円出すから作って欲しい
ゲーム機のコントローラ,Steamで使うとどんな感じ? Xbox / PS / Switch用の8モデルで接続方法や使用感をまとめてみた ライター:june PCゲームをプレイするとき,操作デバイスの選択肢には,まずマウスやキーボードが入ってくるが,[W][A][S][D]キーによるキャラクターの移動が苦手だったりして,コントローラを使いたいと思う人は多いのではないだろうか。もし,PCに加えてコンシューマゲーム機も持っているなら,そのコントローラを使えば,操作に慣れているし追加費用もかからない。 だがゲーム機に付属するコントローラは,一部を除くとPCでの使用を想定したものではないので,USBやBluetoothといった規格に対応していても,素の状態では動作しなかったり,接続が安定しなかったりといったケースがある。また,PCゲームでの使い勝手がどうなるか,気になる人もいるだろう。 そこで,こ
初めてAWSのサーバレスサービスを学習するときに利用できる「基本的なェブアプリケーションを構築する」の内容を2024年現在でも実行できる手順にしてみました こんにちは、臼田です。 みなさん、AWSのチュートリアル活用してますか?(挨拶 今回はAWSの初心者向けハンズオンコンテンツである基本的なウェブアプリケーションを構築するを2024年の現在版の手順としてまとめてみました。 このコンテンツはAWSのサーバレスなサービスを利用して、簡単にウェブアプリケーションを作成する体験ができるチュートリアルとなっており、登場するAWSの各サービスを理解するのにちょうどよい内容でした。しかし、リリースされてしばらく経っているのもあり、特に今回のAmplify Gen2リリースもあってだいぶ画面や操作方法などが変わってしまいました。 実現できる事自体は変わらないので、現時点でこのチュートリアルを初心者でも完
国立感染症研究所の研究者らが、天候や人々の移動と感染者数の関係を調べ、移動を活性化させるとしたGo To トラベルキャンペーンが、新型コロナウイルスの感染者数の増加には関係ないとまとめたことがわかった。この研究者らは、Go To トラベルが感染を抑制した可能性があるとも言及している。 常磐大学の栗田順子専任講師や国立感染研の研究者らは、「Effects of the second emergency status declaration for the COVID-19 outbreak in Japan(邦題:日本におけるCOVID-19流行に対する第2次緊急事態宣言の影響)」と題した論文を投稿し、査読前の論文(プレプリント)が公開されている。 この研究では、感染者数から割り出される感染の実効再生産数と、気候や人々の移動の相関を調べている。緊急事態宣言の発出時に、実効再生産数が低下してい
Webサイト上の要素に背景を表示したい場合、シンプルに画像で表示する形が一般的ですが、CSSを使って背景パターンを表示するという方法もあります。 ドット柄やチェック模様、ストライプなど色々な種類の背景パターンをCSSだけで作ることができ、使い方を覚えておくとWebデザインに色々と活用することができます。 今回は、CSSだけで背景パターンや模様を表示するメリットや、様々なサンプルコードが掲載されているおすすめのサイトをご紹介したいと想います。 CSSで背景パターンを作るメリット Webページ上の要素に背景を適用する場合、一般的には画像ファイルを用意してbackground-imageプロパティに指定することが多いですが、CSSだけでも様々な背景パターンや模様を作ることができます。 画像ではなくCSSで背景パターンを作った場合のメリットとして、例えば次のようなものが挙げられます。 背景画像を書
「ボカロ」というジャンルの現在を総括する評論同人誌『ボーカロイド文化の現在地』の主宰・highlandさんが選ぶ、2023年のボカロ名曲15選──。 2023年に入ってますます盛り上がりを見せているVOCALOID(以下、ボカロ)シーン。 その熱狂は多かれ少なかれコミュニティ外にも認知されていると思うが、一方で「今のボカロに興味はあるけど何から聴けばいいのか分からない」と感じている方も多いことだろう。 今回は2023年に発表されたボカロ曲の中から、ボカロを知らない人にも届くような力をもつポップな名曲を15曲ピックアップした。 少しでも気になる曲があればぜひ聴いてみてほしい。 執筆:highland目次 1. 強風オールバック(歌愛ユキ)/ Yukopi2. 人マニア(重音テト)/原口沙輔3. 花に風(初音ミク)/バルーン4. マザーデイズ(可不)/Chinozo5. ザムザ(初音ミク)/て
マンガやアニメでよく見かける描写にツッコミを入れた作品が、Twitterで話題になっています。確かに「いや、もうちょっとあるだろ!」って言いたくなる時、あるわ~。 どれも一度は見たことがある描写ばかり 1つ目の描写が「雑な忠告」。詳しい理由があれば警戒するのですが、どの忠告も一言二言なため、イマイチ良くわかりません。コメントのように「忠告する気があるなら聞き入れられるように話してくれ~」と嘆きたくなります。 忠告するならもっと詳しく言って欲しい……! 2つ目が「なぜか主人公だけ見逃す敵」。さっきまで他のキャラクターを殺していたのに、なぜか主人公だけ手を出さないというのは、確かによく見かけます。 急に寛容になってくれる敵キャラクターとかいるいる ジャーナリストや情報屋のキャラクターにありがちなのが「真相に気付いた直後に殺される」という展開。いかにもヤバそうに「今から会えるか!?」と相手をせき
2021年3月以降、政府や各自治体による新型コロナウイルス感染症のワクチン接種予約や管理を行うシステムが稼働を始め、住民への予約受付が開始されています。しかし、アクセス過多による接続障害など複数の自治体でトラブルが発生しています。ここではこれまでに発表や報道されたトラブルについて関連する情報をまとめます。 1.複数の自治体で起きた予約システムのトラブル 事例① アクセス過多による接続障害 予約開始直後など、急増するアクセスに耐え切れずにシステムに接続できない、しにくくなるなどの事象が発生した(あるいは関連性のある)事例は以下の通り。 自治体 発生/報道日 概要 沖縄県糸満市 4月15日 市が利用する予約受付システムが全国複数の自治体で利用されており、同日複数から大量アクセスを受けたことで受付不可となった。 兵庫県神戸市 4月21日 20日に不適切な設定によるものとみられる内部起因の障害によ
はじめに 新規事業部 生成AIチーム 山本です。 ChatGPT(OpenAI API)をはじめとしたAIの言語モデル(Large Language Model:以下、LLM)を使用して、チャットボットを構築するケースが増えています。通常、LLMが学習したときのデータに含まれている内容以外に関する質問には回答ができません。そのため、例えば社内システムに関するチャットボットを作成しようとしても、素のLLMでは質問に対してわからないという回答や異なる知識に基づいた回答が(当然ながら)得られてしまいます。 この問題を解決する方法として、Retrieval Augmented Generation(以下、RAG)という手法がよく使用されます。RAGでは、ユーザからの質問に回答するために必要そうな内容が書かれた文章を検索し、その文章をLLMへの入力(プロンプト)に付け加えて渡すことで、ユーザが欲しい
CTF Advent Calendar 2019 - Adventarの25日目の記事です。 1つ前は@ptr-yudai氏の2019年のpwn問を全部解くチャレンジ【後半戦】 - CTFするぞでした。 はじめに 対象イベント 問題数 読み方、使い方 Cross-Site Scripting(XSS) SVGファイルを利用したCSPバイパス GoogleドメインのJSONPを利用したCSPバイパス サブリソース完全性(SRI)機能を利用した入力チェックバイパス Chrome拡張機能のパスワードマネージャーKeePassの悪用 HTML likeコメントを使用したコメントアウト jQuery.getJSONのJSONP機能を使用したスクリプト実行 DOM Clobberingによるコードハイジャック Service Workerを利用したスクリプト実行 XSS Auditor機能のバイパス
Visual Studio Code(VsCode)本体のインストール まだインストールされていない方は、以下からVsCode本体をダウンロードしてください。 VsCodeのおすすめプラグイン(コーダー・マークアップ・フロントエンドエンジニア視点) 私が導入しているVsCodeのプラグインを紹介します。 フロントエンドエンジニアとして働いている自分の普段の業務ではHTML CSS Sass(Scss) EJS Pug JavaScript TypeScript React Next.js PHP WordPress Markdownファイル等を触ることが多いので、それらに関連したプラグインが多くなっています。 共通 プラグイン名 機能
こんにちは。伊原 力也(@magi1125)と申します。業務アプリケーションのデザイナー、デザインチームのマネージャー、アクセシビリティ関連のコンサルタントなどをやっています。 ウェブアクセシビリティを普及啓発する活動を始めて10年が経ちました。おかげさまで興味を持ってくれる人はかなり増えたと感じています。しかし、人が増えると声は届きにくくなります。「アクセシビリティをどこから学び始めていいかわからない」という意見も目にするようになってきました。 また、私はこれまでにアクセシビリティに関する書籍を何冊か書いていますが、専門書ってちょっと高いので、興味があるぐらいの段階で本を買うのはちょっと……という気持ちもわかります。 ということで、これまで自分が発信したり関わったりしたコンテンツのうち、ウェブアクセシビリティの理解の助けになりそうものをベストアルバム的に一度まとめてみることにしました。
はじめに 本記事では無料で公開されている企業のエンジニア向け研修資料をまとめました。 近年では、多くの企業が新人向けの研修資料を公開しています。これらの資料は内容が充実しており、初心者から中級者まで幅広いレベルの学びを得ることができます。さらに、資料の作り方も参考になるため、勉強会で発表する人や企業の研修担当者にとっても貴重な情報源となっています。 本記事では様々な企業のエンジニア向け研修資料をまとめましたので、ぜひ参考にしてみてください! 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています!興味をお持ちいただける方は、こちらまで。 この記事の主な対象者 有名企業の研修資料を幅広く確認したい方 エンジニアとして初級から中級レベルの方 独学で学んでいる方 今後研修資料
2023年8月15日、GMWは同社が運営するサービスが不正アクセスを受けたことで、「pictBLand」及び「pictSQUARE」のデータベース情報が外部へ流出した可能性があると公表しました。また当該サービスのWebサイトを閲覧した際に別のサイトへ接続する状態になっていたことも明らかにしています。ここでは関連する情報をまとめます。 累計130万人登録のSNSに不正アクセス GMWが運営するサービスが不正アクセスを受け、pictBLandのサイトが一時改ざんされた他、データベース情報が外部に流出した可能性がある。サービスの累計登録者数は約130万人で、今回の不正アクセスによる影響を受けたアカウントの件数は約80万件。*1 不正アクセスとの関連があったとみられる事象が複数確認されており、それらは以下の通り。今後デジタルフォレンジックを行う企業へ調査を依頼することで影響範囲の特定を行うとしてお
2023年1月26日、愛知県警は第三者のSIMカードを不正に取得したとして男2人を逮捕したと公表しました。また2月22日には、取得した他人名義のSIMカードを用いて不正送金を行っていたとして再逮捕されました。ここでは関連する情報をまとめます。 SIMスワップで4千万円超の不正送金か 摘発されたのは神奈川県の男と東京都の男の2名で、神奈川県の男が闇バイトとして勧誘を行っていた。男2名が行っていたのは不正に取得した他人名義のSIMカードを使用しSIMスワップと呼ばれる手口で、詐取した他人名義のSIMカードを使用して不正送金を行っていた。国内で同手口の逮捕者が出るのは珍しい(詐取した他人名義のSIMカードによる不正送金事案では全国で初めて)と報じられている。*1 愛知県警は男2名に対して、2023年1月25日に詐欺と偽造有印市公文書行使、その後2月22日には不正アクセス禁止法違反、電子計算機使用
はじめに 本記事では、私が2022年に読んでよかったO'Reillyの技術書とその要点を簡潔に解説する。本記事の内容はあくまで一個人の見解にすぎないので、参考程度に。今後O'Reilly関連の技術書を購入する上で、少しでも参考になるものがあれば幸いだ。 リーダブルコード 読みやすいコード、質の高いコードを書く上で重要な原則が体系的にまとめられている。プログラミング初心者から上級者まで幅広く使える。プログラミングを学ぶ上で重要な原則(例:制御フロー、論理式など)やその書き方をこの1冊でまるごと学べる。本質的な内容と具体的なテクニックが両方ともまとめられていて読みやすい。何回も読み直して普段の開発に活かすべき重要な書籍である。 データ指向アプリケーションデザイン アプリケーションの設計・開発における原則を図解やソースコード付きで丁寧に解説されている。今後のアプリケーション開発における原則をデー
言語&開発基礎編 PythonやSQLなどの言語と開発環境に関連することをまとめました。 機械学習に関する教材はこの次のセクションにまとめてあります。 学習環境 インストール及び使い方チュートリアルのサイトと、ある程度使い慣れた後に役立つtips集を各エディタでまとめました。 Google Colaboratory Python初学者にとって最もわかりやすいPython実行環境です。プログラミングは初めて!という方はまずこのGoogle Colaboratory(通称: Colab)から始めてみて、使い方がある程度わかったら、そのまま次のセクションのPython編に移りましょう。 Pythonプログラミング入門 難易度: ★☆☆ 東京大学の公開しているPython講座ですが、冒頭でColabの使い方を解説しています。使ったことのない方はこちらから! Google Colabの知っておくべき
はじめに データ分析基盤の資料を力尽きるまで追記していきます。 構成図にあるアイコンや記事の内容から技術要素を調べて記載していますが、不明分は未記載にしています。修正のコメント頂ければ助かります。 あと、この記事追加してっていう要望も歓迎いたします。 テンプレート 記事公開日 : 会社名(サービス名) データソース : データ処理 : アウトプット : 画像 URL 2025年 2024/03/14 : 株式会社エス・エム・エス(カイポケ) データソース : Amazon Aurora データ処理 : Datastream、BigQuery、dbt アウトプット : Looker Studio 2024/03/12 : 株式会社マイナビ データソース : SQL Server、Amazon S3 データ処理 : Embulk、Amazon MWAA、Apache Airflow、Snowf
2021年5月25日、富士通はプロジェクト情報共有ツール「ProjectWEB」を利用する一部のプロジェクトに対し不正アクセスがあり、ツール内で保管された情報が窃取されたことを発表しました。ここでは関連する情報をまとめます。 情報流出確認されシステム運用停止 不正アクセスが確認されたProjetWEBは社内外の関係者(同社グループ会社、顧客、業務委託先等)とインターネット上で情報共有するサービス。ライブラリ、予定表、Todo管理、ドキュメント管理等の機能で構成される。富士通のデータセンターで稼働。利用実績は公表されていないが、数千プロジェクトで利用と報じられている。(平成21年時点で3000か所で利用)*1 富士通が不正アクセスとみられる痕跡を確認したのは5月6日。調査の結果、流出事実が確認されたことから25日にシステム運用を停止している。富士通社内への不正アクセスは確認されていない。*2
暗号資産を取り扱う米国のCoinBaseは、2019年6月に発生したFirefoxの脆弱性(当時ゼロデイ)を悪用した攻撃への対応を2019年8月9日にセキュリティ担当者がBlogで明らかにしました。ここでは一連の対応の顛末についてまとめます。 対応公開までの経緯 情報の公開を行ったのは米暗号資産取扱い事業者 Coinbaseのセキュリティ担当者 Philip Maritin氏。 2019年6月20日にTwitterで第一報レベルの情報共有が行われていた。 1/ A little more context on the Firefox 0-day reports. On Monday, Coinbase detected & blocked an attempt by an attacker to leverage the reported 0-day, along with a separ
この記事について この記事は、Linux上でコマンドをそこそこ実行してきた私が独断と偏見でよく使う5大コマンドをまとめたものです。 痒い所に手が届くような内容になることを願って記します…。 コマンドたち ①netstat -anp | grep "Listen " 実現できること LISTENしているポートを確認できます。 アプリケーションやミドルウェアに接続できない場合のトラブルシュートに使用できます。 使用方法 ポートの状況を調べたいサーバ上でコマンドを打つだけです。 127.0.0.53:53や:::80の箇所: LISTENしているIPアドレスとポート 0.0.0.0:*や:::*の箇所: 接続する側のIPアドレスとポート このような状況ではSSL設定したはずなのに、443ポートが開いていないぞというような形で調査ができます。 $ netstat -anp | grep "L
⛩️ のーみん丁 ⛩️ @noumin_T 「田舎」ってまとめて表現されるけどコレくらいに分かれるよね、っていう図。 田舎で酷い目にあったという話は「超ド田舎」の場合が多くて、田舎は不便っていう話は「ド田舎」くらいの場合が多い。田舎は同じ様な風景っていうのは田舎の都市部の話が多いかな。 pic.twitter.com/x8qyMdLnE7 2020-08-07 22:27:53 アクシア@蒼天騎士団No.8 @AHtCG2 @noumin_T 私の郷里は、農村部と各地(海岸沿い・山間部・農村部を繋ぐ道すがら…)の僻地を繋げた様な地形でした 僻地と農村部って違い無さそうだけど、文化圏が全く違ってて、中学区はみんな一緒だったから戸惑いました 田舎(都市部)~都会の“~”の長ーい地域が“郊外”って言われたりするのかな?てみました 2020-08-08 10:10:34
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く