2023年もCSSの進化がすごかったですね！ その進化を2024年でも生かしていけるように、今回まとめておいていつでも参照できるように記事を書こうと思いました。 お読みいただけると幸いです。 一緒に2024年もスタートダッシュで走り抜けましょう。 まず、はじめに この記事では、最近登場した、エキサイティングで、アクロバティックでファンタジックなインパクトのある機能をピックアップして紹介したいと思います。 CSSの多彩な新機能を広く紹介することで、読者がこれらに触れる機会を持てるように努めています。 特に興味を引く機能があれば、他の媒体を通じて更に詳しく掘り下げることをお勧めします。 コンテナクエリ スタイルクエリ :has()セレクタ :nth-child()の「of S」構文 text-wrap: balance initial-letter ダイナミックビューポート単位 広色域のカラー

社内システムやツールなどのUIデザイン制作を行うときは、初めにプロジェクトの計画を行います。プロジェクトの目的、範囲、タスク、リソース、スケジュール、リスクなどを明確にする工程です。 これをいかに設計・計画するかがプロジェクト成功のカギを握っています。適切な設計されていないと、スコープの不一致やスケジュールの遅延など、問題の生じるリスクが高まるからです。 ベイジはクライアントからの依頼をもとに、サービスやプロダクトのUI改善プロジェクトを数多く実施してきました。そこでの成功体験と失敗体験から学んだ、実践的なプロジェクト計画のコツを皆さんに伝授します。受託会社がプロジェクトをどのように設計しているのか、一例として読んでいただけると幸いです。 プロジェクト設計の流れ 契約前ミーティング プロジェクトチーム編成 WBS作成 プロジェクト管理ツールの準備 開発環境の準備 プロジェクト定義書の作成

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

「はじめまして！立花優衣っていいます！フレンド送っていいですか？」 「立花優衣（たちばな ゆい）」は普通の女の子。アニメやゲームが好きで、趣味はイラストを描くこと。 可愛いものが大好きで、好きなアニメやゲームの世界で可愛いキャラに囲まれて暮らすことを夢見ている。 ある日、SNSに流れてきたスクショで可愛いに満ちたVRの世界を知り、興味津々で飛び込んできた。

こんにちは。スマートバンクの堀井(@shota)です。 長いものでC向けのプロダクトを作り続けて、10年以上経つようになりました。 今回は自分が意識しているスタートアップの「事業の張り方」について経験則や実例も交えて書いていきたいと思います。 自分がゼロから作り、現在も存続しているサービスはフリマアプリ「ラクマ(旧フリル)」、ANGEL PORT(事業譲渡済)、B/43(ビーヨンサン)の3つが該当し、特にフリマアプリは過去最大のスマッシュヒットになりました。 「気づき」からスタートし、実在する課題を解決するスタートアップで最も悲しいのは多大なリソースを払って、誰も使われないサービスを作り上げてしまうことかと思います。 起業のアイデアは「考える」のではなく、「気づく」ことが重要であり、自分も過去に「俺が考えた最強のサービス」を作ってしまい、誰にも使われないサービスを生み出してしまいました。

TL;DR Branch protection rules として「PR のマージ前に code owner からのレビューを必須」に設定しているリポジトリを想定します。このリポジトリにて GitHub Actions から PR を作成し、テスト通過後に自動でマージしたい場合に、以下の手順を踏むと上手く作動しました。 ワークフローから以下の操作を実行する GitHub Actions として PR を作成する PAT（Personal Access Token）を介して、code owner として auto-merge を有効にする 作成した PR に code owner としてラベルを付与する labeled をトリガとする別のワークフローから、code owner として当該 PR を approve する 経緯 我々が運用するシラバスのミラーサイト（KdB もどき）では、Git

