並び順

ブックマーク数

期間指定

  • から
  • まで

561 - 600 件 / 1305件

新着順 人気順

*WEBの検索結果561 - 600 件 / 1305件

  • 漫画アプリ「ピッコマ」が日本上場へ、時価総額8000億円超も-関係者

    韓国のメッセージアプリ大手カカオの日本法人で、漫画アプリの「ピッコマ」を手掛けるカカオピッコマ(東京都港区、金在龍社長)が2023年上期(1-6月期)にも新規株式公開(IPO)を行う考えであることが複数の関係者への取材で分かった。 関係者らによると、カカオピッコマの上場先は東京証券取引所で、時価総額は8000億円以上を想定しているという。IPOは早ければ1-6月期になる見通しで、野村ホールディングスが引き受け主幹事の1社だという。株式市場の環境によって上場時期は前後する可能性がある。

      漫画アプリ「ピッコマ」が日本上場へ、時価総額8000億円超も-関係者
    • 「漫画村」を“ほう助”した広告代理店「エムエムラボ」「グローバルネット」に1100万円の賠償判決、『魔法先生ネギま!』の赤松健さんが提訴

      海賊版サイト「漫画村」への広告出稿をあっせんしていた広告代理店「エムエムラボ」(神奈川県横浜市/齋藤央論代表)と「グローバルネット」(東京都大田区/村木和彦代表)に対して東京地裁は12月21日、著作物の無断掲載で被害を受けた漫画家に対して1100万円の支払いを命じました。原告は『魔法先生ネギま!』などで知られる赤松健さん。 エムエムラボとグローバルネット 赤松さんは、漫画村に『魔法先生ネギま!』『UQ HOLDER!』といった作品を無断で掲載されており、2作品の印税のうち1%程度が被害額だったとしても「その損害額は1000万円を下ることがない」と主張。 漫画村の広告取扱窓口会社となっていた「エール」と契約を結んでいた「エムエムラボ」と「グローバルネット」が、広告主→グローバルネット・エムエムラボ→エール→漫画村(運営者:星野ロミ)という流れで広告を掲載していたと2021年1月19日に提訴し

        「漫画村」を“ほう助”した広告代理店「エムエムラボ」「グローバルネット」に1100万円の賠償判決、『魔法先生ネギま!』の赤松健さんが提訴
      • 米トランプ政権、中国を5つの分野で締め出す「Clean Network」立ち上げ

        米国務長官のマイク・ポンペオ氏は8月5日(現地時間)、「中国共産党などの悪意ある攻撃者から国民と米企業を守るトランプ政権の包括的なアプローチ」、「Clean Network」プログラムの立ち上げを発表した。 プログラムは、「米国の重要な電気通信および技術インフラを保護するため」の以下の5つの取り組みで構成される。 Clean Carrier:中国の通信キャリアを米国の通信ネットワークに接続させない。既に米連邦通信委員会(FCC)にChina Telecomを含む中国4社への米中間のサービス提供の認可取り消しを要請した Clean Store:米モバイルアプリストア(米GoogleのGoogle Play Storeや米AppleのApp Storeを指す)からのTikTokやWeChatなど中国製アプリの排除 Clean Apps:Huaweiなどの中国メーカー製スマートフォンへの米国製の

          米トランプ政権、中国を5つの分野で締め出す「Clean Network」立ち上げ
        • Slack 初の料金改定とフリープランの内容更新のお知らせ

          Slack 初の料金改定とフリープランの内容変更のお知らせチャンネルベースのメッセージアプリから Digital HQ へと進化した Slack からお伝えしたいこと Slack チーム一同作成2022年7月18日イラスト: Sabrena Khadija Slack がサービスを開始して以降、大きく変わったのは世の中だけではありません。Slack 自身も何年もの間にたくさんのイノベーションを生み、サービスの幅を広げてきました。つながりのかたちを広げた柔軟なツールや強固なセキュリティ機能、アプリのインテグレーション、ワークフローなどはその一例です。かつて一部の人たちに「ただのメッセージングアプリ」と考えられていた Slack は、今や何十万ものユーザー企業の皆さまにとってなくてはならない Digital HQ(会社を動かすデジタル中枢)であり、多くのチーム、ツール、パートナーがつながる場所

            Slack 初の料金改定とフリープランの内容更新のお知らせ
          • Docker再入門 - Qiita

            Dockerにあまり触れる機会が少なく、たまに使うとコマンドとか仕組みをすぐに忘れてしまう。そんな自分へのナレッジ 公式ドキュメント Docker Documentation 上部のメニューで、Guides, Product manuals, Glossary, Reference, Samples に分かれていて、選択すると左側にコンテンツがツリーで表示される。 特によく使うであろうリファレンスはこちら Docker CLI コマンド Dockerfile reference Dockerコンテナを起動・実行する コンテナを生成して起動する Dockerイメージからコンテナを作成して、指定したプロセスを起動する。 Dockerイメージは、ホスト内にあればそれを使い、なければ設定されているReposityからPullする。 docker create -> docker start をまと

              Docker再入門 - Qiita
            • 【2024年】React, Tailwind CSSでメルカリクローンサイトを作ろう【入門】

              メルカリのクローンサイトを作りながら、React・Tailwind CSSが学べる本です。

                【2024年】React, Tailwind CSSでメルカリクローンサイトを作ろう【入門】
              • GitHub、Copilotの将来像となる「Copilot Workspace」発表。人間がコードを書くことなく、Copilotが仕様作成からコード作成、デバッグまで実行。GitHub Universe 2023

                GitHub、Copilotの将来像となる「Copilot Workspace」発表。人間がコードを書くことなく、Copilotが仕様作成からコード作成、デバッグまで実行。GitHub Universe 2023 GitHubの年次イベント「GitHub Universe 2023」が米サンフランシスコで開幕。同社CEOのThomas Dohmke(トーマス・ドムケ)氏は1日目の基調講演の最後に、GitHub Copilotの将来像となる「Copilot Workspace」を発表しました。 Copilot Workspaceは、人間が書いたIssueを起点にCopilotがIssueに対応した仕様を書き、実装計画を示し、それに沿ってコーディングや既存のコードの修正を行い、ビルドをしてエラーがあれば修正まで行うという、コーディングのほとんど全ての工程をCopilotが自動的に実行してくれる

                  GitHub、Copilotの将来像となる「Copilot Workspace」発表。人間がコードを書くことなく、Copilotが仕様作成からコード作成、デバッグまで実行。GitHub Universe 2023
                • Evernote、無料プランを大幅制限 ノートの上限数が10万→50に

                  現在の無料プランでは、メモやアイデアを記録できるノートを最大10万まで、ノートを任意のジャンル・カテゴリでまとめられるノートブックを最大250まで作成できるようになっている。1ノートあたりの最大アップロードサイズは25MBまで、月間60MBまで使用可能だ。 4日から適用される新仕様では、作成できるノート数が50まで、ノートブックは1つと大幅に減少。よくある月あたりではなく、アカウントとしての上限数を指しているとみられる。なお、現時点で50以上のノートと1つ以上のノートブックを利用しているユーザーは、引き続きノート/ノートブックの表示、編集、エクスポート、共有、削除が可能という。 同社は、新しい制限を設ける際に「無料ユーザーの大半が、50のノートと1つのノートブックというしきい値を下回っていた」と説明。そのため、ほとんどの無料ユーザーの体験は変わらないとのこと。 また、50以上のノート/1つ

                    Evernote、無料プランを大幅制限 ノートの上限数が10万→50に
                  • 映画好きなら高校生までに見てないと恥ずかしい邦画100

                    作品監督公開年1丹下左膳余話・百萬兩の壺山中貞雄19352鶴八鶴次郎成瀬巳喜男19383鴛鴦歌合戦マキノ正博19394残菊物語溝口健二19395土内田吐夢19396父ありき小津安二郎19427一番美しく黒澤明19448カルメン故郷に帰る木下恵介19519雨月物語溝口健二195310近松物語溝口健二195411蜘蛛巣城黒澤明195712東京暮色小津安二郎195713幕末太陽傳川島雄三195714白蛇伝 藪下泰司195815独立愚連隊岡本喜八195916野火市川崑195917秋日和小津安二郎196018にっぽん昆虫記今村昇平196319砂の女勅使河原宏196420明治侠客伝 三代目襲名加藤泰196521網走番外地石井輝男196522沓掛時次郎 遊侠一匹加藤泰196623殺しの烙印鈴木清順196724昭和残侠伝 血染めの唐獅子マキノ雅弘196725乱れ雲成瀬巳喜男196726博奕打ち 総長賭博山

                      映画好きなら高校生までに見てないと恥ずかしい邦画100
                    • あの頃みたいに、インターネットに書き続けよう - 週刊はてなブログ

                      毎日さまざまな話題のエントリーが生まれるはてなブログの中から「旬な話題」をピックアップする企画「はてなブログで話題」。今回は「インターネットに書き続ける」ことをテーマに記事を紹介します。 00年代を思い出す 長年インターネットに文章を書き続ける人もいれば、さまざまな要因からその更新をやめてしまう人もいる──。 2022年5月、このことに関してつづった2つのエントリーがSNSやブックマークでさまざまな反響を呼びました。 2000年代ぐらいにblosxomやtDiaryで熱心にWebに何かテキストを書いていたような人たちは特定の価値観を持っているなと思う。 Web日記は止まる - laiso 「ブログを熱心に書いていた書き手がフェードアウトしてしまう問題」について書くid:laiso さんのエントリー。「フェードアウト」の原因には、家庭や職場といった環境の変化とともに、「ブログを書いて得ていた

                        あの頃みたいに、インターネットに書き続けよう - 週刊はてなブログ
                      • WordPressが改竄された時の復旧方法と絶対に改竄されない対策

                        どういうハッキングをされるのか? さて、本題です。ここ10年ちょっとWordPress専門で仕事をしていますが、自分が遭遇したり知り合いが遭遇したケースは「サーバー内のファイルが書き換えられて、アクセスすると他のサイトにリダイレクトされる」というケースです。 サーバーのファイルを見てみると概ね以下の症状になります WordPressをインストールした各ディレクトリのindex.phpなど、phpファイルの文頭に怪しげなコードを書き込まれているwp-content/uploads/ の中には通常画像ファイルなどばかりのはずが、見に覚えのないファイルを大量に置かれる通常の投稿内にいろいろ投稿される(このケースは近年は自分や周りでは遭遇していない) これらのファイルは全部キレイに駆除しない限り、該当部分を削除したり、該当ファイルを削除しても残っているファイルから再度改竄してくるので面倒です。 復

                          WordPressが改竄された時の復旧方法と絶対に改竄されない対策
                        • Engadget | Technology News & Reviews

                          Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

                            Engadget | Technology News & Reviews
                          • HTMLメールの最近の実装方法を解説、tableは不要になりました

                            HTMLメールの実装で「tableか、、、」とため息をついていた人に朗報です。 tableを使用しなくてはいけなかった理由はWindows上のOutlookだったのですが、新しいOutlookではレンダリングエンジンがEdgeに切り替わります。これにより、tableによる実装は不要になります。 HTMLメールの最近の実装方法を解説します。 Modern HTML email (tables no longer required) by Ollie Williams 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLメールの実装でもっとも頭を悩ませている問題 今日、HTMLメールをどのように実装すべきか? 電子メール用のAMPについて 終わりに はじめに MailChimpによるHTMLメール実装のベストプラクティ

                              HTMLメールの最近の実装方法を解説、tableは不要になりました
                            • フェミ「ラブライブコラボポスター、どちらが相応しいか一目瞭然」→確かに一目瞭然過ぎた…

                              じょい @joytamachan 昨日公開された、JAなんすんとラブライブの和風タッチの新しいコラボポスター、とても素敵だと思います。前回のみかんポスターと比べて見ればどちらが公的ポスターとして相応しいか一目瞭然です。 pic.twitter.com/5yhiR86zuE 2020-03-29 11:32:19

                                フェミ「ラブライブコラボポスター、どちらが相応しいか一目瞭然」→確かに一目瞭然過ぎた…
                              • モダンCSSによる絶対配置(position: absolute;)の削減

                                テキストを画像の上に配置、タグを重ねたい、ヒーローセクションで画像の上にコンテンツを配置、画像のアスペクト比を維持させたい時など、CSSの絶対配置(position: absolute;)を使用することがあります。もちろん、それでうまくいく時はありますが、なんらかの制約があったり、テキストが長いと崩れたりします。 position: absolute;が必要だと思われていた実装で、使用しなくても実装できるモダンCSSのテクニックを紹介します。 Less Absolute Positioning With Modern CSS by Ahmad Shadeed はじめに ケース1: カードのオーバーレイ ケース2: カードのタグ ケース3: ヒーローセクション ケース4: display: contents; ケース5: カードアイテムの並べ替え ケース6: 中央寄せ ケース7: 画像のアス

                                  モダンCSSによる絶対配置(position: absolute;)の削減
                                • Chrome DevTools の知っておくと便利かも機能 - Qiita

                                  長い間 Chrome の DevTools を使ってきて、便利だなと思った機能をまとめてみました。 様々な機能があり、これを覚えておくと開発時に役に立つかもしれないので、ぜひ使ってみてください。 この記事は Corome DevTools 公式 を参考にしています。 日本語化 英語が苦手な方は日本語化しましょう。 手順 DevTools を開いたら、歯車マークをクリック Language で日本語を選択 [Reload DevTools] をクリックして DevTools のリロードをする 要素の状態を強制 指定の要素を :hover や :focus などの状態に強制的にすることができます。 そうすることで指定状態時のスタイルを確認することができます。 手順 要素タブをクリックする 状態を変更したい要素を選択する 今回は Google の検索フォームを選択 [:hov] をクリックする

                                    Chrome DevTools の知っておくと便利かも機能 - Qiita
                                  • ブックマークしておくと便利!Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools

                                    CSSやJavaScriptのミニファイ(軽量化)、HTMLやCSSやJavaScriptやSQLのフォーマッター、各種エンコード・デコード、ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーター、diff(ファイル比較)など、Web制作に役立つツールがまとめて利用できるSmallDev.toolsを紹介します。 いろいろなツールが揃っているので、ブックマークしておくと便利です。 SmallDev.tools smalldev-tools -GitHub SmallDev.toolsの特徴 SmallDev.toolsは、Web制作に役立つさまざまなツールが一箇所でまとめて利用できる便利サイトです。完全に無料で利用でき、登録など面倒なことは一切ありません。 最小限のインターフェース🤩 電光石火の速さ⚡ 広告はなし💩 プライバシーフリー🔐(データはすべて、サーバーに

                                      ブックマークしておくと便利!Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools
                                    • 「しずかなインターネット」の技術スタックを調べる - laiso

                                      ポエム特化のZenn2との噂の「しずかなインターネット」を使いはじめたので、ユーザーとしてどんな技術が使われているのかを確認していく。 sizu.me おもむろにbuiltwith.comにかけてみる。 builtwith.com ここで分かる情報はブラウザのDevTools眺めてても得られるのであまり収穫はない。 前段にCloudflareのCDNサーバーがいて Next.jsで生成されたレスポンスを返している ことがわかる。 この時点ではキャッシュのみCloudflareなのか、Pages/WorkersでNext.jsのSSRごと動かしているのかは判断できない。 認証 Set-Cookie: __Secure-next-auth.session-token=が含まれているのでNextAuth.jsを使っているのが分かる。 next-auth.js.org Emailでサインアップする

                                        「しずかなインターネット」の技術スタックを調べる - laiso
                                      • 40年越しにTCPの仕様(RFC793)が改訂される RFC9293 - ASnoKaze blog

                                        2022/08/09 追記 「RFC 9293 Transmission Control Protocol (TCP)」として正式なRFCが出ました TCPのコア部分の仕様は1981年に発行された「RFC793 TRANSMISSION CONTROL PROTOCOL」で標準化されています。 この、RFC793の改訂版となる「Transmission Control Protocol (TCP) Specification」は、2013年からIETFのTCPM WGで議論されてきましたが、4月4日にIESGによって承認されました(参考URL)。現在はRFC出版の準備に入っています(新しいRFC番号はこの後正式に決まります) www.ietf.org 改めてTCPの仕様を読みたい場合はこのドキュメントを読むのが良さそう。 概要 この改訂版の仕様(通称 rfc793bis)は、RFC793が

                                          40年越しにTCPの仕様(RFC793)が改訂される RFC9293 - ASnoKaze blog
                                        • 全ブラウザ対応したcontainer queryは何がスゴイのか?

                                          全ブラウザ対応になったCSSのコンテナクエリについて、基礎から一歩踏み込んだ内容までを解説します。 デモ① SNSリアクションバー(container-type, @container) https://codepen.io/tonkotsuboy/pen/PoBMMZw デモ② 古都めぐり(cqw) https://codepen.io/tonkotsuboy/pen/jOvOqOG Zenn記事 https://zenn.dev/moneyforward/articles/css-container-query Twitter https://twitter.com/tonkotsuboy_com 3/1(水)に「TechFeed Experts Night#14 」で発表した内容です。 https://techfeed.io/events/techfeed-experts-night

                                            全ブラウザ対応したcontainer queryは何がスゴイのか?
                                          • ChatGPT Pluginって何ができるの? - Qiita

                                            こんにちは!逆瀬川 ( @gyakuse ) です! きょうは発表があったばかりのChatGPT Pluginについて紹介していきたいと思います。 ChatGPT Pluginとは かんたんに言ってしまうと、ChatGPTの能力を拡張するためのプラグインです。よくわかりませんね。 わかりやすくいうと、 「来週の土日に旅行いきたいんだけど2万円以下で適当にいいとこ見繕って予約しといて」 「アイヨー」 みたいなことができるやつです。 もちろんこれらはChatGPTのAPIを用いてもできましたが、これを容易に実現する手段として提供されました。 BingGPT (正式名称New Bing) のように検索して回答してくれたり、会社の文章群をもとに質問回答してくれたり、 商品を注文してくれるなどのアクションを行う機能が追加された、と理解しておくとよさそうです。 これはまだWaitlistであり、今後公

                                              ChatGPT Pluginって何ができるの? - Qiita
                                            • 「感染者情報一覧表ねw」 新型コロナ資料 宮崎県HPで誤表記 - Miyanichi e-press

                                              県がホームページ(HP)上で公表した新型コロナウイルス感染者情報の文書ファイルのタイトルが一時「感染者情報一覧表ねw」と誤表記されていたことが5日、分かった。職員が「new」と打ち込み、誤って一部を日本語変換した。「w」はインターネット用語で「笑い」を意味し、県は「そうした意図ではなかったが、不適切な表現で誤解を与えてしまった」としている。 誤りがあったのは4日発表分の資料。職員が作業用のエクセルファイルの名前を誤変換したまま保存。掲載前に複数人でチェックしたが、気づかなかったという。 県感染症対策室は「誤解を招く表現がそのまま掲載されてしまった。再発防止に努めたい」としている。【写真】誤表記された状態でホームページに掲載されていた県の公表資料(画像の一部を加工しています)

                                                「感染者情報一覧表ねw」 新型コロナ資料 宮崎県HPで誤表記 - Miyanichi e-press
                                              • YouTubeの収益は「年間1兆6000億円超」とGoogle親会社が初めて公表

                                                by Needpix.com ついに時価総額1兆ドル(約110兆円)の大台に載ったGoogleの親会社Alphabetが2020年2月3日に、2019年第4四半期の収益報告書を発表しました。その中でGoogleの子会社であるYouTubeの収益が、Googleに買収された2006年以来初めて公表されました。 Alphabet Announces Fourth Quarter and Fiscal Year2019 Results https://abc.xyz/investor/static/pdf/2019Q4_alphabet_earnings_release.pdf Alphabet discloses YouTube, Cloud revenues for the first time https://www.cnbc.com/2020/02/03/alphabet-disclos

                                                  YouTubeの収益は「年間1兆6000億円超」とGoogle親会社が初めて公表
                                                • Webエンジニアとしていま知っておきたいWebアクセシビリティ

                                                  この文章について これは Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」で基調講演をするにあたって、登壇内容を整理するために書いたものです。登壇内容とは一部に差異があります。 イベント映像 この文章はむちゃくちゃに長いので、登壇映像を見たほうがいいかもしれません。わたしの発表は13:23くらいから30分ちょっとです 登壇資料(内容は同一です) https://speakerdeck.com/ymrl/webenziniatosite-imazhi-tuteokitai-webakusesibiritei https://docs.google.com/presentation/d/1uhCvhh6sZCPUnReSBVDjvGfNAOTKbZ5Sxs8fYMlxMsI/edit?usp=sharing 目的 Web業界で「エンジニア」の肩書で仕事して

                                                    Webエンジニアとしていま知っておきたいWebアクセシビリティ
                                                  • Appleがサードパーティー決済の売り上げに27%の手数料を課すと発表、開発者からは怒りと落胆の声

                                                    Appleは、App Storeでの決済システムについてサードパーティーによる決済手段の利用を一部の国・地域で認める動きを見せています。しかし、開発者向けに公開されたサードパーティー決済手段についての説明ページで、Appleが外部決済の売り上げに対して27%の手数料を設定することを発表。これを受けて開発者からは怒りと落胆の声が挙がっています。 Distributing dating apps in the Netherlands - Support - Apple Developer https://developer.apple.com/support/storekit-external-entitlement/ Developers react to 27% commission with astonishment, anger - 9to5Mac https://9to5mac.co

                                                      Appleがサードパーティー決済の売り上げに27%の手数料を課すと発表、開発者からは怒りと落胆の声
                                                    • CSSで見出し固定+レスポンシブ対応の表を作成

                                                      2022年4月27日 CSS, HTML, Webサイト制作 料金表やサービスプランの比較、タイムテーブルなどなど、使う場面が多い割には制限も多く、初心者には少しとっつきにくいと思われがちな表。今回はあると便利な表の見出し固定やレスポンシブ対応の方法を紹介します。 ↑私が10年以上利用している会計ソフト! 見出しの行を固定する 表の中の行が増えてくると、スクロールした時に表の見出しが画面から見えなくなり、なんの値だったのかがわかりづらくなります。そんな時のために、行数の多い表では一番上にくる見出しの行を固定しておくといいですね。 まずはベーシックな表を作成します。table タグに border-collapse: collapse; を指定することで、セル間のスペースがなくなってフラットな見た目になりますよ。 HTML <table> <tr class="heading"> <th>車

                                                        CSSで見出し固定+レスポンシブ対応の表を作成
                                                      • 「シンカリオン」終了理由『タカラトミー株主総会』で明らかに〜「生々しい話を、一般の人が聞けるのが株主総会の醍醐味だ」

                                                        自分は「シンカリオン」自体はよくわかんないけど…、そうなんですよねこの時期は、サブカル・オタク的な耳より情報が、関連企業の「株主総会」でさらっと紹介される時期。他の企業でも、ふつうの報道には乗らないけど、興味のある人には大ニュースこういう話が、語られているのかもしれません。

                                                          「シンカリオン」終了理由『タカラトミー株主総会』で明らかに〜「生々しい話を、一般の人が聞けるのが株主総会の醍醐味だ」
                                                        • 冨樫義博「幽☆遊☆白書」実写ドラマ化!Netflixで全世界同時配信(コメントあり)

                                                          1990年から1994年まで週刊少年ジャンプ(集英社)で連載された「幽☆遊☆白書」は、妖怪絡みの事件を解決する霊界探偵の浦飯幽助が、仲間とともに人間界や魔界などで強敵たちと戦う姿を描いたアクション。単行本は全19巻が刊行されている。これまでTVアニメや劇場アニメ、ゲームなどが制作され、2019年には舞台化も果たしている。 エグゼクティブプロデューサーの坂本和隆は「原作世代として育ち、当時のその熱狂と衝撃は鮮明な記憶として残っています。20年たった今でもその勢いは衰えるどころか、アジアをはじめ全世界にファンはひろがり続けていく中、Netflixにおける自由度の高い表現プラットフォームを最大限生かして作品づくりに向き合います」とコメントを寄せた。キャスト・スタッフや配信時期などの詳細は続報を待とう。 坂本和隆(Netflix コンテンツ・アクイジション部門 ディレクター)コメント原作世代として

                                                            冨樫義博「幽☆遊☆白書」実写ドラマ化!Netflixで全世界同時配信(コメントあり)
                                                          • リンク/ボタン/フォームをより良くするHTML・CSS 17選 - ICS MEDIA

                                                            ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用

                                                              リンク/ボタン/フォームをより良くするHTML・CSS 17選 - ICS MEDIA
                                                            • ラブライブ、スカート問題とうとう声優の伊波杏樹さんがフェミ(なりすまし)に攻撃される「貴方の演じてるキャラが性的消費されている事に怒りを覚えないの?」

                                                              🌹れぽすけ🏳️‍🌈💛 @801h_elopelop @anju_inami あなたが演じている女の子が差別主義者の性的欲求を満足させるために消費されていることに怒りを覚えないのですか? 2020-02-16 21:28:30

                                                                ラブライブ、スカート問題とうとう声優の伊波杏樹さんがフェミ(なりすまし)に攻撃される「貴方の演じてるキャラが性的消費されている事に怒りを覚えないの?」
                                                              • 2022年に見かけたモダンなCSSの書き方を振り返る

                                                                はじめに 2022年6月15日にInternet Explorerのサポートが終了しました。 (IEの完全無効化は2023年2月14日予定) そのこともあり2022年は今までとは異なるCSSプロパティを使用したモダンな実装例の記事や発信をよく見かけた気がします。 ただしこれらは従来の実装方法でもできる表現であったので、「この記事はあとでしっかり読もう」とブラウザの新規タブで開いてそのまま塩漬けにしたり、ブックマーク的に"いいね"した該当ツイートを読み返すことなく流していたので、ここで一度サルベージしてその他追加したものを備忘録としてまとめました。 要素の中央配置

                                                                  2022年に見かけたモダンなCSSの書き方を振り返る
                                                                • プログラミング向けフォント「白源」 ~英文の「Hack」と日本語の「源柔ゴシック」を合成/全角スペースの可視化や判別しづらい文字を区別しやすくするの独自の調整も【レビュー】

                                                                    プログラミング向けフォント「白源」 ~英文の「Hack」と日本語の「源柔ゴシック」を合成/全角スペースの可視化や判別しづらい文字を区別しやすくするの独自の調整も【レビュー】
                                                                  • フェミニストさん、ラブライブの次のターゲットは愛知県豊川市寶山浄泉寺か? ・・・ん?

                                                                    🦐kailiroselani🦐 @hina2926 愛知県豊川市寶山浄泉寺に御朱印についてやっと電話出来ました。出たのはご住職本人。あまりにもモラルに欠けているのでは?との質問に「全然思っていませんね。檀家さんからももっとやれ!と喜んで貰えていますし。あと、いま子供といて家族の時間大切にしたいので切りますね!」#御朱印 #浄泉寺 2019-11-28 15:43:25 🦐kailiroselani🦐 @hina2926 と、勝手に切られました。もう唖然としたわ。総本山にも電話をして聞いてみましたが、クレームは来ているみたいです。だけど、止めない。総本山の方にもこのまま続けます!との回答をしたようでした。新しいイラストも。寺好きで御朱印集めてる私としては不愉快極まりない。酷すぎる。 pic.twitter.com/3OfMe0LCox 2019-11-28 15:44:58

                                                                      フェミニストさん、ラブライブの次のターゲットは愛知県豊川市寶山浄泉寺か? ・・・ん?
                                                                    • 女性アイドルゲーム ”デレステ” 運営に対する女性ユーザーの感想が話題に「アイドルはお金?」「品のない衣装をやめて」

                                                                      琴乃空音@StarrySkyP @Sorane_YP ここまで大きくなったコンテンツだとユーザーの主張と配信側のやりたいことが合わないこと多くなるから仕方ない部分もあるよね 全員に納得してもらうものを届けるのが理想だけど中々そうはいかない twitter.com/taka0620kao072… 2019-10-27 13:24:32 みる @caramel_forest 女の子のキャラクターのゲームでこの手の展開よくあるよね。自分がターゲットから外れてしまっただけなのはわかるけど、好きだったのに、好きなのに、もう見たくなくなるのは悲しい twitter.com/taka0620kao072… 2019-10-27 12:41:04

                                                                        女性アイドルゲーム ”デレステ” 運営に対する女性ユーザーの感想が話題に「アイドルはお金?」「品のない衣装をやめて」
                                                                      • Webサービスで「ユーザーページに独自ドメインを登録できる」機能を提供するのがなぜ難しいか

                                                                        コンテンツ投稿系のWebサービスでは「ユーザーのページに好きな独自ドメインを登録できる」という機能をつけたくなることがあります。ユーザーからすると「コンテンツが自分自身の所有物であること」を感じやすいですし、コンテンツのポータビリティが上がりますし、とても夢がありますよね。僕もいつか実装してみたい機能のひとつです。 しかし、この機能を提供するには、以下のようなハードルがあります。 料金 ベンダーロックイン 複雑な実装(とくに認証) (1)の料金についてはデプロイ先によります。例えばVercelであればProプラン以上であれば無制限に独自ドメインを登録できます(Unlimited custom domains for all Pro teams)。 Google Cloudの場合にはCertificate Managerで独自ドメインごとの証明書を管理するのに「ひとつあたり○USD」という感

                                                                          Webサービスで「ユーザーページに独自ドメインを登録できる」機能を提供するのがなぜ難しいか
                                                                        • Google、脱Cookie技術「FLoC」開発を停止し、新たな「Topics」を発表

                                                                          米Googleは1月25日(現地時間)、2021年3月に発表したサードパーティーcookieに代わる技術「FLoC」(Federated Learning of Cohorts)の開発を停止し、新たに「Topics」と呼ぶ技術のテストを年内に開始すると発表した。 同社は、ユーザーのWebプライバシーを改善しつつ適切な広告を表示するための取り組み「Privacy Sandbox」の技術としてFLoCを開発してきたが、ユーザーを特定できてしまう可能性を指摘されたり、この取り組みが独禁法に違反する可能性があるとされたりと、批判が高まっていた。 Googleは「Topicsは、FLoCのテストからの学習と幅広いコミュニティからのフィードバックに基づいて、FLoCに代わるものとして開発する」と語った。 Topicsの大まかな仕組みはこうだ。Webブラウザが、ユーザーのWeb閲覧履歴に基づいて、そのユ

                                                                            Google、脱Cookie技術「FLoC」開発を停止し、新たな「Topics」を発表
                                                                          • これはすごい! HTMLの新機能、popover属性でポップオーバーがJavaScript無しで簡単に実装できるようになります

                                                                            先日リリースされたChrome 114でPopover APIがサポートされ、HTMLのpopover属性が使用できるようになりました。 今まではポップオーバーを実装するのにはJavaScriptを使用し、ポップオーバーの開閉・フォーカス・アクセスフックなど面倒でしたが、popover属性で実装すると驚くほど簡単で、さまざまなUIコンポーネントに利用できます。 Introducing the popover API by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに HTMLのpopover属性とは ポップオーバーのデフォルト、オーバーライド 自動ポップオーバーと手動ポップオーバー popover属性とdialog要素の違い 近日公開予定の便利な2つの機

                                                                              これはすごい! HTMLの新機能、popover属性でポップオーバーがJavaScript無しで簡単に実装できるようになります
                                                                            • Clubhouseの全録音をAndroid/PCで聞けるよ。しゃべれる非公式のAndroid版も現る

                                                                              Clubhouseの全録音をAndroid/PCで聞けるよ。しゃべれる非公式のAndroid版も現る2021.02.24 22:0036,110 Ed Cara - Gizmodo US [原文] ( satomi ) 血の気がサーッ。 iPhone版オンリーの招待制音声SNSアプリ「Clubhouse」をAndroidやパソコンでも聞きたい!というたくさんのリクエストに応えて、なんと全会話を再生できるオープンソースアプリ「OpenClubhouse」に続き、トークに参加したり、普通に使える非公式のAndroidアプリ「Houseclub」までもがGitHubに公開になりました! 警告が現実にスタンフォード大学の警告が現実になったかたち。リスナーは招待がなくても全然OKで、公開設定になっている全ルームのログを聞けます。最初に報じたのは、SiliconANGLE。 Breaking news

                                                                                Clubhouseの全録音をAndroid/PCで聞けるよ。しゃべれる非公式のAndroid版も現る
                                                                              • コンテナクエリ @container が全ブラウザ対応。新時代のレスポンシブ対応を完全理解する

                                                                                本日(2023/2/14)、ついに Firefox でコンテナクエリ(container query)に対応しました。Chrome・Edge・Safari はすでに現行ブラウザで対応済みのため、全ブラウザにてコンテナクエリが使えることになります💐 従来、レスポンシブ対応でレイアウトを変えるには @media を使ってウインドウサイズを基準にするかありませんでした。コンテナクエリ @containerを使うと任意の要素を基準にできるので、「A要素の横幅が 500px 以下のとき、子要素のレイアウトを変える」などが手軽に実現できます。 とくにコンポーネントベース開発が主流の現在においては、コンテナクエリをマスターすることで、より柔軟でラクなレスポンシブ対応が可能になります。 本記事では、コンテナクエリの基本、メリット、デモまでをできるだけ詳しく解説し、コンテナクエリを理解することを目標としま

                                                                                  コンテナクエリ @container が全ブラウザ対応。新時代のレスポンシブ対応を完全理解する
                                                                                • 【訃報】「コピー&ペースト」を生み出したコンピューター科学者のラリー・テスラー氏死去

                                                                                  1980年から1997年にかけてAppleに勤め、今やコンピューター上で当たり前に行われている、データをクリップボードへいったん保存して別の場所に貼り付ける「カット」「コピー」「ペースト」を生み出したラリー・テスラー氏が2020年2月17日(月)に亡くなりました。74歳でした。 Larry Tesler http://www.nomodes.com/ Larry Tesler, the Apple employee who invented cut, copy, paste, dies at 74 https://www.cultofmac.com/685669/larry-tesler-the-apple-employee-who-invented-cut-copy-paste-dies-at-74/ Larry Tesler, Modeless Computing Advocate,

                                                                                    【訃報】「コピー&ペースト」を生み出したコンピューター科学者のラリー・テスラー氏死去