日本語Webフォントの増加更に、これまで欧文フォント中心のWebフォントに、無料で使える日本語フォントが増えてきました。 Google Fontsで紹介されている日本語フォントは現在8種類あります。 Notoフォントの絶対的支配 上記の8種類の中で、圧倒的に多く使われているのが、「Noto Sans JP」です。このNoto Sansは知名度も高い ＆ 6種類のウェイトが用意されているということで選ばれる割合が高いと推測できます。 じゃあNotoフォント万歳じゃないか！なんの問題があるんだ！？ ここが問題なのです。デザイナー主導でサイト制作・フォント選びを行ってしまうと「とりあえずNoto Sans」になりがちな気がします。 見た目だけで選ばないでほしい確かに、Webフォントを使えばAndroidでもiosでも同じ見た目を担保できます。尚且つNoto Sansは美しい。 しかし、Webフォ

この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。 アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作ることは訪れてくださるユーザーの方々だけでなく、クライアントにとってもユーザーの機会損失を防ぐことができるので多大なるメリットがあります。（よくコードが適当でもデザインが見えていれば良いって意見を聞くけれどそんなことはない） ただ、アクセシビリティを意識したHTML/CSSコーディングについてのまとめだと内容量が非常に多くなりZennなら記事より本で出したほうがベターになってしまうので、今回は数あるアクセシビリティの視点から「キーボード操作で

今日は具現を呈します。WEB『キン肉マン』の勝手なスクショのことです。特に今回のラストはスクショだらけ。私は悲しくなりました。これ以上続けるなら集英社さんと共にそれなりの罰則をかんがえます。週プレでの紙の本をたのしみにしているんです。どうかスクショはやめてください。

covid19-twitter-research_01.md 生活と意見: ソーシャルディスタンスなどと称してユーザー名や文章にスペースを挟む行為についての苦情 更新履歴 2020-05-13 追記 継続して観測していて、対応が行われたアカウントの記録などを残している https://twitter.com/bulkneets/status/1259419102851903490 FAQとして「機械が人間の都合に合わせろ」に対する反論を取り急ぎ置いておく 走り書きで書いた https://twitter.com/bulkneets/status/1260524434256879617 https://twitter.com/voqn/status/1259515760986095617 記事下部に、フィードバックなどを追記した。 はじめに この文章は mala (twitter: @bul

【2019/11/09 20:00】コメント・一部記述を追加。 【2019/11/10 00:20】Let's Encryptに関する記述を追加・修正。 【2019/11/10 17:50】大澤氏のコメントを追加。 【2019/11/11 12:50】NISC/IPA/フィッシング対策協議会に対し、当該記事への対応依頼を実施。 【2019/11/13 22:09】「適切なフィッシング詐欺対策について」を追加。

ネット上で「Lets-get-arrested project（みんなで逮捕されようプロジェクト）」なるものが発足している。立ち上げたのはプログラマーのhamukazu氏。 発端となったのはNHK神戸放送局が4日に配信した「不正プログラム書き込み疑い補導」というニュース。このなかで女子中学生が「不正プログラム」と呼ばれたプログラムのアドレスを掲示板に書き込んだために補導されたと報じられた。 このニュースを受けて、同氏はTwitter上で「JavaScriptで『意図しない動作』で逮捕されたり補導されたりする件、エンジニアみんなは団結して抗議する意味で、進んで逮捕されにいくのはどうだろう」と提起。 その後、ソフトウェア開発プラットフォームGithubで自らプロジェクトを立ち上げた。Twitter上では「リツイートすると幇助になるかも」との意見もあり、今後の動向に注目が集まっている。 兵庫県警

海外からDDoS攻撃してくるカメラをシャットダウンしてしまうのは不正アクセスなのか?自首してみたが返答がない!そして泥沼のDDoSへ 顛末を記録した雑多なログになっているので整理されていない部分が多々あります. 2万文字を超えているので気合を入れて読むか適当に読み飛ばしてください. これでも不要な調査データを省いたりしてスリム化したのですが超巨大化してしまいました. 2018-11-07から自宅のネットワークの調子が悪すぎる 自宅のネットワークが死んでいました. J:COMの回線現在98%パケットロスするという状態になっています pic.twitter.com/Vfe0O3p5j2 — エヌユル (@ncaq) 2018年11月7日 今日の私 14時 サーバが落ちていることが通知される,サーバにDHCPがアドレス振ってくれてない 15時 ucomがついに死んだかと思いjcomに移行する 1

どうも、まさとらん（@0310lan）です！ プレゼン用のスライド資料を作成する時に、テキストボックの配置に悩んだりフォントやカラーリング、チャートの作成に時間を掛けていたりしませんか？ 今回ご紹介するサービスは、AIの活用により多種多様なスライド資料を学習させて最適なデザインを提案し、無駄な時間をカットして本来プレゼンに必要な「伝えたいこと」だけに集中できます。 超短時間で見栄えが良くて分かりやすいスライド資料を作りたい方は、ぜひ参考にしてみて下さい！ 【 Beautiful.AI 】 ■「Beautiful.AI」の使い方！ それでは、実際に「Beautiful.AI」を触りながらどのように利用すればいいのかを見ていきましょう！ トップページにアクセスしたら、画面上部にある「SIGN UP」ボタンをクリックします。 「メールアドレス」「パスワード」を入力すればユーザー登録は完了です！