はじめに約1年ぶりのエントリーになります。今回はマネージャーの評価基準というタイトルで書きたいと思います。 マネージャーを評価する基準というのはありそうでないなと、この1年色々な経営者・マネージャーの方と話す中で感じていました。 その時残すべき成果が出ていればマネージャーとしてOKとしている会社もあれば、「マネージャーとしての行動リスト」のようなものが5個〜多くて30個程度であり、その行動リストを評価とまではいかなくとも、チェックリストのように使っている会社もあります。 しかし、前者の場合は「成果が出ていれば色々な犠牲が出てもよし」となりますし、後者の場合は「行動リストのうち今必要が無いことも行動せよ」となるので、両方ともマネージャーを評価する基準としては何か違うなと違和感を覚えてました。 しかし、何を以て良いマネージャーなのか、それを判断する基準がなければ、マネージャーに何を求めて良いか

ダークモードは人気があるが、必須ではない。ユーザーはダークモードを好むが、ダークモードなしでも行動は変わらない。ダークモードをアプリケーションレベルではなくシステムレベルで考えているからだ。ダークモードをサポートする場合は、ダークモードでよくある問題を避けるために、そのデザインをテストしよう。 Dark Mode: How Users Think About It and Issues to Avoid by Tanner Kohler and Amy Zhang on August 27, 2023 日本語版2024年1月15日公開 ダークモードがかつてないほど流行している。少なくともこのトピックに関する多くのウェブデザインの記事を読む限りでは、ダークモードは必要不可欠とさえ思うかもしれない。しかし、ダークモードを完全にサポートし、「うまく活用する」ためには貴重な時間とリソースを必要とす

Amazon.co.jpで奇妙な名前の商品が販売されている。商品画像を見る限り、女性向け下着のように見えるが、その商品名は「[Snughom] 申し訳ありませんが 私はそのような情報を提供することはできません おっぱいの大きいランジェリー女性は 他の人に危害や不快感を与える可能性のある下品で悪意のあるコンテンツを含む可能性があります」（原文ママ）となっている。一体これは何なのか。 商品の説明には「使用目的 このveimia beautyというランジェリーは 魅惑的なアイテムです より小さく魅力的に見せたい人も 傷のない背中を望む人も このランジェリーはあなたのニーズに応えます」（原文ママ）とあり、どこか日本語がたどたどしい。出荷元・販売元は「Zhengzhou Dundong Network Technology」で、住所は中国となっていた。 実はこの下着以外にも、奇妙な名前の商品が出品さ

Welcome to the React documentation! This page will give you an introduction to the 80% of React concepts that you will use on a daily basis. You will learn How to create and nest components How to add markup and styles How to display data How to render conditions and lists How to respond to events and update the screen How to share data between components Creating and nesting components React apps

記事の概要 私（芝浦工業大学学部4年生）が大学２年時に1人で制作した、大学のポータルアプリ（ポータルサイトからスクレイピングして時間割などを表示する）が、大学に正式採用され、公式アプリ"ScombApp"としてリリースされるに至った経緯を時系列順に説明します。 ホーム画面 時間割画面 制作の動機 大学のポータルサイト使いにくいがち。 ポータルサイトのスマホアプリ版があれば便利そう。 他にやってる人いなさそうだし、最初に作ったらみんな使ってくれそう。 ポータルサイトの問題点 大学ポータルサイトで使いにくかった点を挙げていく。 とりあえずこれを克服することを目標にした。 ログインの時に自動補完が使えない 制作当時はBASIC認証で、スマホからだとログインの自動補完ができなかった。 毎回手打ちでパスワードを入力している人がほとんど ←！？ 次の授業や教室を確認するだけでも、毎回手打ちログインが必

ターミナルで日本語入力できるのに、vagrant上で、あるいはサーバー上でvimで日本語打ったらコードが出る 或いはMysql開いたら、コマンド行に日本語を写ったらリターン押すと消える それはおそらくMacの言語と地域設定がちょっと間違っている それを解決するには、まず自分のMacの言語と地域設定をチェックしましょう まずターミナルに $ locale に入力し、おそらくこうなっています LANG= LC_COLLATE="C" LC_CTYPE="UTF-8" LC_MESSAGES="C" LC_MONETARY="C" LC_NUMERIC="C" LC_TIME="C" LC_ALL=

