加齢による視力の衰え、赤い光を見ることで改善か
赤い光を見ることで加齢による視力の衰えが改善する可能性があるという/KAREN BLEIER/AFP/Getty Images （ＣＮＮ） 数分間赤い光を見つめることで加齢とともに起こる視力の低下を防ぐことができるかもしれない――。そんな研究結果がこのほど、老年学の医学誌に発表された。 将来の研究でも同様の結果が再現され、米食品医薬品局（ＦＤＡ）が承認すれば、何百万人もの人々が自宅で簡単に治療が行えるようになる新時代を迎えることにつながるかもしれない。 ユニバーシティー・カレッジ・ロンドン（ＵＣＬ）の眼科研究所のグレン・ジェフリー教授（神経科学）によれば、今回の方法は光がミトコンドリアの健康状態を刺激することで作用する。 研究は考え方を確認するための小規模な予備試験で、年齢２８歳から７２歳の男性と女性をそれぞれ１２人集めた。参加者はそれぞれ手持ちの懐中電灯を渡された。電灯からは波長６７０ナ
リンク Wikipedia Left 4 Dead 2 『Left 4 Dead 2』（レフト フォー デッド 2、略称: L4D2）は、2009年11月17日にValve Softwareから発売されたFPSゲーム。『Left 4 Dead』の続編。 ジョージア州からルイジアナ州までのアメリカ南東部を舞台に、ウイルスにより凶暴化した感染者が徘徊する都市からの脱出を図る協力型（Co-op）FPSアクションである。プレイヤーキャラクターは、高校教師でアメフト部顧問のコーチ、自動車整備工でヤンキーのエリス、放浪するギャンブラーのニック、テレビ局のアシスタント女性ロ 2 users
大企業は無償利用せず金銭的支援を行えと警告したのに改めないので作者がついに激怒、毎週2000万回以上ダウンロードされるcolors.jsとfaker.jsを破壊し使用不能に
人気オープンソースライブラリ「colors.js」と「faker.js」の開発者であるMarak氏が、これらのnpmライブラリを意図的に破壊しました。colors.jsおよびfaker.jsに依存しているプロジェクトは多数存在しているため、その影響が懸念されています。 Dev corrupts NPM libs 'colors' and 'faker' breaking thousands of apps https://www.bleepingcomputer.com/news/security/dev-corrupts-npm-libs-colors-and-faker-breaking-thousands-of-apps/ Open source developer corrupts widely-used libraries, affecting tons of projects
藤村シシン 講座再販中 @s_i_s_i_n 「古代ギリシャの布の構造は分かったけど、実際の色や染料はどんな感じだったの？」とのご質問が多かったので、再来週の青山講座で実際の糸を持って行こうかな。と思い立ったけど、意外と日本では手に入らなかった……！そして高い！二週間で染色職人に弟子入りしたい twitter.com/s_i_s_i_n/stat… 2019-09-04 22:24:16 藤村シシン4/21~神話受容史講座 @s_i_s_i_n 美大勢の「デッサンでさんざんやった古代彫刻、布の構造が謎のまま描いていたけど、こうだったのかー！」とのお声が新鮮でした。体験すると見えないものが見えてくる！モデルになって下さったお三方、そして皆様、ありがとうございました！また次回！ #藤村シシン講座 nhk-cul.co.jp/sp/programs/pr… pic.twitter.com/l0I
ジョージ・フロイドの死 - Wikipedia
ジョージ・フロイドの死（ジョージ・フロイドのし、英: Murder of George Floyd）は、アフリカ系アメリカ人の黒人男性ジョージ・フロイド（George Floyd）が、2020年5月25日にミネアポリス近郊で、警察官のデレク・ショーヴィンの不適切な拘束方法によって殺害された[3]事件である。 この事件以降、全米でBLM運動と暴動が多数発生した[4]。 事件概要[編集] 2020年5月25日当日、警察官デレク・ショーヴィン(Derek Chauvin)を被疑者とする告訴状によると、偽ドル札の使用容疑により手錠をかけられたフロイドが、「呼吸ができない、助けてくれ」と懇願していたにもかかわらず、8分46秒間フロイドの頸部を膝で強く押さえつけ、フロイドを死亡させた。その時間の中で、フロイドの反応が見られなくなった後の2分53秒間においても当該警察官はフロイドの頸部を膝で押さえつけて
ReactにHooksの仕組みが導入されてからずいぶん経ちました。Hooks導入当時のコミュニティの熱狂は、それはもう凄いものでした。「Reactにとんでもない機能が実装されたぞ！」と大騒ぎで、Hooksについての新しい記事を見ない日はありませんでした。 そんな盛り上がりも冷めつつあり、Hooksも実務に密着した「当たり前」の機能になったのかな、と思いました。しかしその一方でまだHooksについてはよくわからないという人も多く、知識の二極化を生んでいるように感じます。 世の中にはReactにすでに全く馴染んでいる人向けのHooksの解説記事は多く見当たりますが、最近のReact初心者に向けてのHooks解説記事はあまり多くありません。この記事では、Hooksについて実例を示しつつReactの基礎的な面からの解説を行います。 React初心者向けのHooks 世の中にはもう多くの高品質なHo
はじめに このブログに書かれていること 自己紹介 注意 Part3 現代の暗号 共通鍵暗号方式と鍵配送問題 鍵配送問題とは？ 共通鍵暗号方式と公開鍵暗号方式の違いとメリット・デメリット RSA暗号 RSAで使われる鍵 処理手順 暗号化の手順 復号の手順 RSA暗号の数学的背景 一次不定式が自然数解を持つ理由 eとLの関係性 そもそもなぜこの式で元の平文に戻るのか？の数学的根拠 証明パート１ フェルマーの小定理 中国剰余定理 RSA暗号をPythonで 楕円曲線暗号 楕円曲線とは？ 楕円曲線の式 楕円曲線における足し算の定義 楕円曲線における引き算の定義 無限遠点 楕円曲線における分配法則と交換法則 楕円曲線の加法を式で表現 点Pと点Qが異なる場合 点Pと点P 同じ点を足し合わせる場合 有限体 有限体とは？ 有限体上の楕円曲線 楕円曲線暗号における鍵 ECDH鍵共有 数式ベースでの手順説明
序文 WebKit と Gecko の内部オペレーションに関するこの包括的な入門情報は、イスラエルのデベロッパー Tali Garsiel 氏による多くの研究の成果です。数年にわたり、ブラウザ内部に関するすべての公開データを確認し、ウェブブラウザのソースコードを読むことに多くの時間を費やしました。彼女は次のように書いています。 ウェブ デベロッパーは、ブラウザ操作の内部構造を学ぶことで、より的確な意思決定を行い、開発のベスト プラクティスの背後にある理由を知ることができます。これはかなり長いドキュメントですが、時間をかけてじっくり読むことをおすすめします。やったら嬉しいよ。 Chrome デベロッパー リレーションズ、Paul Irish はじめに ウェブブラウザは、最も広く使用されているソフトウェアです。この入門編では その仕組みを解説しますアドレスバーに「google.com」と入力し
KDDIアジャイル開発センターのpiyonakajimaです。 突然ですが、あなたは登壇スライドの作成にどれぐらいの時間をかけていますか？ 6/21-22に開催されたScrum Fest Osaka 2024に登壇した際、Markdown+生成AIを活用して登壇スライドを作成しました。その際、45分の登壇資料作成を75%効率化（自分比）できました。 普段からMarkdownで資料を作成している方からすると、これまで時間かけすぎやろ、というツッコミが聞こえてきそうですが、登壇資料の作成時間に悩まれる方は沢山いらっしゃるのではないかと思います。今回はこの時に実施した工夫をお話します。 以下がMarkdown(Marp)と生成AIを使って執筆した45分の登壇資料です。一部PowerPointで作図した過去資料から流用しています。 Marpでは、たとえば以下のようなmarkdownを書くと、 --
# 安全なシステムプログラミング言語Rustへの招待 ---------------------- [IIJ Labセミナー](https://iijlab-seminars.connpass.com/event/152079/) === # About Me ---------  * κeen * [@blackenedgold](https://twitter.com/blackenedgold) * Github: [KeenS](https://github.com/KeenS) * GitLab: [blackenedgold](https://gitlab.com/blackenedgold) * [Idein Inc.](https://idein.jp/)のエンジニア + 2年半くらい仕事でRustを書いている
learning-webrtc_2023-05.md 時雨堂 WebRTC 入門 (講師資料) v2023-05 これは時雨堂が開催しているオンラインイベントである WebRTC 入門の 講師用 の資料であり、 参加者用の資料ではありません。 時雨堂 WebRTC 入門 オンラインイベント 概要 ChatGPT がある今、学ぼうと思えば好きなだけ学べる時代がきています。 ただ「正しい情報」をなんとなく知っている事はとても重要だと考えています。 進め方 今回の WebRTC 入門はまず最後まで大まかに話をしていきます。 その後、残り時間を利用して、細かく話をしていきます。 資料表示用の画面と iPad を画面共有してホワイトボード的な使い方をしていきます。 お願い 是非 Discord にメモを残していってください。 後から振り返るとき、参加者の皆に有用だと思います。 ライセンス Creat
米Appleが現地時間の5月10日、iPod touchの販売を、在庫がなくなり次第終了すると発表した。日本のApple Storeでも、「在庫が無くなり次第終了」という表示が見える。 もともとiPodは音楽再生用デバイスとして登場したが、2019年に発売された第7世代iPod touchはA10 Fusionチップを搭載し、カメラも付いている。App Storeのアプリもほとんどが問題なく動く、言わばキャリア通信ができない低価格iPhoneである。 実際iPod touchを飲食店のオーダーシステムの一部として利用しているケースもあり、この販売終了で数年後にはシステムの入れ替えが必須となってしまったところもありそうだ。 筆者ももちろん歴代のiPodを使ってきたが、iPhoneをはじめとするスマートフォンのストレージ容量が拡大するにつれて、次第に使わなくなっていった。逆に今回の発表で、「ま
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><style>\n.include{max-width:660px;font-family:\"YuGothic M\",\"游ゴシック体\",\"游ゴシック\",\"Yu Gothic\", YuGothic, \"ヒラギノ角ゴ Pro\", \"Hiragino Kaku Gothic Pro\",'helvetica','arial', \"メイリオ\", \"Meiryo\", sans-serif;font-weight: 500;}.include .ShuMod{ margin:0 10px;}\n.include h1{text-align:left;font-size:1rem;paddi
４年間、7色だけでUIをデザインし続けた話｜コウノ アスヤ
2019年にフリーランスとして独立した時すぐに声をかけていただいて、そこからずっとUIデザイナーとして関わってきた株式会社FLINTERSが今年で設立10周年なんだそうです。それを記念して、なんとメンバーでリレーしながら133日間ブログを書き続けるチャレンジに挑戦中とのこと。今回はその101日目の記事となります。 漫画アプリ「GANMA!」漫画アプリGANMA!僕が関わっているのはGANMA!のスマホアプリです。iOS向けとAndroid向けがあり、その両方のデザインを担当しています。 オリジナルの作品ですと、最近アニメ化された山田くんとLv999の恋をするなどが有名でしょうか。作品自体はいろんな漫画アプリで読めますが、原作はGANMA!発。最新話が最速で読めるのもGANMA!だけです。 GANMA!のデザイナーはずっと僕1人だけなので、僕の思想や判断がけっこう大きめにデザインに反映される
Webプロダクト開発をしていると様々な諸事情によりUI構成を変えたり機能を増やしたり減らしたりすることが多々あると思います。そんな時に避けられない事態として「UI変更に対するお怒りがユーザーからわんさか届いてしまう」ということがあります。今回はUI上の１要素の色を変えただけで虎の尾を盛大に踏んでしまった事件の話をしようと思います。差し当たりどういうUIをどう変えたのかを明示しておきます。変える前がこちら↓↓ beforeUIほんで変わった後がこちら↓↓ afterUIご覧の通り「作業カード」と呼ばれるコンポーネントの色を「緑＆黄」から「緑塗り＆緑枠線」に変更しました。「え、それだけ？」という声が聞こえてきそうですがそうなんです。それだけなのです。しかしここはレガシードメインのtoB SaaS。toB SaaSではUIの変更がユーザー業務への影響に直結するので軽微な変更を加えるのもハードルが
優勝者の地元の郵便ポスト金色に 五輪・パラで、日本郵便 ｜ 共同通信
東京五輪・パラリンピックの金メダリストをたたえ、選手の地元にある郵便ポストを金色に塗り替えるプロジェクトを行うと、内閣官房と日本郵便が28日、発表した。日本郵便の衣川和秀社長は記者会見で「一つでも多く、日本各地に設置できればいい」と金メダル量産を期待した。 ポストには選手名や競技名、出身地を日本語、英語、点字で記載。団体競技では監督、パラでは競技パートナーも対象にする。選手側の意向を確認した上で既存のポストと順次交換。大会後も金色の塗装は維持する。 内閣官房によると、2012年ロンドン大会では、英国全土で約110カ所のポストが金色に塗り替えられた。
山下いくと@エヴァンゲリオンANIMA全5巻 @ikuto_yamashita モノクロで撮影された古い風景や人物を高解像カラー化するのは私も見たいし過去が身近に感じるが、それが歴史のスタンダード化するのは何か違くて、未来に持っていっていいのはオリジナルのモノクロの方で、その時代の着彩は我々がそこから楽しんだり気づいたりするその時代でとどめた方がいいと思う。 2022-12-02 13:22:31
2019.10.30 追記：成果物がゲーム要素に乏しかったのでもう少しちゃんと遊べるものに改良しました。たくさんの方に読んでいただけて恐縮です。少しでも使い方の参考になれれば嬉しいです。 Pyxelとは ピクセルアートのレトロな２Dゲームが作れるPythonライブラリです。 ・仕様 - Mac, Windows, Linux対応 - 同時に再生できる音は４音 - 使用できる色は16色のみ、定義可能な64サウンド - Python3によるコード記述 - 256x256サイズ、3画像バンク - 256x256サイズ、8タイルマップ - 任意のサウンドを組み合わせ可能な8ミュージック - キーボード、マウス、ゲームパッド - 画像・サウンド編集ツール pyxel/README.ja.md at master · kitao/pyxel · GitHub ドット絵がうてるツールや、音楽を作成できる
ターミナル用 UTF-8 テキストエディタを Rust でスクラッチからつくった - はやくプログラムになりたい
言語処理系やテキストエディタなどのプログラミングツールが好きなので，その周辺を趣味で触ってます．Vim を Wasm にポートするために Vim の実装を読んだりはしているのですが，フルスクラッチでテキストエディタをつくったことはありませんでした． 今年のお盆はめちゃ暑かったので，引きこもって夏休みの自由工作的に Rust でテキストエディタをつくっていたという話です．普段ターミナルで作業しているので，つくるのもターミナル向けテキストエディタです．最近 vim.wasm で C と TypeScript ばかりだったので，そろそろまた Rust か Go を書きたかったのですが，Go はすでに micro という良さそうなテキストエディタ実装があったので，Rust で書いてみることにしました． まずは Build Your Own Text Editor というガイドを利用して，1000行
「これはなるほどと思った」とある激安弁当屋が"店内をYouTubeで生配信"することで店長がタワマンに住むほど繁盛してしまった話
鈴木祐介🐳 @7_color_world これはなるほど〜！ってなった。激安弁当なのに黒字にできている理由が常時YouTube配信で、客は在庫確認してから買いに行けるし、それが実質監視になっているから、万引きも無くなるわ人件費も削減できるわで、結果、店長さんはタワマンにお住まいだと。#TBS pic.twitter.com/umueLJKbWs 2019-11-10 19:07:47
話題の黒すぎ塗料「黒色無双」を使ってあの「逆回転に見える錯視」をリアル再現した人現る→リアルならではのトリックに「脳がバグる」などの声
kougaku @kougaku This is the spinning dancer illusion made by the blackest paint. Does it look clockwise? or counterclockwise? pic.twitter.com/epIzA5eX1D 2020-06-06 01:08:34 リンク KoPro 世界一黒い水性塗料 黒色無双シリーズ 光陽オリエントジャパンの世界一黒い水性アクリル塗料「黒色無双」。欧米からの要求に応え、Reach、RoHSなどの環境規制に配慮した配合変更を行い、10月10日より「真・黒色無双」へとバージョンアップいたしました。 植毛布やベルベットに匹敵する圧倒的な光吸収性能を、塗装環境を選ばない水性塗料で実現した、世界に類を見ない製品です。 光学製品への活用はもちろん、模型製作やアートなど、様々な用途にお
2021年になりましたね。 矢倉眞隆（myakura）です。ウェブ標準やブラウザに興味のあるウェブ開発者です。gihyo.jpでは2009年に「Web標準とその周辺技術の学び方」という連載をしていました。 今回は昨年の泉水さんに代わり、2021年のウェブ標準やブラウザの動向を占おうと思います。2020年は世界もブラウザもそれなりに大きな出来事がありましたので、2020年の動きをまずおさえ、そのうえで2021年はどうなるのかを考えてみました。 W3Cのプロセス改訂でLiving Standardライクな仕様の改訂が増えていく W3Cは2020年9月に、新しいプロセス文書と特許ポリシーを公開しました。 新しい文書プロセスはW3Cの組織の定義や標準化の流れ、意思決定などについて定めた文書です。ここ数年は毎年更新されていますが、2020年はこれまでと比べて最大級とプレスリリースでもうたわれています
『原色バキバキタイプ』『多色タイプ』『感じるままに選ぶタイプ』色がダサくなる理由を解説したツイートが話題に「意識するとガチで絵が映える」
mashu | 初画集 発売中 @mu_mashu 豊かな日常を。イラストレーター,デザイナー | お問い合わせ▷ mumashu12@gmail.com 著書▷ 【 画集 amzn.asia/d/b6MUCFh 】【 デザイン視点でイラストを描く amzn.to/3VF4KM6】他 | バンタンデザイン研究所 講師,京都芸術大学非常勤講師 instagram.com/mu_mashu
0 issue "letsencrypt.org" 0 issuewild "letsencrypt.org" 0 iodef "mailto:yourmail@example.jp" §OS再インストール さくらVPSのコントロールパネルから、OSを再インストールするサーバを選ぶ。 www99999ui.vs.sakura.ne.jp §OSのインストール操作 Ubuntu 22.04 LTS を選ぶ。 OSインストール時のパケットフィルタ（ポート制限）を無効にして、ファイアウォールは手動で設定することにする。 初期ユーザのパスワードに使える文字が制限されているので、ここでは簡単なパスワードにしておき、後ですぐに複雑なパスワードに変更する。 公開鍵認証できるように公開鍵を登録しておく。 §秘密鍵と公開鍵の作成 クライアントマシン側で生成した公開鍵を ~/.ssh/authorized_k
はじめに：トーン部分をグレーで塗る理由 Web漫画はトーン部分がグレー（灰色）であることが多い。 紙面では白黒印刷ゆえに点の密度で濃淡が表現されているトーンですが、液晶ではその必要がないからです。むしろ画像が拡大縮小されるため、点ではなくグレーで濃淡を表現した方が安心安全。 また、グレーにしておけば… ・後でカラーで塗りたくなったときに対応しやすい というメリットがあるし、 あとで「印刷物にしたい！」と思ったときに ・グレーからトーン化できるソフトがある ・大抵の印刷所はグレースケール印刷に対応してる ・印刷物の大きさによってトーンの大きさを変えられる と対応出来る点も安心なのです。 トーン濃度（%）の決め方 印刷を想定して色を決めよう 今は個人で印刷所に依頼をして本を出す方も多いので、印刷所で「このくらいの濃さだったら印刷で出ますよ」と基準を出している場合が多いです。 下記サイトを参考に
HTMLメールの実装で「tableか、、、」とため息をついていた人に朗報です。 tableを使用しなくてはいけなかった理由はWindows上のOutlookだったのですが、新しいOutlookではレンダリングエンジンがEdgeに切り替わります。これにより、tableによる実装は不要になります。 HTMLメールの最近の実装方法を解説します。 Modern HTML email (tables no longer required) by Ollie Williams 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLメールの実装でもっとも頭を悩ませている問題 今日、HTMLメールをどのように実装すべきか？ 電子メール用のAMPについて 終わりに はじめに MailChimpによるHTMLメール実装のベストプラクティ
GPT-4を使って ぷよぷよ 作ってみたときの感想
以下のツイートに反響があったので、どういう感じで作っていったかと感想をメモ 要約 この記事ではAIのChatGPT（GPT-4）を使用して、JavaScriptでぷよぷよを作成する手法について紹介しています。最初の依頼は「JavaScriptで動くぷよぷよのコードを書いて」とされており、最初に生成されたコードは不完全であったとのことです。 その後、AI側からは、1.ぷよの衝突検出、2.プレイヤーの入力によるぷよの操作、3.ぷよの回転の順に実装するように指示があり、徐々に改善を施していきました。 短時間で開発を終えることができるため、エンジニアとしてのスキルや要求、不具合の言語化能力があれば有効だとされています。現時点では優秀なプログラミングのアシスタントとして機能しています。 エンジニアが直面するストレスや不安を軽減できる可能性があります。一例として、短期間で開発を終えることができるため、
「黒人の人魚」がまたも紛糾している。3月12日のアカデミー賞にディズニーの実写版『リトル・マーメイド』の主役であるアリエル役のR&Bシンガー、ハリー・ベイリーが登場し、同作の予告編を上映したのだ。 黒人アリエルの是非については、2019年のキャスト発表時と、コロナ禍による制作延期を経て昨年9月にハリー・ベイリー演じるアリエルのお披露目とも言える歌唱シーンの予告編が発表された際の2度、SNSで激しい議論が起こった。 昨年は予告編を見て目を輝かせる黒人の子供たちの映像がSNSに溢れ、同時に「原作に忠実」なキャストを望むファンからの批判が噴出した。その批判に対して「ディズニーの『オリジナル』も、そもそもはグリム童話『人魚姫』の改作ではないか」などの反論が出た。この経緯については以下2本の記事の詳細を書いた。 本稿では、主に日本での「原作に忠実なキャストを望む」声について考えてみたい。なお、アカデ
& how to analyze design choices without jumping to conclusions Over the years, I have had many encounters with Japanese websites — be it researching visa requirements, planning trips, or simply ordering something online. And it took me a loooong while to get used to the walls of text, lavish use of bright colors & 10+ different fonts that sites like this one throw in your face: Hankoya — a website
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog はじめに こんにちは。フロントエンド開発センター UIT Accessibilityタスクフォース 岡﨑です。私たちは、Webサイトのアクセシビリティに関するガイドラインの策定・推進、社内に向けたアクセシビリティの勉強会やe-ラーニングを通じて、LINEとそのファミリーサービスのアクセシビリティ向上を目指しています。 色に対する配慮 アクセシビリティの国際規格となっているWCAGでは、テキストにおける色の取り扱いで以下のことが求められています。 色に依存した表現にしないこと コントラスト比を確保すること なぜ、色に対する配慮が必要なのでしょうか？ 困っているのはロービジョンユーザーだけではない LINE STYLEの"Alwa
はてブのスターを元に戻せ
はてながまたしても改悪をして、はてブの黄色スターを表示させなくなった。一部カテゴリだけだが。 https://bookmark.hatenastaff.com/entry/2020/03/31/180820 そのせいで、困ったことになった。有力な情報を得ることが難しくなったのだ。 現状では、（はてブで）有力な情報を得るには、「人気のコメント」を見るしかない。しかし、ここで表示されるのは、初期に人気になったコメントだけだ。最近になって上がったコメントは、まだ星が三つぐらいしか付いていないので、表示されない。また、表示されるのはトップの 10件ぐらいであって、それに次ぐ重要性のコメントは表示されない。 こうなると、あとは全部のコメントを一つ一つシラミつぶしに見ていくしかない。しかし、そんなことをしたら、すごく時間がかかるので、いちいちやることはできない。結果的には、重要なコメントを見るのを諦め
今年はmacOSのアップデートによりヒラギノが動かなくなったり、 来年初頭にはWindows7がサポート終了、Edgeのブラウザエンジン変更など、 エンドユーザーの環境を考えなければならない節目の時です。 そこでいつもコピペで済ましているfont-familyについて1から考え直してみます。 全部読もうとしている人はスクロールバーを見てから考えてください。 結果 コピペユーザーのために先に結果を記載します。 ブログ等に転載する場合はこのページのURLぐらい貼ってください。 @font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: "Original Yu Gothic"; src: local("Y
2022年4月27日 CSS, HTML, Webサイト制作 料金表やサービスプランの比較、タイムテーブルなどなど、使う場面が多い割には制限も多く、初心者には少しとっつきにくいと思われがちな表。今回はあると便利な表の見出し固定やレスポンシブ対応の方法を紹介します。 ↑私が10年以上利用している会計ソフト！ 見出しの行を固定する 表の中の行が増えてくると、スクロールした時に表の見出しが画面から見えなくなり、なんの値だったのかがわかりづらくなります。そんな時のために、行数の多い表では一番上にくる見出しの行を固定しておくといいですね。 まずはベーシックな表を作成します。table タグに border-collapse: collapse; を指定することで、セル間のスペースがなくなってフラットな見た目になりますよ。 HTML <table> <tr class="heading"> <th>車
ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用
「ChatGPT/LangChainによるチャットシステム構築 」という書籍が素晴らしかったのでNode.jsでも書いてみた - selmertsxの素振り日記
はじめに 「ChatGPT/LangChainによるチャットシステム構築」 という本が素晴らしかったので、ちゃんと身につけるために Python だけじゃなくて Node.js でも動かしてみました。同じことをやろうとした人のために、ここにそのときの記録を残します。特に callbacksやmemoryについて、詳細に記載しようと思います。 書籍の説明につながるようなことはできる限り書きません！めっちゃ良書なので、ご興味持っていただけた方は購入してもらえますと 🙏 5章まではPython固有のToolを利用しており、6章の中身は7章とかなり近いところがあるので、7章のプログラムだけここに記載します。LangChainの学習に注力したいので、Serverelss Frameworkに関連するコードは省略しました。また、Momentoや @slack/bolt に関する説明はしません。 プロ
カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo
同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。 下記は、上はベタ塗り、下は半透明です。
NovelAIでの衣装呪文一覧カタログ、全身女性立ち絵呪文と絵文字立ち絵構文のカタログ、novel ai呪文辞典 | サザノノポートフォリオ
絵文字構文 基礎構文 Ctrl＋Cでコピーできます。 プロンプト ((ultra-detailed)),masterpiece,best quality,(1 girl),(illustration),((((full-length figure)))), paint right up to the tip of the head,((transparent background)),(solo),standing,(wearing shoes on feet), ((is wearing ●●●)),good girl, beautiful detailed eyes,good looking,((an extremely delicate and beautiful)),make the eyes the same shape and color on both sides, ネガティ
概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデーションを見てどう思いますか？ 真ん中あたりの色が茶色っぽくなって あまり綺麗なグラデーションとは感じないですよね? この記事では、これが発生する原因と綺麗なグラデーションの作り方を 解説していきます。 この記事を読んで理解すれば、綺麗なグラデーションが簡単に作れるようになるでしょう。 原因 1. RGBについて理解する RGBは、赤（Red）、緑（Green）、青（Blue）の3つの色を それぞれ、0~255の値を指定することで、色が作られます。 例えば、 R: 255, G: 0, B: 0 → 赤 R: 255, G: 255, B: 0 → 黄色 このように色が指定されます。 では、RGB全てが同じ値の時はどんな色になるでしょうか？ 答えは、↑このようにグレースケールカ
Three.jsの勉強の仕方 - Qiita
概要 Three.jsの勉強を始めて半年くらいが経過しました。 現在は、以下のようなアプリケーションを作成できるようになりました。 https://nemutas.github.io/r3f-normal-color/ ここまでに至る過程を少しまとめられたらと思います。 React Three Fiber について 私は主に、React Three Fiber（Three.jsをReact用にラッパーしたライブラリ｜以下、R3F）を使用して開発してます。 バニラのThree.jsを触る前に、つまりThree.jsの知識がゼロの状態のときからR3Fを使い始めました。 とてもよく設計されたライブラリで、ほんの数行でBoxを表示することができます。 ただし、よく設計されているということは、それほど抽象化されているということです。学び始めの頃は自分が作りたいシーンを作るために、どのプロパティをいじ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
考えてみればなんでだろう…「毒のイメージ、日本は紫で海外は緑」→とてもありそうな理由に納得の声「面白い知見」
「古代のサフラン染めがしたい」→染色職人と追いサフランが続々と集結、ついには花嫁衣装が染まり上がる #古代ギリシャ自由研究
最近Reactを始めた人向けのReact Hooks入門
暗号の歴史と現代暗号の基礎理論（RSA, 楕円曲線）-後半- - ABEJA Tech Blog
ブラウザの仕組み | Articles | web.dev
45分登壇で75%効率化したMarkdown+生成AIスライド作成術 - Qiita
Apple M1搭載Mac、ディスプレイ出力にさまざまな制限。EIZOが注意喚起
安全なシステムプログラミング言語Rustへの招待 | κeenのHappy Hacκing Blog
時雨堂 WebRTC 入門 (講師資料) v2023-05
iPodは「Goodbye, MD」し、世界を変えて、Goodbyeした
「解像度」の低さがナゾ 若手記者から見たメディアの「若者像」：朝日新聞デジタル
UIの色を変えただけで大量のクレームを頂戴してしまった話｜のなと
「モノクロの古い写真をカラー化したもの」にはこの点で気をつけなければならない、という話「未来に持っていけるのはモノクロ」
【Pythonでゲームを作ろう！】レトロな2Dゲームを作ってみた！ | DevelopersIO
2021年のウェブ標準とブラウザ | gihyo.jp
Ubuntu 22.04 LTS サーバ構築手順書
グレースケール漫画に最適なトーン濃度（%）の決め方 | hikarium
HTMLメールの最近の実装方法を解説、tableは不要になりました
日本人がなぜ黒人アリエルに「ノー」と言う？～『リトル・マーメイド』をめぐる3度目の紛糾 - wezzy｜ウェジー
Why Japanese Websites Look So Different
LINE社員1,361名の"色覚に関するアンケート"
font-familyについて本気で考えてみた - Qiita
CSSで見出し固定＋レスポンシブ対応の表を作成
リンク/ボタン/フォームをより良くするHTML・CSS 17選 - ICS MEDIA
【CSS】「なんかグラデーションが汚くなるんだけど」を解決する。 - Qiita