500点出す！ - ゆーすけべー日記
「Web Speed Hackathon 2022」という「非常に重たいWebアプリをチューニングして、いかに高速にするかを競う競技」があります。 リモート参加で11月1日から27日まで開催されています。 ここで言う「高速」とはCore Web Vitalsのスコアが高いことを言い、Lighthouseのスコアをベースにした500点満点の争いです。 ISUCONのフロントエンド版ですね。 以前にも同じ課題で「学生向け」と「社内（サイバーエージェント）向け」が行われたらしく、まだ500点を出した人はいません。 そこで僕は「満点を出したい」と思い、初日から、いやむしろフライングしていたからその前から頑張ってきました。 そして、先日（17日）、ついに500点満点を出しました！ たぶん、レギュレーションはクリアしている、はずです（もし違反してたらすいません…）。 自動で行われる「Visual Re
ヤフー全社横断「Webパフォーマンス改善」の取り組み (Core Web Vitalsスコアの向上)
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、第11代黒帯（ヤフー内のスキル任命制度／Webフロントエンド領域）の浜田（@narirow）です。今回はヤフー全社で実施してきた、「Webパフォーマンス改善プロジェクト」についてお話ししたいと思います。 長期に渡る活動の結果、多くのサービスのWebパフォーマンスが徐々に向上しています。この記事では、取り組みの経緯や、多くのサービス分析を通してわかったコスパの良い施策（比較的簡単に実施できてスコアも上がりやすい施策）などをご紹介します。 全社横断でWebパフォーマンス改善を実施する経緯 さかのぼること2021年、Googleから以下のような案内がありました。 「Core Web VitalsがGoogle検索の検索順位に
ぶっちゃけWEBサイトっておいくらなの？って話 | Hal-Cana
先に言っとくけど仕事の合間にぱぱっと書いた記事だからあんまりアテにするなよ？ 「極端に低い単価や無料で仕事をしてはいけない単純な理由」 こういう記事が話題になっていたので、ふと気になりまして。 そもそもね、WEBサイトを制作してる側の人間が「どこまでが安価で、どこからが高価なのか」っていうラインを知らないんじゃないかなって思ったんです。 まあね、最初に結論は言っておくけど、そんなもんクライアント次第です。一概にどこからが高いとか安いとか、そういう話はできません。 ボレるとこからはとことんボレばいいんですよ。世の中そうやって回ってんだから。 もしくは、「ウチはページ単価○○円からです」っていう明瞭会計な制作会社もありますね。 個人的にお付き合いの多い某社などは、公式サイトに料金表も掲載されていて、とても良心的です。ほんとありがたいです。 まぁそれはいいんです。別に関係ない。 本題は
Webアプリでパスワード保護はどこまでやればいいか
1. YAPC::ASIA TOKYO 2011 Webアプリでパスワード保護は どこまでやればいいか HASHコンサルティング株式会社 徳丸 浩 twitter id: @ockeghem Copyright © 2011 HASH Consulting Corp. 1 2. 徳丸浩の自己紹介 • 経歴 – 1985年 京セラ株式会社入社 – 1995年 京セラコミュニケーションシステム株式会社(KCCS)に出向・転籍 – 2008年 KCCS退職、HASHコンサルティング株式会社設立 • 経験したこと – 京セラ入社当時はCAD、計算幾何学、数値シミュレーションなどを担当 – その後、企業向けパッケージソフトの企画・開発・事業化を担当 – 1999年から、携帯電話向けインフラ、プラットフォームの企画・開発を担当 Webアプリケーションのセキュリティ問題に直面、研究、社内展開、寄稿などを
ビューティーオープナーの口コミや悪評は本当？４０代の簡単若返り法！
長引く自粛生活で家の中にばかり引きこもっていると気分が落ち込んできてしまいますよね…。外出しなくてもどうにか家の中で楽しく過ごしたい…そんな時は自宅にいながらも映画やドラマ、マンガが楽しめる「U-NEXT」のサービスを利用してみるのはどうでしょうか？(*^▽^*) U-NEXTは、210,000本以上の最新作品が月額料金で見放題のサービスです。映画やドラマ、アニメだけでなく漫画や雑誌も楽しめるので飽きることなくずっと楽しむことができるんです♪ このページでは自宅時間を有意義に過ごしたい私が実際にU-NEXTのサービスを利用してみた感想をレビューしています。 他の方の悪い口コミや良い口コミなどもまとめてありますので、動画配信サービスをこれから利用したいけど、どこの配信サービスがいいのか分からない！と悩んでいる方は参考までに見てみてくださいね！(*’ω’*) U-NEXTの公式サイトへ U-N
「発表の場」としての個人サイトは絶滅しない - 煩悩是道場
web 「発表の場」としての個人サイトは絶滅しない。pxivのような場所に人が集まれば集まる程「発表したけれど誰も見てくれない（評価して貰えない）」人が増えるからだ。人が多く集まる場所で評価が集まるのは作品であり、作り手ではない。それを集約出来るのは個人サイトであり、アーカイブスや他の表現、表現者へのコンタクトをとる場所としてのポータル機能を持たせる事は個人サイトの役割であるからだ。 ◆多くの人が登録する事によって「作品」が埋もれるpixvイラストを発表する個人サイトは減っていき、pixivのような巨大投稿サイトで発表するのが主流になっていくんじゃないだろうか、という帰結をしている。これは合っていると思う。というか、既にそうなっている。イラストだけじゃない。「表現の発表の場」としての個人サイトはだいぶ衰退している。それは目に見える繋がりをどんどん強化していったからだ。「発表の場」としての個
IT業界は、母体5つと業態6つで分類できる－ ＠IT自分戦略研究所
マウス操作ができるインタラクティブなグラフでIT業界の仕組みを学ぶ連載。第4回のテーマはIT業界の「分類（ユーザー系、外資系、コンサル系）」。新人SE、江水君と一緒に成長していこう。 （注）記事中のグラフは、マウス操作を行うためにFlash Playerを使用しています。実行にはFlash Playerが必要です。Flash Playerのダウンロードページはこちら。 一口にIT企業といっても分類や区分けはさまざま。今回から2回にわたり、IT業界を構成する企業の分類について解説します。 今回江水君は、ユーザー系、外資系、コンサル系の主な企業と特徴について教わることに。冠里さんのレクチャーについていけるだろうか？ 江水君、何をそんなにニコニコしているのですか？ そろそろデータばかり見ているのも飽きてきたのですが、今回は業界を構成する企業の話をしてくれるというから、楽しみなのです。 業界を構成
［はまちちゃんのセキュリティ講座］ここがキミの脆弱なところ…！：第1回 HTTPのしくみを復習しよう｜gihyo.jp … 技術評論社
こんにちはこんにちは ! ! はまちや2です！ 今日からぼくと一緒にWebプログラミングのセキュリティについて、ちょっぴり勉強してみませんか！今回はHTTPがどんなやりとりをしているのか、簡単におさらいしてみましょう！
100万のサイトを5つ作る、すごい引きこもり美人
「日本珍スポット100景」は、ひなびた観光地やトンデモ系の施設といった全国のB級スポットを紹介する人気サイトだ。紹介しているすべての場所は、管理人の麻理さんが現地取材しており、その累計は300以上に及ぶ。 しかし、麻理さんの活動はそれだけではない。レトロな外装の品々を紹介し、自作レポートも行なう「スチームパンク大百科」や、デジタル加工を施した合成写真の投稿サイト「合成館」など、並行して運営しているサイトは20件以上に及ぶ。しかも、100万アクセスを超えるサイトをすでに5個持っているという。 一体どんな方法を使えば、これほど多彩で人気のあるサイトを続けることができるのだろうか。インタビューを通して分かったのは、サイトに人を呼ぶ極意。そして、麻理さんが只者ではないということだった。 日本珍スポット100景 夢のお告げで個人が始めた奇抜な博物館から、性器のモチーフを祭る豊年祭まで、全国の珍スポッ
けんじろう と コラボろう！ > 学校裏サイトで娘が実名で攻撃され、父としてメールを送ってみた。 : ITmedia オルタナティブ・ブログ
高校の娘が学校裏サイトとやらで攻撃された。 攻撃の内容は、私のような第三者（親だが）から見れば、極めて些細なものだ。無視すればいいのではないかと思っていた。また、この件があるまで、「裏サイト」とか「２チャンネル」というものを知らず、もちろん、見たことも無かった。うちの若者から「吉田さん２チャンで話題になってましたよ」と聞いたことはあったし、学校裏サイトも先月に娘と見た金八先生で見たイメージぐらいしか、持っていなかった。 書込みの内容は以下のようなものだ。（学校などが想定できる発言を削除してある。言葉尻もなおした） ＜誹謗中傷の内容＞ 「、、○○（私の娘の実名）って、いろんなところで、みんなの悪口を言ってるらいしいよ」 「○○（くん）に色目つかってない？うざいよね。 ○○（くん）も無理に付き合わずに○○（私の娘の実名）を無視すればいいのに。」 「○○（娘）の顔ってヒドクない？ 臭そう。 誰か
直リンクに何が起きているのか
「直リンク」（直リン）という言葉の意味はここ数年で大きく変わりつつありますが、 その変化を知らないがゆえの誤解、トラブルがしばしば見受けられます。 その誤解を大まかに解くのが本稿の趣旨です。 目次 第一章 - 初めに 第二章 - 結論 第三章 - 変遷の記録 2000年～2003年頃 2003年～2004年頃 2005年頃～ 第四章 - 個人的見解 補遺 第一章 - 初めに 「直リンク」という言葉は、ここ数年で以前とは異なる意味で使われることが多くなりました。 しかし、そのことを全く認識してない「直リンクという言葉は云々」と言った解説が少なくありません。 例えば、2008年4月現在、Wikipediaの「直リンク」の項目にはこうあります。 直リンク（じかリンク、ちょくリンク）とは、インターネットのWWWで公開されている画像などのメディアファイルのURLを参照し、インラインで表示する形態で別
YouTube、京大の授業を無料公開--日本の国公立大では初
4月8日、YouTubeと京都大学がコンテンツパートナーシップを結んだ。YouTubeがコンテンツパートナーに提供する「ブランドチャンネル」を活用し、京都大学のオープンコースウエアの提供を開始した。 京都大学は2005年から大学のホームページなどを通じて、オープンコースウエアとして授業を提供してきたが、今後はYouTubeに公開することにより、京都大学が持つ資産が全世界に提供される。 YouTubeで日本の国公立大学が授業を公開するのは初めてだという。 すでにYouTubeで閲覧可能な199の授業の中には、ノーベル賞を受賞した湯川秀樹氏の研究を九後太一教授が解説したものや、医学部の授業の一つである臓器移植の手術の模様（医学部教授の解説つき）などがある。YouTubeは、「医療関係者や医師を志す学生はもちろん、一般のインターネットユーザーにとっても、普段見ることのできない価値あるコンテンツを
Googleレベルの学生が起業した「Preferred Infrastructure」 ― ＠IT
2008/03/24 検索エンジン開発の分野で有名になりつつある企業にPreferred Infrastructure（PFI、東京都文京区）がある。目を引くのは10人の社員がいずれも東京大学大学院、京都大学大学院の出身者、もしくは在学中ということ。東京大学大学院の情報系研究科出身者の多くが近年、Googleに入社していることは有名だが、PFIは、いわば、Googleに行かなかったGoogleレベルの学生たちが起業したといえる。エンジニア率100％のPFIは日本のテクノロジ・ベンチャーの姿を変えるだろうか。 PFIの代表取締役社長 西川徹氏は「ACM 国際大学対抗プログラミングコンテスト（ACM/ICPC）の世界大会に出場したメンバーと一緒に何かやりたかった」と起業の動機を話す。起業したのは2006年3月。資本金は30万円。当時の社員は6人で全員が学生だった。オフィスはなく、Skypeで話
映像・音楽配信を許諾不要に 「ネット権」創設、有識者が提言
角川グループホールディングスの角川歴彦会長らが参加する「デジタル・コンテンツ法有識者フォーラム」（代表：八田達夫政策研究大学院大学学長）は3月17日、ネット上での利用に限り、過去の映画や音楽などを事前の許諾なしで映画会社などが配信できるようにする「ネット権」の創設を柱とした特別法の制定を提案した。 過去のコンテンツをネット配信する場合、改めて権利者全員から許諾を得る必要があり、手間と時間がかかることからネット上での利用が進んでいないのが現状。提案では、配信を行う事業者に著作権者への対価支払いを義務付けるのを条件に、ネット限定で著作権者の許諾権を制限する。このため事後的な対価支払いで過去のコンテンツ資産をネット配信できるようになり、デジタルコンテンツの流通と活用を加速できるとしている。 「デジタル・コンテンツ法有識者フォーラム」のメンバーは、相澤英孝一橋大学大学院教授、映画プロデューサーの一
ポータルとブラウザの終焉 - 雑種路線でいこう
大学が決まってライター駆け出しの頃、最初に書いた記事は98 Magazineのコラムで、IE 3.0とブラウザ戦争の足音を告げるものだった。当時はNetscapeの優勢を疑う者はおらず、時代を先取りする記事だったと今も自負している。今年2月でNetscapeブラウザのサポートが終わり、年初からYahoo! Japanのリニューアルでトップからディレクトリが消え、ひとつの時代が終わったと実感した。 気付いたらブラウザもポータルもコモディティ化してしまった。素人目にYahoo!とNiftyとMSNのトップページを見比べても違いは分からない。世界で最も成功しているYahoo! Japanが、どうして好調とはいい難い米Yahoo!のデザインを追っかけなければならないか理解に苦しむが、もはやポータルは将来へ向けた競争領域ではなく、トラフィックを少しでもマネタイズするために広告スペースを大きくすること
梅田望夫『ウェブ時代をゆく』を語る
梅田望夫（うめだ・もちお）／1960年生まれ。慶應義塾大学工学部卒業。東京大学大学院情報科学修士課程修了。97年にコンサルティング会社ミューズ・アソシエイツを設立。パシフィカファンド共同代表、はてな取締役も務める。著書に『シリコンバレー精神』『ウェブ進化論』など。ブログは My Life Between Silicon Valley and Japan ――インターネット世界の急激な変貌と、現実社会への影響を読み解いた前著『ウェブ進化論』は37万部のベストセラーになりました。新著はウェブの新しい現象を紹介するのではなく、その時代をどう生きるかについて描いています。なぜ『ウェブ進化論２』を書かれなかったのでしょうか。 『ウェブ進化論』を発表した後、多くの編集者から、「一つのカテゴリーを創造しましたね」と言われました。確かに、ウェブに関するテクノロジーを解説した本は新書だけでも大量に出版
Web制作に役立つフリーソフト:アルファルファモザイク
>>1 お疲れ様 前スレででたまとめサイトに掲載されてないもの [931]Website Explore http://www.umechando.com/webex/ 階層構造とファイル構成をエクスプローラ形式で表示 [944]HTMLPAD http://www.vector.co.jp/soft/win95/net/se118788.html HTMLタグ挿入型エディタ [949]Rafale http://www.forest.impress.co.jp/article/2005/02/08/rafale.html 画像を含めたWebページ全体の色合いをレタッチ感覚で一括調整 [953]削りませんか参号 http://www.vector.co.jp/soft/win95/net/se106070.html HTMLの無駄を削ったり、より無駄の少ないよう
web製作は求められるスキルが多すぎ！:アルファルファモザイク
編集元：Web制作板より「webは求められるスキルが多すぎ！！」 1 Name_Not_Found :2007/11/05(月) 02:06:12 ID:JOoMBkUq HTMLを筆頭にCSSや、JAVASCRIPT、 DTPデザイナー並のデザイン能力や色彩能力、 そして、フォトショップ、イラレータ等の ソフトを使いこなすスキル、 それだけでは、飽き足らず、 昨今のweb2.0の流れから、動的なページが流行。 parlや、phpによるCGIアプリケーション開発 それと連動した、SQL等のデータベース言語のスキル。 欲を言えば、FLASHによるアニメーション作成や アクションスクリプトによるプログラミングスキルも求められる。 最近では、サーバーを直接いじる機会も多く 単にFTPによるファイルのアップロードだけでなく アパッチを操作した、フレンドリーURL操作等の
Webメール，盗み見されていませんか：ITpro
最近，顧客などからWebメールの利用に関する相談が多くなっている。企業内の個々の社員が勝手に利用している場合はもちろん，企業として利用する場合に，メール本文を外部に置くことで情報漏えいにつながるのではないかという危機感からだ。企業の機密が漏れることはもちろん，個人のプライバシーにかかわる問題でもある。 Webメールは，既に多くのユーザーがプライベートのメールとして利用している。“実名”でビジネス用メールにGoogleやYahoo!などの外部サービスを利用しているユーザーも増えている。ただ，自分の電子メールが他人に読まれていたという事例は過去にいくつもあり，決して珍しい話ではない。事業者のサーバーにメールを置くWebメールとなると，不安はさらに膨らむ。 さすがにWebメール・サービスも，一昔前と比べるとそれなりにセキュリティ対策はとられている。それでも，必ずしも十分とは言えないのが実情である
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新生活を迎えるにあたって役立つサイトまとめ :VIPPERな俺