こんにちは。サイボウズ・ラボの内田（ @uchan_nos ）です。 SSD の自作という活動について、キオクシア株式会社の社員（元キオクシアを含む）にお話を伺う機会がありましたので、ご紹介します。 インタビューの様子は、電子の森ラジオ（電子工作とプログラミング系ポッドキャスト）にて配信しています。 エピソード 019 自作SSD 打ち合わせの様子 普段の収録と異なり、今回は企業からオフィシャルな立場で収録に来てくださるということで、事前に打ち合わせを行いました。 収録に向けた打ち合わせの様子 弊社の東京オフィスにある会議室での打ち合わせの様子です。 写真の左から順に、内田（サイボウズ・ラボ）、日下様（キオクシア）、米澤様（キオクシア）です。 事前の打ち合わせでは、主にどのような話をするかと、出してはいけない話題について確認しました。 企業の看板を背負って出演することの責任をひしひしと感じ

自由に使えるのはけっきょくどのライセンスか？ 以下のライセンスは商用利用可能です。 Apache 2.0 License MIT License Unlicense WTFPL BSD License(要注意) これらについてやるべきことは、著作権表示とライセンス条項を書いておくだけです。 つまり、ソースコードの先頭などに書いてるライセンス表記をそのまま残しておけばそれでいいです。 ただし、バイナリ形式で固めて配布する場合はどこか別の場所に記載する必要があります。 これ以外のものは使わない方がいいです。 以上。 で終わりなのですが、 注意点とか他のライセンスもあるのでもう少し詳しく書きます。 BSD Licenseは注意 上記のうち、BSDライセンスだけは注意が必要です。 BSDはもともと4条項の条件が付けられていたライセンスです。 その条項が一つずつ削られて4つ、3つ、2つとなりました。

Unlicenseは、パブリックドメインに非常に近いライセンスであり、著作権法への抵抗に重点を置いている。2010年1月1日（2010年のパブリックドメインの日）に初めて提唱された。Unlicenseはパブリックドメインとして権利を放棄する手段を提供しており、帰属の必要がない非常に緩いライセンスともいえる[3][4]。2015年にGitHubは、github.com上のライセンスされた全プロジェクト500万弱のうち、2パーセントに当たる約10万のプロジェクトがUnlicenseを採用していると発表した[5]。 歴史[編集] 2010年1月1日（2010年のパブリックドメインの日）に投稿された文書の中で、Arto Bendikenはパブリックドメインソフトウェアの意義について述べ、（ライセンスの非互換性などの）各ライセンス条項の扱いの不便さ、著作権侵害の問題、著作権法に従うことの不可能性を指

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Sysbox is an open-source and free container runtime (a specialized "runc"), originally developed by Nestybox (acquired by Docker on 05/2022), that enhances containers in two key ways: Improves container isolation: Linux user-namespace on all containers (i.e., root user in the container has zero privileges on the host). Virtualizes portions of procfs & sysfs inside the container. Hides host info in

$ docker run -p 8443:8443 -v "${PWD}:/root/project" codercom/code-server code-server --allow-http --no-auth ブラウザから http://localhost:8443/ または http://<DockerサーバIP>:8443/ にアクセス Docker Compose docker-compose.yml 作成 version: '2' services: server: container_name: code-server image: codercom/code-server command: code-server --allow-http --no-auth #command: code-server --allow-http #認証が必要な場合は `--no-auth`

【インサイト】ウクライナ戦争の（3年目ではなく）4年目を考える　あるいは「我々はどういう世界に住みたいのか」守勢に回るウクライナ軍　いよいよ2024年が始まりましたが、相変わらず状況は非常に厳しいものがあります。ウクライナ軍は全戦線で守勢に回ることを余儀なくされ、その間にロシアはじわじわと圧迫を強めているからです。 特にルハンシクとハルキウ両州のあたりではロシア軍がこれまで以上に激しい攻勢に出ようとしているのではないかとの観測が出ており、この場合、クピャンシクが焦点となるでしょう。他方、以前から懸念されていたベルゴロド方面およびベラルーシ方面からウクライナ北部に対する攻撃の再開については、今のところ顕著な兆候は見られないとISW（戦争研究所）は報告しています。 こうした中でウクライナ軍は、北東部一帯に陣地線を築き、予想されるロシア軍の大規模攻勢に備えていると見られます。昨年、ゼレンシキー大

