この文章について これは 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業界で「エンジニア」の肩書で仕事して
この連載では、Notionであらゆるものを作れるとご紹介してきました。Notion単体でも非常に強力なツールなのですが、実は他のツールやサービスと組み合わせることによってさらに実現できる世界が広がります。 今回は、Notionを便利にするサービスをご紹介します。 1. リッチなWebサイトを作れる「Wraptas」 リッチなWebサイトを作れる「Wraptas」 Wraptas https://wraptas.com/ Notionの標準機能としてもWebに公開することはできますが、Wraptasを利用するとさらにカスタマイズできるようになります。 独自ドメインを利用できる JavaScript, CSSを設定できる SEO向けの設定ができる 例えばBLAM社の採用サイトやSHIBUYA SLOW STREAMのサービスサイトはWraptasによって作られています。一見するとNotionで
「別タブで開く」リンク(target="_blank")は脆弱性あり？【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
リンクを別タブで開くためにHTML上でリンクにtarget="_blank"を指定することには「セキュリティとパフォーマンスの点で問題がある」と、グーグルのエンジニアが注意している。 一般的な書き方だと思うのだが、どういうことなのだろうか。何が問題なのか、どうすればいいのかを、わかりやすく解説する。 ほかにも今回は、SEOコンサルタントを採用するときのポイント、グーグル検索に有利なCMS、AMPストーリーのSEOなどなど、幅広い観点からSEOの理解を深められる情報をまとめてお届けする。 SEOコンサルタント採用時のグーグル流ベストプラクティスグーグル検索ではShopifyが優遇されている！? CMSで違いはあるのか？AMPストーリーに特化したSEOをグーグルが解説グーグル検索でニュース記事を目立たせるコツをグーグルが解説グーグルは、GAやChromeのデータを検索に使っていないグーグルSE
React Application Architecture for Production〜これ一冊で全てが網羅〜
はじめに この記事は、Alan Alickovicさんの著書「React Application Architecture for Production」をまとめたものになります。Alanさんと言えばZennで最も人気のある記事「bulletproof-react」の作者であり、彼のprojectから学ぶことはとても多い印象です。 今回紹介する本は2023年1月に公開されたため、bulletproof-react以後のReactアプリケーションにおけるベストプラクティスの宝庫となっています。また、本で扱われているアプリケーションのProjectがGitHubで公開されていることから、Projectを眺めるだけでも勉強になる点があるかと思います。 想定読者 Reactのアーキテクチャを模索している方 テスト手法やCI/CDなどのアプリケーション設計に関心がある方 使用される技術と本の構成 言
バスマジックリンエアジェット、実はこすってる問題に決着？ こすってほしくない花王の想い | となりのカインズさん
大塚たくま 福岡のフリーライター。YouTuber。アビスパ福岡サポーター。メディア編集者から独立。インタビューとSEOが好き。ビートルズ、吉田拓郎、B'z大好き。月1で嬉野温泉に宿泊。
【ヨシ！】建築会社が作り上げた「現場喫茶」を建築士ライターが訪ねたら、業界の明るい未来が見えてきた - メシ通 | ホットペッパーグルメ
どこもかしこも建築現場 合板むき出しの外観。工事用の看板。「ええっ、これまだ工事中なのでは……？」思わずそう口に出してしまいそうなお店が、東京は墨田区・押上にあります。 その名は「現場喫茶」。あらためてよくよく見てみると、作業予定看板には営業日が、掲示板には「素通り注意」の文字が書かれています。 ▲「美味しいコーヒーが出てきます ご注意ください」 外観に惹かれて店内に入ると、これまたすごい。工事用の照明が束ねられてシャンデリアになっているし、グラスが置かれているのはなんと、仮設足場の上！ ほかにも、店内を見渡せばあらゆるところに現場要素が……！ 「建築現場」と「カフェ」、まったく異なる2つの世界を結びつけた異色のお店。 いったいなぜ、こんなお店が誕生したのでしょうか。二級建築士の資格を持つライター・少年Bが、「現場喫茶」を運営する株式会社髙橋工業 本部長の菊池和貴さんにお話をうかがってきま
「全数調査なら何でもわかる」という誤解 - 間違えがちな母集団とサンプリングそしてベイズ統計 - - ill-identified diary
この文章は pandoc-hateblo で tex ファイルから変換しています. PDF 版はこちら 2021/10/15 追記: 後半のベイジアンブートストラップに関する解説はこちらのほうがおそらく正確です ill-identified.hatenablog.com 概要挑発的なタイトルに見えるかも知れないが, 私はしらふだしこれから始めるのは真面目な話だ — 正直に言えばSEOとか気にしてもっと挑発的なタイトルにしようかなどと迷ったりはしたが. 「全数調査できれば標本抽出の誤差はなくなるのだから, 仮説検定は不要だ」という主張を見かけた. いろいろと調べた結果, この問題を厳密に説明しようとすると最近の教科書には載ってない話題や視点が必要なことが分かった. ネット上でも勘違いしている or よく分かってなさそうな人をこれまで何度か見かけたので, これを機に当初の質問の回答のみならず関
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します。 imgタグの属性はちゃんと書く？ imgタグにwidth・height属性を書いているか質問しました。 4397票の回答があり「何が何でも絶対に記述する」が11.9%、「基本的に記述する（たまに記述しないことがある）」が33.2%、「面倒なので普段は記述しない（たまに記述する）」が21%、「記述しない！」が33.8%でした。 記事『【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい | Rriver』によると、レイアウトシフトの対策に有効であるためにwid
フロントエンドエンジニアが「自分はJSON色付け係」と自虐する理由を考察した - パンダのプログラミングブログ
「JSON色付け係」という自虐 フロントエンドエンジニアの間では、「私の仕事は JSON に色を付けることです」という有名な自虐ネタがある。 おそらく初出は以下のツイートなのだろう（*1）。ただ、出典はあまり詳しく調べていない。 初めてこの言葉を見た時、面白い言い回しだなと思った。確かにフロントエンドの仕事にそういう側面はある。 実際、コンテンツの表示がメインのページで作業すると上記のような気持ちになる。この場合、フロントでやることといえばせいぜい日付の表示形式を適切にフォーマットするくらいだ。結局バックエンドからデータが返ってこないとフロントだけでは何もできないと思うこともある。 もちろん、フロントだけで簡潔する手書き風グラフ作成ツール excalidraw のようなものは別だし、フロントで複雑な状態を扱う部分を書いたり、フォームを使ってユーザー入力を受け付け、入力値を検証するバリデーシ
そろそろ博士課程の振り返りをしようと思って、これを機にnoteを書いてみることにしました。最初の記事としては相応しいのではないかと思って。 ※本記事は2023年6月に書いたものです。文中にAIを使うことについての記述がありますが、LLMの進歩は目覚ましいものがありますので、お読みになっている時点の状況に応じて読み替えていただければと思います。なお、私はAIは適切な用法を理解して使う上では非常に有用だと考えています。 おかげさまで2023年3月に博士号を頂くことができました。謝辞にも書いたのですが、本当に多くの方にお世話になってここまで来ることができました。お名前を上げだすとそれだけで本稿が埋まってしまうので畏れ多くも割愛させていただきますが、改めて感謝申し上げたいと思います。 さて、何年も社会人博士を名乗ってきたせいで「私も博士課程に興味があるのですが」と相談をいただくことがたびたびありま
ZOZOTOWNのWebホーム画面をNext.jsでリプレイスして得た知見 - ZOZO TECH BLOG
はじめに ZOZOTOWN開発本部の武井と申します。ZOZOTOWNのフロントエンドリプレイスプロジェクトを主に担当しております。ZOZO DEVELOPERS BLOG でも「ZOZOのリプレイスプロジェクトで得られる唯一無二の経験。大規模サービスを進化させるやりがいとは」というインタビュー記事を掲載しておりますので、もしよろしければこちらも併せてご覧ください。 さて、本題です。現在ZOZOTOWNではオンプレミスかつ、モノリスだった既存システムをマイクロサービスAPIに責務を分割したり、インフラをクラウドに移行したりしています。しかし、いわゆるWebのUIを構築するためのシステムは現在も既存システムに新機能開発や機能改修を行なっており、リプレイスに着手できていませんでした。 そこで、まずホーム画面から段階的にリプレイスすべく設計・開発を昨年から行ない、無事リリースできました。ZOZOT
今年の本業は、 3rd party script で、そこから呼ぶウィジェットを最適化するコンパイラを書く、その仕様を考えて、実装するという感じだった。要は Google Analytics と、最適化コンパイラ付き GTM みたいなものを作っていた。その内容は以下に書いた。 サードパーティスクリプトの極限環境向け Svelte パフォーマンス改善に Core WebVitals という大義名分を得た 今年は、 パフォーマンスのエンジニアをやっていた、と思う。サードパーティスクリプトの配信を生業にする会社のエンジニアとしては、来年の Core WebVitals というパフォーマンス関連の大きな変化で、波にのってやりたいことがやれたと思う。 Core WebVitals の導入で実際にどれぐらいの影響がでるか不明だが、パフォーマンスが SEO に影響する、というのは、 若干やりすぎと思いつ
科学的発見が誇張→曲解→誤解→蔓延するメカニズムの図解と簡単で効果抜群の2つの対策｜ふろむだ@分裂勘違い君劇場
科学的発見が私たちに届くまでの伝言ゲームで、さまざまな誇張・曲解・誤解が注入されています。 いったい、どうやったら、この伝言ゲームに勝ち、信用できる科学的発見と、地雷とを見分けることができるのでしょうか？ 『Science Fictions』という本がその参考になります。 この本は、アメリカのamazonで306人に評価され、☆4.6という高評価。 世界最大の書評サイトgoodreadsでは1925人に評価され、☆4.39という高評価。 日本のamazonでは31人に評価され、☆4.0と、中程度の評価(翻訳は良い)です。 この記事では、この本を元に、以下の２つの視点から、この問題と、その解決策を検討します。 〔問題の把握〕 科学的発見の流通システムにおいて、いかにして、発見が誇張され、曲解され、誤解され、流通し、最終的に私たち一般人がそれを信じてしまうのか、その全体像を把握する。 〔解決策
Pluralistic 詩人アンジェロウの「人が本性を見せたら、それを信じなさい」という言葉、政治における「すべての非難は自白である」という自明の理のを組み合わせると、次のようになる。「誰かがあなたを悪徳だと非難するたびに、その人は自分自身の本性を見せているのであり、あなたはそれを信じるべきだ」。 そうした非難について考えてみよう。CARES法による対コロナ緊急経済対策の小切手をめぐる道徳的パニックを覚えているだろうか？ 支配階級の代弁者たちは、ありとあらゆるケーブルテレビに出演し、「こんなことをしたら、誰も働きたがらなくなるだろう」と口々に不満を漏らした。労働者は、すべて――家、子供、冷蔵庫の食料など――を失うことへの恐怖心のみに突き動かされて仕事に就くのだと彼らは考えている。 これは今に始まったことではない。クリントンが福祉を破壊したとき、「施し」が労働者を怠惰にするという理屈で正当化
![資本家をビビらせろ | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e7dd010336bd9603ef87aa2dee7ae2674fd08fc/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2024%2F04%2Fprecaratize-bosses-2.jpg)
辻正浩氏が語る、SEOに携わる者の責務と未来
「日本国内におけるSEOの第一人者は？」 と聞かれ、真っ先に頭に思い浮かぶのはきっと辻正浩さん（@tsuj）ではないでしょうか。ウォッチしている検索キーワードの数はなんと30万超。日本の月間検索数はほぼ100億前後と推測され、そのうち、5億回は辻さんのお客様のサイトがヒットするそうです。 日本の検索の約5％に関与しているSEOの専門家・辻さんに、SEOに携わる人々のこれからについて、お話を伺いました。 日本では2022年末よりAIチャットボット「ChatGPT」に注目が集まり、SEO領域においてもますます “AIの活用” が議論されるようになりました。「ChatGPTはGoogleの脅威になる」といった意見も見受けられますが、辻さんはどのように捉えていらっしゃいますか？ 「ChatGPTがGoogle検索に置き換わるかどうか」でいうと、そうはならないだろうと思っています。Googleより部
書評『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』 - uhyo/blog
皆さんこんにちは。今回は、2022年7月25発売の『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』を読み終わったので、書評という形で感想と紹介を述べたいと思います。筆者はもともと技術書を読まず「ネットでいいやん」派だったのですが、このたびTypeScript入門書を出版したこともあり、それを過去の話として葬り去るべく技術書を読んでいくことにしました。せっかくなので、読んだ技術書の感想等を紹介します。 おことわり: この記事では、「筆者」とはこの書評を書いた人を指し、『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』を書いた人たちのことは「著者ら」と呼びます。また、この記事の内容はすべて筆者の個人的な見解であり、本の内容や本を読んで得られる知識について何らかの保証をするものではありません。 筆者について筆者
複数の病院宛に「Googleのクチコミを消しませんか」との営業やってきた→そのちょっと前に不自然な☆1の投稿が入っていた話
Manabu Mizukami @mamizu1128 Googleビジネスプロフィール/検索セントラル プロダクトエキスパート/コネクトム顧問/株式会社SUXIA 代表取締役。本業はWebマーケ屋。ローカルSEOについてちょっと詳しい人。たまに趣味のことも呟きます。呟きRT等は私個人の見解です。ご相談はDMでお気軽に https://t.co/38z8ubqdcG Manabu Mizukami @mamizu1128 うわーｗ 複数の医院に、クチコミ消しませんかって営業が封書で送られてきたｗｗｗｗ しかも3箇所から… そのちょっと前に不自然な☆1のクチコミがポンポンと入ったと思ったらこれかｗ しかも3箇所別々のプランで松竹梅って感じ
『ビビッドアーミー』などの悪質広告は規制されるべきではないか。ゲームを破壊する悪質広告問題 - ゲームキャスト
近年、スマホ向け、ブラウザ向け広告にゲーム内容と実際が異なる悪質な広告が増えていっている。今回『ビビッドアーミー』がそういった広告を自らネタにし始めた様子を見て、これが一般的になると問題があると感じているため、『ビビッドアーミー』などの用いる悪質広告・それに便乗した炎上商法を規制するべきではないかという話をここで行っていきたい。 悪質広告とは？ 悪質広告とは、実際にゲームにかけらも登場しない要素を前面に押し出してプレイヤーを獲得する広告方法。Twitterなどでは“広告詐欺”と言われるが、正しいゲームの内容を伝えない質の悪い広告ということでここでは“悪質広告”とする。 スマートフォンでは『FF15新たなる王国』あたりから話題になったので、ご存じの方も多いだろうか。広告を見てゲームを始めると、いくらプレイしても広告で見た内容が登場しなかったり、ゲーム要素として登場せずに騙されるという問題だ。
ホームページ制作、SEO、リスティング広告……今やどんなビジネスでも必須のインターネット対策。どこに、どれくらいお金をかければよいのか、お悩みの人も多いだろう。近年、高騰しているホームページの制作費。『ホームページの値段が「130万円」と言われたんですが、これって相場でしょうか？』の著者、竹内謙礼氏によれば、「300万円」でも安い部類に入るという。一体どこまでお金をかければよいのか、竹内氏にアドバイスをいただいた。 30万円で作れたのは昔の話 ホームページが世に出始めたのが1990年代の後半。そのころは「インターネット」という言葉を知っている人も少なく、ホームページそのものがめずらしい時代だった。 私自身も、当時、ネットにくわしい知人から「近い将来、どの会社もホームページを持たなきゃいけない時代が来るよ」と言われて、「そんなバカな」と笑い飛ばしたことを覚えている。それだけ、インターネットが
本記事では「chatgptで手間なく月5桁・5万稼ぐブログを作る6ステップ」を解説していきます。 こんな人に読んで欲しいです 実際に私もchatgptをフル活用して月5桁稼ぐブログを量産しています。 しかも穴場を狙ってるので、ほぼ放置して自動的に収益が入ってきている状態です。 今回はそのノウハウを特別に無料で公開。 まずは本記事の全体像をご紹介します。 ステップ１ 目標を数値化 ステップ２ キーワードを厳選 ステップ３ 記事を量産 ステップ４ 被リンクを獲得 ステップ５ 記事をリライト ステップ６ ステップ２〜５を繰り返す 本記事内では ・記事作成をほぼ自動化してくれる「記事作成gptsくん」 ・3~5000文字の記事を量産する「最強スプシ」 ・個人ブログでも取れる被リンクサイト これら全て記事内で無料で受け取れます。 最後まで是非チェックしてくださいね！ さらに追加の無料特典もあります↓
Chrome拡張機能にはWeb制作に便利なものが多く、私もよく利用しています。特に1〜2クリックでさっとチェックできるものは頻繁に使い制作の中で馴染んだものであるため、これらがないと手間どってしまうくらい依存性の高いものばかり。今回は私がよく利用しているChrome拡張機能を12個紹介します。初見のものがありましたら、ぜひ試してみてください。 Eagle – 効率的に画像を保存する Eagle サイト上にある画像をドラッグ＆ドロップだけで保存できるChrome拡張機能。あとで見返したい画像を効率的に保存できるのは嬉しい。ページ全体のスクリーンショットの撮影も可能。撮影後は専用のアプリに保存されます。この手のものは他にもあったのですがサービス終了してしまい、他を探してようやく見つけたのがEagleでした。重宝しています。 Eagle – 効率的に画像を保存する 専用アプリのダウンロードはこち
はじめまして、ますみです！ 先日のOpenAI社の初めてのカンファレンスである「OpenAI Dev Day 2023」で発表されたGPT Builderがついに利用可能になりました！ 上記の発表会にて、「自分で作ったGPTを公開して、たくさん他の人に利用されると、その利用量に応じて、収益がもらえる」という話は非常に話題を呼びました。 そこで、おそらく多くの方が「自分のGPTを作って、収益化したい！」「どうやって自分のGPTを作るのか知りたい！」と気になっている方が多いと思います！ そこで、この記事では、自分のGPTを作るためのツールである「GPT Builderの使い方（始め方）」を徹底解説します！ もしも自社のGPT開発の外注や相談をしたい方は、記事末尾のGoogleフォームよりお問い合わせいただければ、お力になります！ また、「ChatGPT」や「OpenAI Dev Day」につい
本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」（2021年11月15日公開）の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか？UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ
【翻訳】個人開発のプロダクトを6ヶ月で売却するまでDec 22, 2019 個人開発論翻訳新年に日本のお寺で（右が著者です） この記事はイギリスのIndie Hacker（個人開発者）、Josh（@joshahowarth）のブログ記事を、本人の許可を得て翻訳・掲載しているものです。 オリジナルの記事はこちら↓↓ 個人開発のプロダクトをいかに育てていくか、海外のIndie Hacker事情も垣間見えてとてもおもしろい記事です（長いけど）。Product HuntやRedditなど、海外のローンチプラットフォームもたくさん出てくるので、馴染みがない方は先に以下の記事を読んでいただけるとよりイメージがつきやすいかと思います。 同じくIndie HackerのPieter Levesの記事です。今回のJoshも非常に参考にしているらしく、記事内でも何度か言及されています。 多分に意訳していますが
そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説！ | Web Design Trends
WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP（ウェッピー）の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP（ウェッピー）とは？ WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34％程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過（アルファチャンネル）や、アニメーションにも対応しています。つまり、JPEGのよ
Wireshark Tutorial: Examining Emotet Infection Traffic
This post is also available in: 日本語 (Japanese) Executive Summary This tutorial is designed for security professionals who investigate suspicious network activity and review packet captures (pcaps). Familiarity with Wireshark is necessary to understand this tutorial, which focuses on Wireshark version 3.x. Emotet is an information-stealer first reported in 2014 as banking malware. It has since evol
技術的負債を徹底的に解消した話 - オミカレのシステムフル刷新のためにやったことを全部教える - エンジニアHub｜Webエンジニアのキャリアを考える！
技術的負債を徹底的に解消した話 - オミカレのシステムフル刷新のためにやったことを全部教える 技術的負債、デザイン面での課題など、サービスを構成するシステムを全面にわたってリニューアルしたプロセスを、オミカレの高橋一騎さんが克明に伝えます。 株式会社オミカレでテックリードをしております、高橋一騎（たかはし・いっき／ @ikkitang ）です。私たちが提供する婚活メディアサービス「オミカレ」は、2019年3月にシステムのフルリニューアルに踏み切りました。本稿では、このリニューアルのプロセスをできるだけ詳細にお伝えしたいと思います。 さて、「技術的負債」という言葉を耳にすることがあります。なぜ負債が生まれるのか。「品質を犠牲にしてでも早々にサービスをリリースし、短期的にビジネスの速度を上げる」という判断はその理由の一つに挙げられるでしょう。エンドユーザーへの価値提供スピードを得るための見返り
Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく MPA すら改善する可能性がある。 この API の目的と仕様を解説しつつ、実装のメモを残す。 画面遷移と SPA の軌跡 Web は HTML の取得と描画を繰り返す、画面遷移(Navigation)を前提としたアーキテクチャ(のちに SPA からの逆算で MPA と呼ばれる)が基本であり、ブラウザなどの実装もそれに最適化されている。 一方「アプリケーション」の設計手法をそのまま Web に持ち込んだ SPA は、この Navigation によってもたらされる UX の低下を防ぐ部分がある一方
ChatGPTを神の道具にするChrome拡張機能4選
いろいろと便利に使えると話題のChatGPTですが、基本OpenAIのウェブサイトから使う仕様なのに機能が少なくて使いやすいとは言えなかったりします。 この記事ではそんなChatGPTの弱点を改善するChrome拡張を紹介します。 Glarity-Summary for Google/YouTube (ChatGPT)Glarity-Summary for Google/YouTube (ChatGPT)は、ChatGPTを用いてさまざまなサイト上で要約をしてくれるChrome拡張です。 右側に検索ワードに対する要約を出してくれるGoogle検索ではこのように右側に要約欄が現れ、検索ワードに対する要約を出力してくれます。 YouTubeでも右側に要約欄が出現、その下には書き起こし欄もYouTubeにも対応しており、動画の要約と音声の書き起こしを行なってくれます。 ｢とりあえずChatGPT
概要 Web ブラウザではすっかりお馴染みの Google Chrome ですが、開発者ツール（DevTools）だけでなく、拡張機能にも導入すると非常に便利なものがたくさんあります。 その中でも、Web系の開発をするエンジニアなら、是非入れておきたいオススメの Google Chrome 拡張機能について紹介します。 尚、いずれも無料で利用可能です。 IT エンジニア界隈では、既にどれも有名なものばかりですが、これから Web 系の開発をする方は是非お試しください。 本当はもっとたくさんオススメしたい拡張機能がありますが、ひとまず今回は３つ紹介します。 Wappalyzer（ワッパライザー） 「Wappalyzer（ワッパライザー）」は、現在表示している Web ページで使われている技術（言語、フレームワーク、プラットフォーム、分析ツール、その他のサービス）を一覧表示してくれる拡張機能で
v0とは v0は自然言語で作りたいUIをAIに指示するとそのUIをTailwind (shadcn/ui)ベースで作ってくれるサービスです。 shadcn/uiとは shadcn/uiはRadix UIというUIをもたないヘッドレスUIに対してスタイルを当てたコンポーネント集で、TailwindというCSSライブラリを使ってRadix UIに対してスタイルを当てています。 shadcn/ui本体のライブラリがあるわけではなく、自身のプロジェクトにコンポーネントを直接コピーして使うことが特徴です！ Tailwindが好きな人にはたまらないコンポーネント集ですね！ shadcn/uiに最適に作られていますが、Tailwindユーザーであれば作られたUIをほぼそのまま使うことができます。 下の画像のようなチャット風のUIが特徴なサービスになっていて、このチャットに指示を出すことでUIを作ってくれ
2016年前後の「ブログ飯」フリーランスの文筆家になってから４年くらい経ったのだけど、「会社を辞めたきっかけは？」ときかれたときはよく「イケハヤに騙されまして……」とこたえている。 じっさいはぼく個人の選択にイケダハヤトさんは関係ないしゴリゴリに敵意を含んだジョークなんだけど（ぼくはかれに否定的な立場をとる）、ぼくがフリーランスになった2016年というのは「ブログ飯」が、特にはてなブログ界隈を中心にかなり流行っていた時代だった。いわゆる「プロブロガー」の台頭だ。 当時は、「父さんな、会社辞めてブログ一本で食っていくんだ」と脱サラした中年男性や、就職活動をやめ卒業後に「新卒フリーランスのプロブロガー」という進路を選んだ大学生がはてなブックマークですさまじいバッシングを受けていた。このとき、イケダハヤトさんをはじめとする多数のフォロワーを持つプロブロガーはバッシングに対する批判をした。 古い慣
企業系ゲーム攻略「アルテマ」、ポケモンだけで1900ページの文章盗用を謝罪 被害を受けたサイトは「攻略を続けられなくなる」
大手ゲーム攻略サイト「アルテマ」を運営するエヌリンクスが、個人のファンサイトから文章を許諾なく転載したとして謝罪文を掲載しました。 盗用が行われたコンテンツは「ポケットモンスター ウルトラサン・ウルトラムーン」に関する合計1905ページと、それをベースに作成された「ポケットモンスター ソード・シールド」に関するページです。 「アルテマ」上に掲載された謝罪文 ねとらぼでは、被害を受けたポケモンファンサイトの管理人（以下、管理人）に取材しました。 ※取材協力者の意向により、アルテマ以外の企業名などは匿名で記載しています。 「著作権法上の引用の範囲に当たるとは思えない」 管理人の話によれば、事の発端は「ポケモン ウルトラサン・ウルトラムーン」が発売した2017年までさかのぼります。 アルテマを含む大手4サイトに文章を丸写しされていると気付いた管理人は、該当ページの修正を依頼。これに対し大手4サイ
防衛費をいきなり2倍にした時に起きること
「いきなり防衛費2倍」に防衛省OBとか身内からも疑念が出ているが、ここではめんどくせえので防衛力増強するのがいいかどうかは触れないでおく。 しかし過大な予算を付けられた省庁が何をするかの経験は共有されているのに全然言及されていないのがとても気になる。 過大な予算の問題は消化できないこと予算が余った省庁はどうするかと言うと「予算を消化する」。 一見トートロジーだが、要するに余らせないために必要のないことやモノに金をぶっこむって事だ。或いは設備投資などを前倒しにする。 前者の代表はコロナ補助金で作ったイカの銅像が有名で、後者の代表は年度末の道路工事だ。 そうして予算を消化しておかないとその部署は来年度の予算が減らされる。 「イカの銅像」みたいなことが何で起きるかというと、前例が無いからだ。やる事が例年決まっているなら予算が余った時は追加発注すればいいし前倒しにすればいい。 でも前例が無い、若し
トイレが詰まりネット検索上位の業者に連絡→見積もり→10万円の請求、断ると態度急変でキレ気味に。検索上位の業者が良い業者とは限らない。
残業キライ子ちゃん̤̫ @monamick30 この前、トイレが詰まってネット検索上位の業者に電話。大きな機材を持ってきて車内で見積もり。10万円の請求。断ると態度急変｢素人にはなおせない。もっと大変な事になる」とキレ気味に…夫が追い返したけど、これ全国的に多発してるの。SEO頑張ってる業者が、良い業者とは限らない。ｷｦﾂｹﾃﾈ。 2022-06-16 06:00:53
Python互換の静的型付け言語「Erg」
承前 Ergは私が数年前から開発を始め、つい一昨日公開したばかりのプログラミング言語です。 のはずですが、 早速、qnighyさんに捕捉していただきました。ありがとうございます。 この記事ではそのErgがどのような言語なのかざっくりと解説していきたいと思います。なお、紹介した機能の一部は未実装です。実装途中の機能を含むコードには*を、完全に未実装の機能を含むコードには**をつけておきます。 はじめに Pythonは概ね素晴らしい言語です。 オフサイドルールを世に知らしめた(?)、その可読性の高い文法。Numpy, SciPyを始めとする機械学習、科学技術計算用の膨大なライブラリ。 しかしPythonにもいくつかの弱点が存在します。 まず、動的型付け であること。それ自体は弱点というより良し悪しなのですが、明らかに動的型付けでは手に余るPythonプロジェクトが世に溢れています。 次に、一貫
サーバサイドレンダリングの導入から生じるSSRF | セキュリティブログ | 脆弱性診断（セキュリティ診断）のGMOサイバーセキュリティ byイエラエ
オフェンシブセキュリティ部の山崎です。サーバサイドレンダリング（SSR）の導入によってSSRFが発生する問題を見つける機会があったため、本記事では実例を交えながら紹介したいと思います。 サーバサイドレンダリング（SSR）とは？ 本記事で扱うSSRとは「サーバ上でHTMLを出力すること」を指しています。ただしerbやjspのようなテンプレートからHTMLを出力するのとは異なり、一般的には以下のようにクライアントサイドレンダリング（CSR）の文脈で使われることが主です。 近年のVue.jsやReactを代表するようなWebフロントエンドフレームワークはブラウザ上で動的にDOMツリーを構築して画面を描画（CSR）するのが主流となっています。これによってページ遷移を挟まずユーザ体験のよいシングルページアプリケーション（SPA）が作ることができるというメリットがあります。 ただ、単純なSPAにはデメ
import "./App.css"; import { Link, Route, Switch } from "wouter"; function Nav() { return ( <nav> <Link to="/">Home</Link> <br /> <Link to="/about">About</Link> </nav> ); } function Home() { return ( <div className="App"> <h2>Home</h2> <Nav /> </div> ); } function About() { return ( <div className="App"> <h2>About</h2> <Nav /> </div> ); } function App() { return ( <> <Switch> <Route path="/" compo
はじめに こんにちは、Cloud Operations suite担当者です。2021年4月18日でちょうどGoogleに入社して10年が経ちました。自分は転職で入社したときのことは書いておらず、前職を退職したときの記録しか残っていませんでした。いい機会なので記録として10年間を振り返ってみようかなと思いました。自分用の振り返りで特に推敲もしておらず、読みづらいと思いますが、とりあえずそのまま出します。 Google入社のきっかけ 当時はPython関係のコミュニティ活動やアウトプットをしていて、ちょうどそのときにGoogleのPartner Solution Organization（いまの gTech という組織の前身）のTechnical Account Managerという職種で空きがあるので、受けてみませんかとメールが来たのがきっかけでした。当時はGoogleというとソフトウェア
React ユーザー向けの Next.js ガイド
最近会社で Next.js のチュートリアルを担当することがあったり、これからもあるので資料として記事をしたためておこうと思う。 対象は、React は知っているけどこれから Next を学ぼうとする人が想定。 つまり React 単体と Next の差分をまとめる。 React そのものから学びたい人は別の資料にアクセスした方が良いだろう。 Next の学習教材 とりあえず公式だけ読めば良い。(これでいまブラウザバックされたら面白いな・・・) 主に二つあり、 ドキュメントや API: https://nextjs.org/docs/getting-started チュートリアル: https://nextjs.org/learn/foundations/about-nextjs を読むと良い。 Next は何を解決しているか、何が嬉しいか 元々は SSR のための煩雑な手続きをしなくてい
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webエンジニアとしていま知っておきたいWebアクセシビリティ
Notionを便利にするサービス16選 - Notionがあなたのチームを強くする(13)
HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA
「博士課程に行ってみたい」という社会人の方への長い手紙。｜今井悠資
2020年やったこと、考えたこと、触った技術のまとめ - mizchi's blog
資本家をビビらせろ | p2ptk[.]org
300万円でも安い？高騰し続ける「ホームページ制作費」の舞台裏（竹内 謙礼） @moneygendai
chatgptで手間なく月5桁・5万稼ぐブログを作る6ステップ
Web制作が捗るChrome拡張機能12選 – おすすめの拡張機能を集めてみた | Pulp Note
【超入門】GPT Builderの使い方！【GPTs / ChatGPT】
【2022年】注目すべきUI/UXデザイントレンド - Qiita
【翻訳】個人開発のプロダクトを6ヶ月で売却するまで - NOT SO BADなブログ
Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io
Web系エンジニア最低限入れておくべき Chrome 拡張機能３選 - Qiita
指示したUIをAIがTailwindベースで実装してくれるv0が凄い
〝イケハヤに騙されて〟「父さんな、会社辞めて文筆一本で食っていくんだ」をマジでやった話｜大滝瓶太｜note
雑にReactアプリを作りたい時に使ってるもの
Googleに入社して10年が経ちました - YAMAGUCHI::weblog