今回は、SSH接続を劇的に高速化する方法をご紹介します。たった3行の設定を追加するだけで、接続時間を10分の1に短縮できます。しかも、2回目以降の接続では認証も自動的に行われるので、パスワードやパスフレーズの入力も不要になります。 要点 .ssh/configファイルのHost *セクションに以下の3行を追加するだけです。 詳しい説明 1. ControlMaster auto この設定で、1つのSSH接続で複数のセッションを共有できるようになります。新しくSSH接続を確立するたびに認証情報を入力し直す手間が省けて、接続がぐっと速くなります。具体的には： 初回の接続時のみ認証が必要 2回目以降は既存の接続を再利用するため、認証プロセスをスキップ パスワードやパスフレーズの入力が不要になり、接続がほぼ瞬時に完了 2. ControlPath ~/.ssh/mux-%r@%h:%p Contr
YouTube、「切り抜き動画」の収益化を停止へ
けい 動画編集者 @keifuji03170226 YouTube切り抜き動画（ショート動画メイン）で収益化条件をやっとクリアできました^_^ しかし、再利用されたコンテンツということで収益化できませんでした（ ; ; ） がるぜん / ホロライブEN和訳 @guranslation 【拡散希望】 この度@TeamYouTubeから「YouTubeに存在する切り抜き動画は全てプロモーションであり、ポリシーに反する」という見解を受取りました。 YouTubeから明確な回答を得るため、みなさんのお力をお借りできないでしょうか。 youtu.be/U1RLf4qqBG4
業界業務の経験豊富な「その道のプロ」に、1時間からピンポイントに相談できる日本最大級のスポットコンサル「ビザスク」。そのビザスク主催のセミナーに、『武器としての戦略フレームワーク』の著者で、國學院大学 経済学部 経営学科教授の手塚貞治氏が登壇。「アイデア創出 実践論」をテーマに、マトリックスの4つの用途や、円環化思考のポイントを解説しました。 前回の記事はこちら マトリックスの4つの用途 手塚貞治氏（以下、手塚）：次に、二次元化思考について見ていきましょう。 30年前、私が駆け出しの頃は、こうした二次元のマトリックスを描くと「おお、コンサルっぽいね」と言われましたが、今では誰でも書くようになり、珍しいものではなくなりました。 二軸のマトリックスを作り、そこの平面上で整理する方法です。 例えば、有名なフレームワークとして、製品が既存か新規か、市場が既存か新規かで成長の方向性を考える成長ベクト
この記事は "What We’ve Learned From A Year of Building with LLMs" という記事を著者の一人である Eugene Yan さんから許可を得て翻訳したものです。 https://applied-llms.org/ Thank you for giving me a permission to translate this wonderful article! 著者の方々 Eugene Yan Bryan Bischof Charles Frye Hamel Husain Jason Liu Shreya Shankar 原文の公開日 2024/６/8 今は大規模言語モデル（LLM）を使った開発がとってもエキサイティングな時期です。この1年間で、LLMは実世界のアプリケーションに対して「十分に良い」ものになりました。そして、年々良くなり、安く
![[翻訳]LLMで1年間開発して学んだこと〜LLMプロダクト開発を成功に導くための実践的ガイド〜](https://cdn-ak-scissors.b.st-hatena.com/image/square/3636c7c8e7c838018a6e006d55b3f4b8d18f34cc/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--7VM-vHg9--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255B%2525E7%2525BF%2525BB%2525E8%2525A8%2525B3%25255DLLM%2525E3%252581%2525A71%2525E5%2525B9%2525B4%2525E9%252596%252593%2525E9%252596%25258B%2525E7%252599%2525BA%2525E3%252581%252597%2525E3%252581%2525A6%2525E5%2525AD%2525A6%2525E3%252582%252593%2525E3%252581%2525A0%2525E3%252581%252593%2525E3%252581%2525A8%2525E3%252580%25259CLLM%2525E3%252583%252597%2525E3%252583%2525AD%2525E3%252583%252580%2525E3%252582%2525AF%2525E3%252583%252588%2525E9%252596%25258B%2525E7%252599%2525BA%2525E3%252582%252592%2525E6%252588%252590%2525E5%25258A%25259F%2525E3%252581%2525AB%2525E5%2525B0%25258E%2525E3%252581%25258F%2525E3%252581%25259F%2525E3%252582%252581%2525E3%252581%2525AE%2525E5%2525AE%25259F%2525E8%2525B7%2525B5%2525E7%25259A%252584%2525E3%252582%2525AC%2525E3%252582%2525A4%2525E3%252583%252589%2525E3%252580%25259C%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aseya%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2QzODg4YjM0MzEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
【2024年最新版】18年ウイスキーを愛飲した人間が、5000円以下でおすすめできる10本 | 偏愛・脳汁で日常を熱くするメディア ヲトナ基地
TOP > NEW > お酒 > 【2024年最新版】18年ウイスキーを愛飲した人間が、5000円以下でおすすめできる10本 こんにちは、ウイスキーヲタクのトイアンナです。 初めてのバーで、どんな飲み物を頼めばいいかわからない。 甘い飲み物は苦手だから、カクテルはちょっと……。 ウイスキーにチャレンジしてみたいけれど、お値段が怖い。 そんなあなたのために、実際に私が味わった前提でおすすめする、最新の10本をご案内いたします。 5000円以下のおすすめウイスキーを提案する前提として この記事では、前提として「イギリス産のウイスキー」から、5000円以下で買える銘柄をお伝えしてまいります。ウイスキーはアメリカや日本でも生産されており、それぞれに味わいが異なり楽しいものです。 ただ、「5000円以下で美味しい銘柄が多い」「だいたい、どのバーにも揃っている」条件を考えると、イギリス産のウイスキーを
“アニサキス殺し”パルスパワーは「器用貧乏」な技術だった 「電気エネルギー界のドラえもん」が拓く未来【フォーカス】 レバテックラボ（レバテックLAB）
“アニサキス殺し”パルスパワーは「器用貧乏」な技術だった 「電気エネルギー界のドラえもん」が拓く未来【フォーカス】 2024年6月18日 熊本大学産業ナノマテリアル研究所 准教授 浪平 隆男 パルスパワー工学研究者。1999年に熊本大学工学研究科修士課程を修了。米テキサス工科大学パルスパワー・パワーエレクトロニクスセンター客員教授などを経て、2007年より熊本大学バイオエレクトリクス研究センター准教授。同センターは2013年に改組によりパルスパワー科学研究所に。2020年には研究所の再編により、現・産業ナノマテリアル研究所に至る。パルスパワー技術の実用化を目指し、幅広い応用研究をこれまでに手がける。 researchmap 熊本大学産業ナノマテリアル研究所 日本の生食文化を守りたい｜新アニサキス撃退法の社会実装へご支援を 浪平・王研究室※ （※）：研究室サイトについては、お使いの環境によっ
自然豊かな町を襲った最悪レベルのPFAS汚染。活性炭が水道水を汚染した衝撃（幸田泉） - エキスパート - Yahoo!ニュース
人口約１万人の小さな町が激震に見舞われている。岡山県吉備中央町、JR岡山駅から車で40分程度の中山間地域だ。昨年10月、この町の水道水に高濃度PFAS（ピーファス、有機フッ素化合物）が混入しているのが明らかになった。汚染源は山中に野積みされた「使用済み活性炭」。汚染物質除去に使われた活性炭が、リサイクルのために場所を移動し、移動先で新たな水汚染を生み出した。水道水では国内最悪レベルの濃度の高さで、住民の健康への影響が心配される。 国内最高濃度の水道水汚染 町内約1000人に水道を供給している円城浄水場。PFAS汚染が発覚し、対応に追われた＝2024年６月10日、岡山県吉備中央町で、筆者撮影 国は2020年にPFASを水道水の「水質管理目標設定項目」とし、暫定目標値として「50ng/L以下」（ngはナノグラム）とした。吉備中央町ではこの年の水質検査からPFASを検査項目に入れ、浄水場の一つ「
生成AIを使った実験を重ねるにつれて、クリエイティブ分野での限界が明確に理解されるようになってきた。AIとアーティストたちの力関係を変えようとする取り組みもいくつか始まっている。 by Melissa Heikkilä2024.06.30 190 8 この記事の3つのポイント AIとアーティストとの関係性はこの2年間で変化しつつある 独創的で面白いものを生み出すのは難しく、補強ツールとして使うのが最適 権利侵害を防ぐ技術やツールも開発が進み、不安を和らげている summarized by Claude 3 この記事は米国版ニュースレターを一部再編集したものです。 人工知能（AI）のジョークはありきたりだ。グーグル・ディープマインド（Google DeepMind）の研究チームがプロのコメディアン20人に依頼し、一般的なAI言語モデルを使ってジョークやコメディパフォーマンスの台本を書いてもら
はじめに こんにちは、kenです。みなさんコンフリクト解消してますか！ チーム開発をしているとコンフリクトとは嫌でも向き合うことになりますが、コンフリクト解消って緊張感のある作業なのでやりたくないですよね。 そんなコンフリクト解消をちょっぴり楽にする(かもしれない)コマンドを最近知ったので今回はそれを紹介します、その名もgit rerereです。 git rerereとは Gitの公式ドキュメント（日本語版）には次のように記載されています。 git rerere コマンドはベールに包まれた機能といってもいいでしょう。これは “reuse recorded resolution” の略です。その名が示すとおり、このコマンドは、コンフリクトがどのように解消されたかを記録してくれます。 そして、同じコンフリクトに次に出くわしたときに、自動で解消してくれるのです。 ここに書かれているように、git
型番は「RX-78F00/E ガンダム」。指先までの高さは16.72m。頭頂高12.31m。総重量49.1（画像は100分の1サイズのジオラマ） 26日に開催した「ガンダムカンファレンス SUMMER 2024」の中で明らかにした。今期からバンダイナムコグループのCGO（チーフガンダムオフィサー）に就任した榊原博さんによると、新しい実物大ガンダムは、3月末で惜しまれながらフィナーレを迎えた横浜の“動く実物大ガンダム”の外装を再利用するという。 「この像の大部分は、動く実物大ガンダムの資材を再活用する。今回は稼働は行わないが、関西エリア初となる実物大ガンダム像を万博という機会と通して世界中の皆様にみていただければ」（榊原さん）。装甲の部分は、一部仕様変更しながらほぼ全て再活用するとしている。 一方、「ガンダムを世界に発信する次のステップ」と位置づける「GUNDAM NEXT FUTURE P
朝日新聞福島総局長の捏造疑惑炎上ではっきりした「不安な空気」を創っては拡散する「風評加害者」の正体（林 智裕） @gendai_biz
捏造を疑われる記事内容 朝日新聞の4月21日付記事、アナザーノート『「総代で卒業の被災者」その注目がつらい 茶番に苦しんだ子どもたち』において、捏造を疑われるなど多数の問題が指摘される報道があった（記事は現在、公開当初の内容から一部が修正されている）。 ・論点の大前提・根幹となる情報が事実に反する嘘だった（誤報の原因追及と再発防止に対する説明責任） ・「」付で書かれた発言の裏取りが不明（取材の欠如と手法の正当性に対する疑念） ・実態と乖離した、不自然な当事者の論調（取材対象の偏向や恣意的な結論への誘導や印象操作に対する疑念） ・「注目がつらい」と訴える当事者を矢面に立たせ注目させたことの是非（報道被害への無配慮） ・問題解決に向けた、社会における理解と合意形成に逆行する（マッチポンプ・クレイム、利益相反行為に対する疑念） 以下、具体的に指摘していこう。 当該記事は大熊町出身の若者の視点と共
公開日 2024/06/18更新日 2024/06/18身近なBtoCサービスを支えるアーキテクチャ大解剖 技術選定のポイントと今後の展望 多くのIT企業では、ユーザーに対してより高品質で安定した体験を提供するために、システムアーキテクチャを進化させ続けています。 本特集では、日常生活の中で多くのユーザーに利用されているサービスのアーキテクチャ設計に携わるエンジニアの方々から、技術選定の背景や意図、そして現在のアーキテクチャの課題から未来への展望まで、詳しく伺いました。この記事を通じて、各企業のエンジニアたちがどのように技術的な課題を克服し、システムの柔軟性と効率を高めているのか、知見を得ていただければ幸いです。 ※ご紹介は企業名のアルファベット順となっております アソビュー株式会社 アソビュー株式会社では「遊び」という領域に対し、マーケットプレイス型EC「アソビュー！」やD2C型SaaS
2024年7月4日、ハッキングフォーラム上に約100億件ものパスワード情報を含むファイルが投稿されました。セキュリティメディアのCybernewsは「史上最大のパスワード漏えい」として、今回のデータ漏えいについて報じています。 RockYou2024: 10 billion passwords leaked in the largest compilation of all time | Cybernews https://cybernews.com/security/rockyou2024-largest-password-compilation-leak/ This is likely the biggest password leak ever: nearly 10 billion credentials exposed | Mashable https://mashable.com
リメイク版「ウィザードリィ」発売記念対談。ロバート・ウッドヘッド氏とベニー松山氏が語る，灰と青春の40年 ライター：森瀬 繚 カメラマン：佐々木秀二 ダンジョンRPGの古典「Wizardry: Proving Grounds of the Mad Overlord」のリメイク版（PC / PS5 / PS4 / Xbox Series X|S / Xbox One / Switch）が，2024年5月23日に正式リリースされた。 1981年に発売された初代Apple II版をベースに，のちに発売されたファミリーコンピュータ版（1987年）などの移植作品の要素も加味しながら生まれ変わった同作は，開発陣の情熱のほどがうかがえる，力の入ったリメイクとなっている。 その力の入りっぷりは先に掲載したインプレッションに詳しいので，そちらを参照してもらうとして，本稿ではリメイク版の発売を記念して行われた
バンダイナムコグループのバンダイスピリッツは２６日、２０２５年大阪・関西万博で開設する人気アニメ「機動戦士ガンダム」の世界を表現したパビリオンに、実物大のガンダム像を展示すると明らかにした。今年３月末まで横浜市で展示していた動く実物大ガンダム（高さ約１８メートル）で使われた資材を再利用するが、万博に展示するものは動かないという。 同日、オンラインで開催された「ガンダムカンファレンス ＳＵＭＭＥＲ ２０２４」で、チーフガンダムオフィサーの榊原博氏が発表した。展示される実物大のガンダム像は、過去にあったような立ち姿ではなく、片膝をついて上空に向かって右腕を伸ばした姿を予定している。 バンダイナムコグループの横断プロジェクト「ガンダムプロジェクト」は昨年１０月、都内で開いたイベントでガンダムのパビリオンについて公表した。このイベントには大阪府の吉村洋文知事が登壇し、「個人的な思いですが、ガンダム
日本で一番「説明責任」を求め続ける朝日新聞から「回答期限4分前」に届いた「捏造疑惑記事への説明」の中身（林 智裕） @gendai_biz
前編記事『朝日新聞福島総局長の捏造疑惑炎上ではっきりした「不安な空気」を創っては拡散する「風評加害者」の正体』では、朝日新聞の4月21日付記事アナザーノートに見られた、捏造を疑われるなど多数の問題について指摘した。後編では、筆者が5月4日に朝日新聞に送った質問状の内容と得られた対応について具体的に記していく。 不当な印象操作への「説明責任」 筆者が朝日新聞に送った質問書は、以下の通りである。 〈 4月21日付の朝日新聞福島総局長大槻規義記者による記事、アナザーノート『「総代で卒業の被災者」その注目がつらい 茶番に苦しんだ子どもたち』において、捏造を疑われる報道がありました。 この報道を巡りSNSでは「炎上」しており、避難や風評を経験しいまも苦しむ福島の被災者などからは重大な事実誤認がある、被災地を傷つける報道被害だという旨の声が殺到しています。事実関係を独自に調査した投稿の一つ、福島県議会
知らなかったCSSプロパティ 3選 - Qiita
はじめに 意外と知らなかったCSSプロパティを3つ紹介します。 1. currentColor currentColor（CSS:カスケーディングスタイルシート） 特定の要素に指定されている色を参照するCSSプロパティです。 要素内の任意のプロパティで使用できますが、特にボーダーや背景などの色を親要素の色と同じにしたい場合に便利です。 currentColorの利点は、色の変更が親要素のcolorプロパティによって自動的に反映されるため、親要素のテキスト色を変更するとcurrentColorを使用している要素の色も新しい色に変更されることです。 使用例 .parent { color: red; border: 1px solid currentColor; /* テキストの色と同じ色（red） */ .child { color: currentColor; /* 親のテキストの色と同じ
オープンソースAI(Open Source AI)とは、オープンソースの状態にあるAIシステムのことである。これはある意味で自明なのではあるが、「オープンソースの定義」(OSD)を管理している米国の非営利団体Open Source Initiative(OSI)では、2023年からわざわざ新たに「オープンソースAIの定義」(OSAID: Open Source AI Definition)の策定を開始している。2024年の8月頃には定義のRC版が公開される見込みであるが、本稿ではこの新たな定義が何故必要になり、その定義がどのような機能するものであるかということに対し、主に佐渡が視点から時系列的に簡単に紹介していく。これによって日本国内においてOSAIDが認知され、AI開発コミュニティにおいて自由かつ透明性が確保されたシステムの必要性への理解が深まる一助となることを期待する。 OSIにおける
使用済みの製品から部品を回収して再び新品同様の製品として販売する「リマニュファクチャリング（リマニ）」。部品コストの削減やサーキュラーエコノミー（循環経済）、カーボンニュートラルを目的として取り組む企業が徐々に増えている。ところが昨今、ある別の目的でリマニが爆発的に拡大する可能性が出てきた。 それが、部品の安定調達の観点だ。米中対立を発端として世界中でサプライチェーンの再構築が進む中、部品を国内で使い回して調達するリマニへの関心が各国で高まっている。半導体や電池、産業用ロボット、工作機械など品目によっては経済安全保障の強化につながるとの見方もある（図1）。
「GitHub CI/CD実践ガイド」を読んで、GitHub Actionsを始めよう - とことんDevOps | 日本仮想化技術のDevOps技術情報メディア
弊社ではGitHub Actionsの登場以前からCI/CDを行っていることもあり、CI環境としてはCircleCIが標準となっています。とはいえ開発の中心はやはりGitHubであり、GitHub上で自己完結できるという点において、GitHub Actionsの優位性は見逃せません。 今まで筆者は「CircleCIでやってたこの機能は、GitHub Actionsではどうやるんだろう?」といった視点で、都度検索することが多かったのですが、そういうやり方では知識が横方向に広がらないのですよね。もしかしたらもっと便利な機能があったり、やってはいけないアンチパターンがあるかもしれないのに、ピンポイントに検索していると、そういう気づきが得にくいのです。 なので場当たり的にググるのではなく、どのような技術であっても、一度は体系的に学んでおく必要があるというのが筆者の考え方です。そんな用途にぴったりな
昨今のフロントエンド向けUIライブラリでは、コンポーネントの設計が重要です。この記事では、コンポーネントのスタイリング、その中でもとくにコンポーネントの大きさに関わるコンポーネント設計について考えます。 私の考える結論は、むやみに大きさを指定できるpropを生やさずに、CSSで外から大きさを制御できるようにしたほうがいいです。 コンポーネントの大きさを制御したい UIの一部分を再利用可能なコンポーネントとする場合、同じコンポーネントがさまざまな場面で使えるのが望ましいでしょう。コンポーネントが提供する機能にもよりますが、場面に応じてさまざまな大きさでコンポーネントを使用できたほうがよいこともあります。 具体例として、このようなコンポーネントを考えてみましょう。例はReactで示しますが、この記事の内容はReactとは関係ありません。 const Card: React.FC<React.P
Googleのチームが開発したPython用のUIフレームワーク「Mesop」の特徴や使い方について、開発チームがブログに投稿しています。 Why Mesop? - Mesop https://google.github.io/mesop/blog/2024/05/13/why-mesop/ 多くのPython用UIフレームワークは簡単に使い始められるものの、標準的な使用方法を超えてカスタマイズを行おうとするとJavaScriptやCSS、HTMLの詳しい知識が必要です。MesopはPython内で動作を完結させることでよりPython開発者にとって扱いやすいUIフレームワークになっています。 MesopはコンポーネントベースのUIフレームワークで、UI全体がコンポーネントと呼ばれるブロックを積み重ねて作成されています。Pythonの関数を呼び出すのと同じ要領でMesopのコンポーネントを
理想のUIをめざして！Webでハーフモーダルを作って磨き上げた話 - Tabelog Tech Blog
こんにちは！飲食店システム開発部オーダーチームの開発エンジニアを担当している堀口です。 食べログオーダーは、レストランでの飲食体験をより快適にするためのモバイルオーダーシステムです。飲食店に来店したお客様が自身のスマートフォンを使用してQRコードを読み取り、Web上でメニューをカートに追加し注文することができます。メニュー選択や注文操作はWebでありながら、ハーフモーダルを使用したネイティブアプリのような注文体験ができます。 この記事では、モバイルオーダーシステムのUI改善に焦点を当てます。ハーフモーダルの採用がどのようにして決定されたのか、その開発プロセス、そして実際に達成された改善点について詳しく掘り下げていきます。Reactを使用したフロントエンド開発で遭遇した課題と、それらをどのように解決したかの具体例を紹介します。 目次 なぜ「ハーフモーダル」を採用したか ハーフモーダルの導入と
昨今のフロントエンド向けUIライブラリでは、コンポーネントの設計が重要です。この記事では、コンポーネントのスタイリング、その中でもとくにコンポーネントの大きさに関わるコンポーネント設計について考えます。 私の考える結論は、むやみに大きさを指定できるpropを生やさずに、CSSで外から大きさを制御できるようにしたほうがいいです。 コンポーネントの大きさを制御したい UIの一部分を再利用可能なコンポーネントとする場合、同じコンポーネントがさまざまな場面で使えるのが望ましいでしょう。コンポーネントが提供する機能にもよりますが、場面に応じてさまざまな大きさでコンポーネントを使用できたほうがよいこともあります。 具体例として、このようなコンポーネントを考えてみましょう。例はReactで示しますが、この記事の内容はReactとは関係ありません。 const Card: React.FC<React.P
分散トレーシングを使ってパフォーマンス改善をやってみたら、レスポンスタイムを2割近く改善できたお話 - Tabelog Tech Blog
目次 目次 はじめに そもそもシステム運用改善チームとは何か？ なぜアプリAPIのパフォーマンス改善が必要になったのか？ どうやって改善箇所を見つけるのか？ 分散トレーシングを使って、店舗詳細APIを細かく分析する 計測結果の見方 計測結果から分かったこと 計測結果から見つけたポイントに改善を実施していく コースに紐づくクーポンの取得 口コミを取得する処理と公開画像数のカウント ユーザーごとの公開口コミ投稿数の合計数カウント 全体での改善効果はどうだったか？ パフォーマンス改善の影響 ユーザー体験が向上した 今後の食べログ成長に備えたシステム上の余裕ができた 食べログの分散トレーシングを使って改善を実施してみてよかったこと おわりに はじめに こんにちは。食べログ開発本部 ウェブ開発1部 システム運用改善チームの @4palace です。 今回は、私の所属するシステム運用改善チームが食べロ
昨今のフロントエンド向けUIライブラリでは、コンポーネントの設計が重要です。この記事では、コンポーネントのスタイリング、その中でもとくにコンポーネントの大きさに関わるコンポーネント設計について考えます。 私の考える結論は、むやみに大きさを指定できるpropを生やさずに、CSSで外から大きさを制御できるようにしたほうがいいです。 コンポーネントの大きさを制御したい UIの一部分を再利用可能なコンポーネントとする場合、同じコンポーネントがさまざまな場面で使えるのが望ましいでしょう。コンポーネントが提供する機能にもよりますが、場面に応じてさまざまな大きさでコンポーネントを使用できたほうがよいこともあります。 具体例として、このようなコンポーネントを考えてみましょう。例はReactで示しますが、この記事の内容はReactとは関係ありません。 const Card: React.FC<React.P
コンテナークエリー（@container）は、CSSの新しいアットルールです。従来のメディアクエリー（@media）とは異なる手法で、レスポンシブウェブデザインができます。メディアクエリーはビューポート（ブラウザ幅）を条件にスタイルを適用できるのに対して、コンテナークエリーは要素の幅を条件にスタイルを適用できます。 コンテナークエリーを利用することで、再利用性の高いパーツを実装できます。とくに、カラム数が多いレイアウトや複雑な横並びの要素において、コンテナークエリーは有効な機能です。 この記事では、簡単な作例と使用上の注意点を紹介します。 コンテナークエリーの使い方 作例の紹介の前に、コンテナークエリーの使い方を簡単に説明します。 コンテナークエリーを使用するためには、使用したい親の要素にcontainer-typeプロパティを設定する必要があります。以下の2通りの指定ができます。 con
日清食品は7月8日、お湯をかけて5分で食べられる「日清のカップメシ」シリーズの新商品として「謎うなぎ丼」を発表した。15日から関東甲信越、中部、近畿地区限定で販売する。価格は369円。 動物由来原料は一切使用せず、独自の大豆たんぱく加工技術により、うなぎの蒲焼きに近い食感と見た目、風味を再現した。「まるで“うなぎ丼”を食べているかのような風味と食感」を楽しめるという。 日清は2023年7月、大豆たんぱく加工品でうなぎの蒲焼きの食感と見た目を再現した「プラントベースうなぎ 謎うなぎ」を開発。冷凍食品としてオンラインストアで限定販売したところ、受け付け開始からわずか1分で1000セットが完売した。今回の謎うなぎ丼は、その謎うなぎを使用したカップメシだ。 一方、冷凍食品の謎うなぎは今年も発売する。今回は日本料理の名店「くろぎ」が監修し、原材料の大豆たんぱくがもつ独特な香りを抑えるとともに、うなぎ
OpenAPI Specification v3.0.3のコーディング規約を公開しました | フューチャー技術ブログ
はじめにフューチャーの有志メンバでOpenAPI Specification（OAS） v3.0.3に対応したコーディング規約を作成しました。 https://future-architect.github.io/coding-standards/documents/forOpenAPISpecification/OpenAPI_Specification_3.0.3.html 2023年7月にv2.0の規約を公開してから約1年ぶりのアップデートとなります。 フューチャーの現場でもv3系の利用が主流となる中、有識者のナレッジを集める形で標準化を行っています。 まだ荒削りな部分は多々ありますが、早期に公開してフィードバックを得ながらブラッシュアップしていく方針のもと、公開に踏み切りました。 内容へのフィードバックは、GitHub Issueを起票いただくか、Xアカウント（@future_te
浅草 飴屋 @asakusaameya お陰様で13周年！！ 浅草 花やしき通りにある浅草唯一の製造販売している浅草 飴屋です！ ただ今54種類の飴や随時季節の新作など 発売中。HPはasakusaameya.on.omisenomikata.jp メールasakusaameya@gf6.so-net.ne.jp m.facebook.com/asakusa.ameya?…
6月19日、The New Stackに「Top 10 JavaScript Libraries To Use in 2024」と題した記事が公開された。この記事では、2024年に利用すべきJavaScriptライブラリのトップ10について紹介されている。 以下に、その内容を簡潔に紹介する。 React 強力なコンポーネントベースのアーキテクチャにより、複雑なユーザーインターフェースの開発が容易。 仮想DOMの実装により、パフォーマンスが向上。 豊富なエコシステムとコミュニティのサポートがあり、継続的な改善が期待できる。 Redux 予測可能な状態コンテナで、アプリケーションの一貫性を確保。 一方向のデータフローにより、状態管理がシンプルになり、デバッグが容易。 大規模なアプリケーションでのスケーラビリティとメンテナンス性を向上。 D3.js データをDOMにバインドし、データ駆動の変換を
Reactテスト駆動開発に一度挫折した人が、生成AIの力を借りて再挑戦する話 - Insight Edge Tech Blog
はじめに Insight EdgeのLead Engineerの日下です。 弊社ではフロントエンドのスクラッチ開発にReactを採用することが多いのですが、フロントエンドの保守性はしばしば課題となっています。 というのも、要求仕様が曖昧なPoC（Proof of Concept）の段階からMVP（Minimum Viable Product）として開発を進めることも多く、 ビジネス側ユーザの意見にも左右されながらアプリを改善していくため、画面のレイアウトやデザイン、画面遷移の変更が多発するためです。 こうした状況の中でスピードと品質を両立するためには良質なテストコードが不可欠なのはもちろん、 プロダクトコードとテストコードの双方とも、変化に対応しやすく作る必要があります。 過去にテスト駆動開発を挫折した要因 実は、筆者は過去にReactのテスト駆動開発の実践、および社内普及活動に挑戦したこ
Noah Lyles poses with a Yu-Gi-Oh card. Photographer: Christian Petersen/Getty Images North America 米国一速く走り世界一のスプリンターになるかもしれないノア・ライルズ選手が最近、日本的なものを披露し話題を呼んだ。同選手は米国のパリ五輪陸上代表選考会で競技前にカメラに向かい「遊戯王」のトレーディングカードを見せ、次のレースでも同じことを行った。 この動画はソーシャルメディア上で瞬く間に拡散された。ライルズ選手は同じく五輪出場を目指す米国人アスリートとこうすると約束。相手の女性アスリートもアニメファンで、選考会で「NARUTO-ナルト-」の一節を引用することを誓っていた。 遊戯王と「幽☆遊☆白書」の区別がつかなくても大丈夫だ（遊戯王は1996年に漫画として始まり、その後アニメやトレーディングカード
php-fpm がリクエストを処理しているサイクルをざっくりとまとめました。 php-fpm ワーカープロセスの生成 リクエストループ 1) リクエスト接続待ち listen_socket の生成 FastCGI リクエスト 2) リクエスト開始処理 実行PHPファイルパスの決定 スーパーグローバルへの格納 3) PHPファイル実行 4) リクエスト終了処理 PHP コード実行リソースの解放 max_requests チェック FastCGI クライアントとの通信 接続開始 リクエスト読み取り レスポンス書き込み 接続終了 さいごに php-fpm ワーカープロセスの生成 php-fpm は FastCGI リクエストを処理する SAPI 実装の一つです。いわば、PHP コードを実行する FastCGI サーバです。prefork 型となっており、nginx 等からの FastCGI リク
自己紹介 はじめまして、ENECHANGEの@rubita_isi です。 普段はWEBアプリケーションのバックエンドやインフラの開発や運用を担当しています。 この記事では、AWS上に構築された膨大なWEBアプリケーションをElasticBeanstalkからECSに移行する際に、 監視をTerraform Moduleで標準化した件について、その背景や具体的な内容についてお話しします。 ECS移行について ElasticBeanstalkからECSへの移行 ENECHANGEでは、WEBアプリケーションをAWSのElasticBeanstalkで運用していました。 しかし、ElasticBeanstalkを利用する場合、ホストOSやアプリケーション言語のバージョンが頻繁にサポート終了を迎え、その度に対応が必要でした。 また、ebextensionやplatform hookの仕組み・仕様
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
（ＣＮＮ） ２００９年にエジプトで発見された石棺「サルコファガス」には複雑な歴史があった。石棺に刻まれた古代文字は、これが２回使われていたことを物語る。２回目に納められたのは古代エジプト第２１王朝時代の大司祭メンケペルラー。だが１回目の人物はこれまで謎だった。 フランス・ソルボンヌ大学のフレデリック・ペイロドー准教授（エジプト学）は、この花崗岩（かこうがん）の石棺の断片を再調査し、石に刻まれた象形文字を読み解いた。その結果、新たな手がかりが浮上。カルトゥーシュ（墓に刻まれた楕円＜だえん＞形の装飾）に隠されていたのは、あの有名なファラオの名だった。 ペイロドー氏によると、この石棺に最初に納められたのは古代エジプト第１９第王朝の３番目の王、ラムセス２世だった。その墓が略奪され、後に再利用されていたことが、石に刻まれていた碑文で裏付けられた。 「明らかにこれは王の石棺だ」とペイロドー氏は解説する
デザインコラボレーションツールを手掛ける米Figmaは6月26日（現地時間）、サンフランシスコで開催の年次イベント「Config」で、生成AI搭載の一連の新機能「Figma AI」を発表した。β期間中は、ユーザーはFigma AIの機能を無料で利用できる。 AI機能が正式にリリースされる際には「価格に関する明確なガイダンス」を提示するとしている。 Figma AIの主な機能 AIによる検索機能 Visual SearchとAI-enhanced Asset Searchという2つの新しい検索方法を導入する。 Visual Searchは、画像をアップロードしたり、キャンパス上の領域を選択したり、テキストクエリを入力することで、デザインを検索し、再利用できるというもの。 AI-enhanced Asset Searchは、検索クエリの意味とコンテキストをAIが理解し、検索用語が完全に一致しな
森永「inゼリー」が防災備蓄用商品に 3年保存可能
森永製菓は6月10日、ゼリー飲料「inゼリー」の新商品として、3年間の長期保存が可能な「inゼリーエネルギー ロングライフ」を発表した。6個入り1620円で7月に発売する。 森永製菓によると「inゼリー」は「栄養と水分の両方を補給できる」「食器・調理不要で衛生的」といった特長から、災害時の非常食としての適性が高く、従来の「inゼリー」も備蓄されていたという。しかし備蓄用品としては賞味期限が短いとの声が届き、長期保存できる商品を開発した。 アレルギー物質（えび、かになど28品目）は不使用。森永製菓は「防災備蓄用として災害時にお役立ていただきたい」としている。 関連記事 日清、「カップヌードル」のカップを再利用する野菜栽培セット発売 「謎土」入り 日清食品は、「カップヌードル」の空きカップで野菜を育てる「カップヌードル 野菜栽培コンプリートセット」を発表した。 「きのこの山ワイヤレスイヤホン」
ついに中国・比亜迪（BYD）が本気を出した。これまでBYDの電気自動車（EV）には「ATTO 3（アットスリー）」「DOLPHIN（ドルフィン）」と試乗してきたが、確かに悪くないし割安とも思うものの、何となく接地感が乏しい乗り心地とか、曲線を多用した内装デザインになじめず、あまり魅力を感じなかったというのが正直なところだ。ところが、2024年6月25日に発売された新型EVスポーツセダン「SEAL（シール）」には、価格にまず驚かされ、そして乗り味にも驚かされることになった。国産の上級セダンばかりでなく、欧州の上級セダンもうかうかしていられないクルマが上陸した。 筆者が感じた驚きについて語る前に、まずはシールの概略を説明しておこう。BYD Auto Japan（以下BAJ）はこれまで、小型多目的スポーツ車（SUV）のアットスリーや、小型ハッチバック車のドルフィンを発売しており、シールは同社にと
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SSH接続を10倍速くするたった3行の設定 - Qiita
ジェフ・ベゾスがAmazon創業時に紙ナプキンに描いた図 世界の見え方や行動が変わる、「円環化思考」のポイント
[翻訳]LLMで1年間開発して学んだこと〜LLMプロダクト開発を成功に導くための実践的ガイド〜
見えてきた「生成AIの限界」がアーティストの不安を取り除く
【Git】同じコンフリクト解消を繰り返している人に教えたい「git rerere」 - Qiita
大阪万博に新たな「実物大ガンダム像」登場 横浜“動くガンダム”の装甲を再利用、片手を高く上げた姿に
身近なBtoCサービスを支えるアーキテクチャ大解剖 技術選定のポイントと今後の展望 - Findy Tools
100億件ものパスワード情報がインターネット上で流出、「史上最大のパスワード漏えい」との指摘も
リメイク版「ウィザードリィ」発売記念対談。ロバート・ウッドヘッド氏とベニー松山氏が語る，灰と青春の40年
大阪万博に実物大ガンダムを展示、横浜市の動くガンダムの資材を再利用も「今回は動かず」
オープンソースAIとは何か？ – Open Source AI Definition策定経緯とドラフト版概説
「部品再利用が日本産業を破壊する」、経済安全保障専門家が警告
UIコンポーネントの大きさは外から制御しよう - Qiita
Googleが開発したPythonのUIフレームワーク「Mesop」の特徴を開発チームが解説
UIコンポーネントの大きさは外から制御しよう - Qiita
UIコンポーネントの大きさは外から制御しよう - Qiita
要素の幅でレスポンシブ対応を行える！ コンテナークエリーの使い方 - ICS MEDIA
うなぎ不使用「謎うなぎ丼」、日清のカップメシに登場 大豆たんぱく加工で
【閲覧注意】朝からクーラーつけて湿度も下げたのにお店の商品の飴がこんなことに「うわあああ」「再利用できないの?」
【海外記事紹介】2024年に使うべきJavaScriptライブラリ10選
【コラム】日本の漫画パワー、マネタイズ競争が始まった－リーディー
php-fpm リクエストサイクル - Shin x Blog
ECSプロダクトの監視をTerraform Moduleで標準化
万博リング、一部解体で調整へ 建材に再利用、解体費増の可能性も：朝日新聞デジタル
古代エジプト石棺の謎解明、小さな装飾が解き明かしたファラオの名は
Figma、生成AI「Figma AI」の無料βリリース デザインタスク自動化など
500万円でこの性能！BYDが本気を出した「シール」に驚く