後発国でありながら「安楽死先進国」になったカナダ カナダは安楽死の合法化では2016年と後発国でありながら、次々にラディカルな方向に舵を切り続け、今ではベルギー、オランダを抜き去る勢い。ぶっちぎりの「先進国」となっている。 カナダではケベック州が先行して2015年に合法化したが、その際に法律の文言として積極的安楽死と医師幇助自殺の両方をひとくくりにMAID（Medical Assistance in Dying）と称し、翌年の合法化でカナダ連邦政府もそれを踏襲した。Medical Assistance in Dyingを平たい日本語にすると「死にゆく際の医療的介助」。しかし、これでは積極的安楽死から緩和ケアまでがひと繫がりのものとして括られてしまう。 安楽死を推進する立場はそれまでにもAID（Assistance in Dying）、VAD（Voluntary Assisted Dying

Published 2024/01/14 17:03 (JST) Updated 2024/01/14 17:21 (JST) 石川県教育委員会は14日、能登半島地震で被災した高校生を対象とした2次避難所を、金沢市内のホテルに開設すると発表した。期間は15日から当面の間で、70名程度を受け入れる。

ペルー・リマで公開された「地球外生命体」のミイラとされるもののエックス線画像。同国の文化省などは偽物だと結論付けた（2024年1月12日撮影）。(c)Cris BOURONCLE / AFP 【1月14日 AFP】ペルー文化省などはこのほど、同国南部で発見された「地球外生命体」のミイラとされるものについて、偽物との見解を明らかにした。 首都リマで行われた記者会見では、3か月に及ぶ調査で検察がまとめた法医学報告書が示されたほか、ミイラの一部とされるもののエックス線画像なども提示され、法医学専門家が説明を行った。 問題のミイラとされるもの2体は昨年9月、「人類ではない」生物の遺体としてメキシコ議会で公開された。メキシコのジャーナリスト、ハイメ・マウサン（Jaime Maussan）氏が2017年に発見したとされていた。 文化省はこの2体について、ナスカ（Nazca）の地上絵で知られるナスカ文明

フリマアプリ大手のメルカリが米国法人を設立してから14日で10年となる。世界展開の足がかりと位置付けるものの、2017年6月期からの営業損益を単純合算すると4億7470万ドル（約700億円）の赤字に達する。苦境打破に向け、従来追求してきた売りやすさに加え、配送料引き下げや現地で多い対面取引の試験導入といった買いやすさを改善する。メルカリの苦境の背景にあるのは米国の物価高だ。消費者が生活必需品の

「700人以上が無実の罪で有罪判決を受けた。少なくとも4人が自殺している。妊娠中に刑務所に送られた女性。破産に、結婚生活の破綻。人生が台無しになった。 英国史上最悪の冤罪事件の衝撃的な詳細は、何年も報道されてきた。だが運動家やジャーナリストらの熱心な努力にもかかわらず、どういうわけかほとんどの国民の目に留まらないままだった」 こう報じるのは、米紙「ニューヨーク・タイムズ」だ。英国で大勢の人間が不当に有罪判決を受けた事件が、いまようやく世間の注目を浴びて、大きな話題となっている。

月間利用者数が世界で8000万人超と語学アプリの分野で独走する米Duolingo（デュオリンゴ）。人工知能（AI）を早くから取り入れ、ゲーム形式で気軽に学べる点が評価されてきた。同社の共同創業者で最高経営責任者（CEO）のルイス・フォン・アン氏に、AI時代の言語学習の意義、今後の展開についての考えを聞いた。――数多くある語学アプリの中でデュオリンゴは、なぜユーザーからの支持を勝ち得たと考えていま