Transcript 30代から始めるwebフロントエンド入門 コネヒトマルシェ #2〜webフロントエンド市〜 @itosho 1 ▪ 自己紹介 ・伊藤 翔 / @itosho 　・所属：コネヒト株式会社 / Supership株式会社 ・野球とアイドルが好きです。 ・最近のオススメ：sora tob sakana 先日メジャーデビュー ▪ 自己紹介 ・伊藤 翔 / @itosho 　・所属：コネヒト株式会社 / Supership株式会社 ・野球とアイドルが好きです。 ・最近のオススメ：sora tob sakana 先日メジャーデビュー ・主にサーバーサイドエンジニアをやっています。 　・よく書く言語：PHP / Ruby / Golang ＿人人人人人人人人人人人人人人＿ ＞　サーバーサイドエンジニア　＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣ 4 ▪ 今日話すこと

みなさま、はじめまして！  ren と申します。 追記(5/6) 「具体的にどんなサービスを作って、どういう失敗をしたのですか？」と言われることが多かったので、書いてみました → 8年かけて開発したWebサービス15個の具体的な失敗理由とは？ note は初投稿なのですが、タイトルどおり、 8年間で20以上のWebサービスを作ってきて、ほとんど失敗した理由を私の実体験を元に書いてみようと思います！ Webサービスを作っている人、自社のサービスを作っている人、起業家、これからWebサービスを作りたい人など、少しでも参考になれば幸いです。 この記事を通して伝えたいこと1. Webサービスやアプリを成功させる事はかなり難しい 2. Webサービスやアプリは実際世の中に出すまで分からないが、成功確率は上げることができる 3. Webサービスやアプリの成功確率を上げるにはどうすれば良いのか です。

www.buzzfeed.com kan3.hateblo.jp 上記のブログに触発されて、増田で次の投稿を行いました。 anond.hatelabo.jp こちらの記事を匿名で書いたものです。改めて見返してみると、わかりづらいですね。。。申し訳無いです。怪文書と言われても否定のしようがありません。。。 anond.hatelabo.jp 優しい方がわかりやすくしていただきました。ありがとうございます。 僕が情弱でした。申し訳無いです。 このブログにて改めて情報を整理していきたいと思います。 書いている人は誰か？ このブログを書いている人は、アダルト広告をメインに配信するアドネットワーク事業者の関係者です。はてなブログの関係者ではありません。。増田で誤解をさせるような記述をしてしまい、申し訳無いです。。 今回取り上げる違法サイト Anitubeです。 ここで広告を配信していた業者を今回はま

「漫画村」など違法アップロードが問題となっている海賊版サイトの数々。その運営資金はサイトに広告を表示することによって得られる「広告収入」によって賄われているとみられています。海賊版サイトの在り方が問われる一方で、広告を出稿している企業や広告代理店に責任はないのか。ねとらぼ編集部が、広告を出稿していた複数の企業に取材を繰り返したところ、一部の広告が取り下げられる事態となりました。 「漫画村」に表示されていた広告。枠内が広告（画像は4月9日時点のもの・画像は編集部で一部加工しています） 4月13日には政府がISP（インターネットサービスプロバイダー）に対して「サイトブロッキング」を促す決定をするなど、社会問題となっている海賊版サイト（関連記事）。なかでも特に問題視されているのが漫画や雑誌、写真集などを違法アップロードしているサイト「漫画村」です。 漫画村のPCサイトでは当初、画面中央に各漫画の

ちまたで阿部寛のサイトが早いと話題になってます。 dev.toと阿部寛のホームページどっちが速いですか？ dev.toと阿部寛のホームページについてちゃんと計測させてくれ 阿部寛のサイトはベストを尽くしてるのか？ それを調べるために、阿部寛のサイトを高速化させてみたいと思います。 目指すべきスピード 最速はローカルのファイルへのアクセスだと思うのでこれを目指したいと思います。 file:///C:/abe_hiroshi/index.html ChromeのDeveloper Toolでレンダリング完了が「173ms」でした。 まぁここまでは無理だな… 阿部寛のサイトはどんなもん？ 速度はwebpagetest.orgで測ってみます。 レンダリング完了時間は「359ms」です。はえーな S3でホスティングしてみる サーバーを立てるほどでもないので、S3でWebホスティングしてそこにhtml

最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか！」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴートにされてるんだろう。それはまあいい。 自分の仕事でSPA技術を使うところは、ちゃんと必要性もあるし理由も説明できる。ただ、やはり近年の複雑化/重量化について思うところはあるので、逆に振って AMP/PWA という選択肢を持っておきたくて、正直言うと依頼されたR&Dの仕事でもあったんだけど、一通り覚えた。なんだけど、今のところ仕事で使うタイミングがない。 PWA技術を仕事で使えなかった理由として

「爆速すぎて笑う」「速すぎて逆に不安になるレベル」――「dev.to」という米国のWebサイトの表示速度が異常に速いと、ネット上で話題だ。なぜ速いのか、サイト創設者のベン・ハルパーンさんがサイト内の記事で説明している。 2016年にオープンしたdev.toは、プログラマーが情報を交換したり、議論したりできるコミュニティーサイト。トップページにはユーザーが投稿したブログ記事のタイトルやコメントが、SNSのタイムラインのように並んでいる。このトップページの表示にかかる時間、各記事をクリックしたときのページ遷移が“一瞬”なのだ。 なぜ速いのか。ハルパーンさんが17年2月に投稿したブログ記事によれば、米Fastlyが提供するCDN（Content Delivery Network）を活用している。CDNは世界中にキャッシュサーバを分散配置し、ユーザーごとに最も（ネットワーク的に）近いサーバにキャッ