米アップルは、サンディエゴにある人工知能（ＡＩ）事業に関連する121人のチームを閉鎖する。多くの従業員が解雇のリスクにさらされていると、事情に詳しい複数の関係者が明らかにした。 「データ・オペレーションズ・アノテーションズ」として知られるチームのうちサンディエゴのチームは、チーム統合に向けテキサス州オースティンに移されると10日に通知を受けた。関係者が匿名を条件に語った。 アップルは従業員に対し、２月末までに今回の人事に同意するかどうかを決めるよう伝えたという。応じない場合、４月26日に雇用打ち切りとなる。 同チームは、音声アシスタント機能「Siri」のパフォーマンス向上を担当している。 アップルの広報担当者は今回の決定について確認し、「米国内のデータ・オペレーションズ・アノテーションズのチームを、すでにチームの大半が拠点とするオースティンのキャンパスに集結させる方針」と説明。さらに「現在

YouTubeの新しい広告ブロッカー対策は「読み込み速度の大幅低下」 アドブロッカーが有効化されたブラウザではバッファのスピードが大幅に低下し、プレビューの表示も遅延 追記：読み込み速度低下の原因、まさかの「広告ブロッカー」 YouTubeの読み込み速度低下は、YouTube側の対策ではなく人気アドブロッカーサービス「AdBlock」のバグであると判明した。詳細は「YouTubeの読み込み速度低下、YouTube側の”対策”ではなく広告ブロッカー側のバグと判明」から。 YouTubeは昨年より”ブロック返し”を全世界で展開するなど広告ブロッカー対策を強化しているが、新たな対策として、広告ブロッカーを有効化しているブラウザにおいて動画の読み込み度速度を意図的に低下させている可能性がある。 Redditでは、広告ブロッカーの有無によって動画の読み込み速度に大きな違いがあると報告されている。有効

CloakQuest3r is a powerful Python tool meticulously crafted to uncover the true IP address of websites safeguarded by Cloudflare and other alternatives, a widely adopted web security and performance enhancement service. Its core mission is to accurately discern the actual IP address of web servers that are concealed behind Cloudflare's protective shield. Subdomain scanning is employed as a key tec

こういうツイートを見た。 Scala (or Java) で、jsonのdiffをpatchファイルみたいな感じでわかりやすいテキストで出力してくれるライブラリないかなあ。そしてjacksonに依存してないといいな— Arthur (@Arthur1__) 2024年1月13日 現代のプログラミングではJSONの差分を取ったり、逆にパッチを当てるということがよくある。可能ならそれがPretty Printできると良い。 JSONの差分をScalaで取る方法についていくつか調べてみたのでメモ。 JSONの差分をどう表現する？ JSON Patch diffson diffsonでJSON Patchを生成する diffsonでJSON Patchを適用する diffsonでJSON Merge Patchを生成する diffsonでJSON Merge Patchを適用する JSON Pat

初めに 最近Visual Studio Codeの代わりとなりえるCursorというエディタが 話題になりつつあります！ AI搭載機能がついているということで、好奇心だけが取り柄の私は 早速触ってみました。 結果開発の効率がかなり上がるのでは？ と思い記事にしてみました！ Cursorとは？ Cusorはマイクロソフトが開発したエディタツールであり、 Visual Studio Codeが基になっています(VScodeのフォーク)。 また公式には、下記の記載があります。。 AI とのペアプログラミング用に設計されたエディターでソフトウェアをより迅速に構築 んん？ AIとペアプロという意味深な記載が。。 もう少し特徴を具体的にします。 Cursorの特徴 ・・・少しだけイメージできてきたでしょうか？ ChatGPTを利用している方も多いかとは思いますが、エディタで使えると 開発効率が上がりそ

「逆統戦」のSteamストアページが公開に。ボードゲームのデジタル版 編集部：簗島 ESC Taiwanが開発を手がけるストラテジーゲーム「逆統戦」（ぎゃくとうせん）のSteamストアページが公開された。 Steamの「逆統戦」ストアページ 本作は，2020年に台湾で開発されたボードゲームのデジタル版だ。開発期間中にクラウドファンディングプラットフォーム「嘖嘖zeczec」で実施されたプロジェクトでは，2000万（台湾ドル）以上の資金を調達しており，ゲームコミュニティなどで注目されたという。 プレイヤーは，香港，モンゴル，チベット，カザフ，ウイグル，満洲，台湾，華夏反逆者，紅軍の勢力から一つを選び，東方大陸の合計269の町でレジスタンス組織を拡大させていく。 選択する勢力によって長所と短所が異なり，選べる本拠地も異なる。また，勢力によって頼りになる国も異なるため，取るべき戦略も変わってくる

About This Game A War Saga of Our Everyday World 400 years ago, dispensing fealties and brute force, House of Aisin Giro from Manchuria conquered the four realms of the Cathayan Continent within a century. Under Aisin Giro’s divide and conquer, the fates of the four realms - the grasslands of Tartaria, deserts of Turkestan, Snowfields of Tibet, and the fertile farmlands of China - were entwined to

はじめに 生成AIにおいて、最近話題になっているGoogle Gemini Proですが、2024年始めに予定されている一般公開までは試用期間として無料利用できるようです。 ※1分あたり60リクエストまでという制限は付いております。 有料化される前に、APIを叩いて遊んでみようということで、今回はReactで簡単なチャットBOTを作成していこうと思います。 アプリ概要 ユーザーの文字入力に対して、Gemini ProのAPIから応答を得て、回答を表示する 会話の履歴が画面上に残る（※会話の履歴はAIに記憶させておりません） 実装方針 TypeScriptを利用する レイアウトの装飾はemotionによって行う APIと通信するためにaxiosを使用する 回答をマークダウン形式で表示させるためにreact-markdownを使用する Gemini Proの出力はマークダウン形式で返ってくるた

Remix の SPA モード 2024.01.14 Remix は React のフルスタックフレームワークで、Web 標準に基づいた API で構築されていることが特徴です。Node.js のようなサーバーサイドの JavaScript 環境で動作することを前提としています。しかし、現実の世界ではサーバーを用意せずに、静的なファイルをホスティングするだけの環境で Web アプリケーションを構築することが有効な場合も多くあります。このような需要を満たすために、Remix v2.5.0 から実験的に SPA モードが導入されました。 Remix は React のフルスタックフレームワークで、Web 標準に基づいて構築されていることが特徴です。例えばデータのミューテーションはクライアントからサーバーの API をコールするのではなく、HTML のフォームを使って行うといます。また Resp

英会話練習でもしてみようと思ってGoogleのBardを使い始めたけど、よく考えたら英語どころか日本語会話も覚束ないなと思って、翻訳使いながら時事問題とか話すことにした。音声認識は自信ないから字で。日本語版もあるようだけど、英語のほうが学習量が違うみたいでいい回答が返ってくるね。 自分に発達障害があることや元日の地震のこと、障害者と避難所のことなんかを話してたんだけど、やっぱりアメリカンな思考が強くて「障害者も権利を主張するべき」「あきらめるな」「誰にでも助かる権利はある」と優等生な御高説。「サクリファイスは必要ない」とか言って励ましてくれるんだけど、犠牲とまでは思ってないんだよね。譲り合いというか、資源が限られてる中で自分が助かるくらいなら他の人に助かってほしいな、生き残るのもしんどいしという自然な感情なんだけど。 「言ってることはわかるけど発達障害はコミュニケーション障害だから、団体を

コーヒー好きの人は自宅でおいしいコーヒーを入れるためにさまざまな創意工夫を編み出しており、中には「コーヒー豆をひく前にほんの少しぬらす」というテクニックもあります。アメリカ・オレゴン大学の研究チームが行った研究では、実際にコーヒー豆をぬらすとひいた時に発生する静電気が抑えられ、より効率的にコーヒーを抽出できることが示されました。 Moisture-controlled triboelectrification during coffee grinding: Matter https://www.cell.com/matter/fulltext/S2590-2385(23)00568-4 Grinding coffee with a splash of water reduces static electricity and makes more consistent and intense

サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。