「Women Developers Summit 2023（デブサミウーマン2023）」で大反響だったセッション「Git中級者への第1歩」が、パワーアップしてCodeZineに帰ってきました。この連載では、コマンドの使い方やGitの効率的な学び方など、知っておくと役立つ情報をお届けし、基礎から更なるステップアップを目指すみなさまを応援していきます。 はじめに こんにちは、都内でソフトウェアエンジニアとして働いている藤澤です。最近はフロントエンドの開発を担当しており、TypeScript、Reactあたりをよく触っています。 今回は「Git中級者への第1歩」と題しまして「普段の業務では困らないくらいにGitを使えているけど、もっと便利にGitを使いたい」という方向けの記事を3回にわたって書いていきます。 本連載は「Women Developers Summit 2023」にて筆者が発表した「
「心臓が痛くなる」とIT業界で話題 トラブル対応に追われるエンジニアの漫画「100日後に退職する47歳」 作者に話を聞いた
※本記事はアフィリエイトプログラムによる収益を得ています IT企業で炎上プロジェクトに関わった47歳のエンジニアが退職するまでを描いたTwitter漫画「100日後に退職する47歳」。IT業界のあるあるを描いて注目を集めた漫画が、先頃完結しました。作者に描き始めたきっかけなど、話を聞きました。 胃が痛くなりそう…… 「100日後に退職する47歳」は、プログラマーの元アプリ開発者47歳（@tome_ura）さんが7月から100日間更新を続けた漫画。主人公の「47歳」が、アプリのリリースに伴うトラブル対応に追われる様を描いています。 初日からトラブル 3カ月遅れでリリースされたアプリは、初日からログインできなくなる障害が発生。「退職した同僚が作った部分にバグ」「再リリース後もエラー発生」「追加メンバーのスキルに不安」「再々リリース後もまたエラー」……炎上するプロジェクトで火消しに追われる47歳
【入門】SEO的 競合分析の4ステップ＆便利ツール | Moz - SEOとインバウンドマーケティングの実践情報
Mozファンのみんなこんにちは。ホワイトボード・フライデーにようこそ。僕はサイラス・シェパード。今回は競合分析というクールなテーマについて話をする。競合分析の入門編だ。 SEOのための競合分析とは簡単に説明すると、SEOのための競合分析とは、競合相手の検索トラフィックを奪うための分析だ。SEOを始めたばかりの人にとっても、ある程度の経験を積んだ人にとっても、トラフィックを増やしてサイトの順位を上げるためにとても大事な戦術だ。 競合分析は、対象をやみくもに調査するものではない。ほかの方法ではわからない次のような項目を高い精度で把握するのが、競合分析だ。 どのようなキーワードを狙うべきかどのようなコンテンツを作成すべきかどのようにそのコンテンツを最適化すべきかどこでリンクを獲得すべきかSEO的競合分析の手順どうやればいいのか。 キーワードツールやリンクツールでやみくもに調査することはしない。そ
【決定版】ランディングページ最適化（LPO）ガイド - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ Web施策において、コンバージョンを獲得することは非常に重要です。 その際、コンバージョンを獲得するためのページを作成し、広告のランディングページとしたり、サイト内のキラーページとすることもあるでしょう。 今回はそんなランディングページの基礎から改善方法までを網羅的にまとめた記事をBacklinkoよりご紹介します。 基本的な要素も多いですが、基礎をしっかり押さえることでより良い施策のアイディアに繋がるはずです。 この記事は、ランディングページについての、最も包括的なガイドである。 もし、以下のような願望をお持ちならば、きっとこの記事の内容を気に入ってくれるはずだ。 多くのコンバージョンを生み出
CNAME Cloaking, the dangerous disguise of third-party trackers
Note: If you are using NextDNS as your DNS resolver, you are already automatically protected from this. You can read more here. How come AdBlock, Adblock Plus, uBlock Origin, Ghostery, Brave and Firefox are letting a third-party tracker from Eulerian, a leading tracking company, execute their script freely on fortuneo.fr, one of the biggest online bank in France? How come the same thing is happeni
本記事は、2022年5月に開催されたTechFeed Conference 2022のセッション書き起こし記事「2022年のモダンCSS（鹿野 壮） — TechFeed Conference 2022講演より」を転載したものです。オリジナルはTechFeedをご覧ください。 では始めていきます。 めちゃくちゃ可愛い猫を飼っています。tonkotsuboy_comというTwitterIDです。マネーフォワードにおります鹿野壮と申します。 こういった本を執筆しました。 「JavaScriptコードレシピ集」/ 技術評論社 「JavaScript最新仕様 -ES2020-」/ 日経ソフトウェア2020年9月号 「最新CSS」/ 日経ソフトウェア2021年9月号 今日は2022年5月現在における全モダンブラウザ対応の最新CSSをいくつかピックアップして紹介します。 固定ヘッダーとアンカーリン
iframeのネイティブLazy-loadがウェブ標準に、<iframe>タグにloading=lazy属性を追加するだけで遅延読み込み可能に
Native lazy-loading for <iframe> was added to the HTML standard today: https://t.co/KgO8lIBdEK Thanks @domfarolino for the heavy lifting with spec & tests 🎉 https://t.co/GLy6qHE7l5 — Simon Pieters (@zcorpan) July 8, 2020 YouTube 動画でネイティブ Lazy-load ネイティブ Lazy-load は、loading=lazy 属性を追加するだけで遅延読み込みを可能にします。 専用の JavaScript は不要です。 ブラウザの標準機能として Lazy-load をサポートします。 もとともは Chrome の独自機能として Google が開発しました。 Ch
パフォーマンスの高みを目指せ！ CDNのエッジサーバーでSSR - CloudflareでViteを動かす手順 ウェブサイトの高速化はあらゆるウェブ制作者の悲願です。1ミリ秒でも早くコンテンツを届けるために、エンジニアたちは血と汗と涙を流します。しかし、ウェブサイトの高速化は、ウェブサイトの構成要素を最適化するだけでは実現できません。 大きな課題として次の2つが挙げられます。 コンテンツの転送量が大きく、表示までに時間がかかる 物理的なクライアント/サーバー間の距離が遠く、転送に時間がかかる これらの課題を解決するため、様々な技術が発展してきました。今回はその中でもSSR（サーバーサイドレンダリング）と、CDN（コンテンツデリバリーネットワーク）に注目します。 本記事ではSSRとCDNの概念について解説し、実際にCloudflareというCDNからコンテンツを配信する方法を紹介します。フレ
こんにちは。サイオステクノロジーの橋本です。 今回は運用上役に立ちそうなコマンドや tips をまとめてみました。 なぜまとめたのかというの、私がよく忘れて都度都度調べたりするのがめんどくさくなったからです…. 1: vmstat や iostat の結果に時刻を付ける ・使いどころ vmstat が特に顕著ですが、便利ですが一体いつの時間の情報かわからないことがよくあります。 これを利用することで時刻も併せて表示させることが可能です。 ・コマンド実行例 $ vmstat 1 | awk '{print strftime("%y/%m/%d %H:%M:%S"), $0}' 23/01/23 13:57:52 procs -----------memory---------- ---swap-- -----io---- -system-- ------cpu----- 23/01/23 1
はじめに 今やあらゆるサイトで使用されているハンバーガーメニュー。 私たちウェブサイト系のエンジニアは数え切れないくらい実装してきている定番パーツです。 しかしながらその実装は容易ではありません。自分の作り方に自信を持てていない方も少なくないのではないでしょうか。 ただ単にそれっぽく動くものを作るのであれば簡単ですが、アクセシビリティやメニュー展開時の他の箇所の挙動など、不具合がないように徹底的に作り込もうとするとなかなか難しいものです。 今回はそんな厄介な存在であるハンバーガーメニューについて、私なりの現在の作り方を紹介したいと思います。。 ハンバーガーメニューの実装で気を付けるべきこと ハンバーガーメニューの作り方を見る前に、ハンバーガーメニューのあるべき姿、実装時に気を付けるべきことを洗い出してみましょう。 私が思い浮かぶものだと以下のようなものがあります。 メニューボタン、アコーデ
Googleアナリティクス代替として開発されたオープンソースの自己ホスト型Web分析ツール・「umami」 - かちびと.net
umamiはGoogleアナリティクス代替として開発されたオープンソースの自己ホスト型Web分析ソリューションです。 GAよりもシンプルで軽量、使いやすさを考慮して開発されたようで、GAよりもユーザーフレンドリーでプライバシー重視且つオープンソースの代替手段を提供したいそうです。 自身以外でもユーザー登録及び他ユーザーが任意のWebサイトを管理する事も可能で、共有も出来るようになっています。 ページビュー、使用デバイス、リファラなど、解析にとって重要な指標のみを取得し、単一ページに表示する事で解析を合理的に行えるように設計されています。 解析できるWebサイトの数は制限なく、追跡用のスクリプトは6kbと非常に軽量なため、Webサイトのパフォーマンスにも影響を与えません。 何よりOSSで自己ホスト型なので第三者、というかGoogleに解析データを握られる心配が無いのが大きいですね。ライセンス
GMOインターネットグループは4月9日、従業員（正社員、派遣社員、アルバイト）を対象に実施した生成AI活用調査の結果を発表した。生成AIの活用により663人月に相当する約10万6000時間／月の業務時間を創出したとしており、同社で活用している上位10ツールを紹介している。 調査では、従業員（派遣パートナーやアルバイトなどのシフト勤務者を含む）の73.2%が生成AIを「業務に活用している」と回答した結果を基に、創出した業務時間などを算出した。シフト勤務者を除くと、78.7％の従業員が生成AIを活用しているという。
Googleフォントはウェブサイト向けに無料でフォントを提供するサービスで、多くのフォントを簡単に利用できるため4600万以上のサイトで利用されています。そのGoogleフォントについて、適切に利用しなければページ読み込みのボトルネックになってしまうとエンジニアのシモン・ウィキ氏が警告しています。 Time to Say Goodbye to Google Fonts https://wicki.io/posts/2020-11-goodbye-google-fonts/ Googleフォントを利用する方法として、ユーザーにGoogleのサーバーからフォントデータを取ってきてもらうCDN方式と、フォントデータを自分のサーバーにアップロードして提供するセルフホスト方式の2つが存在しています。前者のCDNを利用する方法は、ページにコードを埋め込むだけでセットアップでき、非常に簡単なため多くのサ
Sansecは6月25日(現地時間)、「Polyfill supply chain attack hits 100K+ sites」において、オープンソースのJavaScriptライブラリ「Polyfill.io」が改変され、10万以上のWebサイトに展開されたと報じた。 Polyfill supply chain attack hits 100K+ sites Polyfill.ioの買収 Polyfill.ioはAndrew Betts氏が開発した人気のJavaScriptライブラリ。古いWebブラウザをサポートし、JSTOR、Intuit、世界経済フォーラムを含む10万以上のWebサイトに利用されている。 Polyfill.ioは2024年2月、中国を拠点とするコンテンツデリバリーネットワーク(CDN: Content Delivery Network)企業の「Funnull」に買収
あなたも同じミスをするかも？ robots.txtのミスで予想外のページをクロール禁止していた悲劇【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
最強級のSEOと最上級のコンテンツすら台無しにする、robots.txtの予想と違う挙動を、あなたは知っているだろうか？ 知らなければうっかりハマってしまい、「コンテンツがインデックスされない！」となってしまうかも。 「実際の挙動の根拠は？」「どうすればこの落とし穴を避けられるの？」を含めて、詳しく解説する。 ほかにも、モバイル検索でのサイト名表示や、SERPでのCTR向上事例、Google検索にとってのAIの意味などなど、今回はちょっと濃いめのSEOトピックをお届けする。 グーグルのモバイル検索でサイト名が表示されるようになったスニペット改善でCTR向上・検索トラフィック約2倍に⬆UP！2022年10月のスパムアップデートをグーグルが実施10月のグーグルオフィスアワー： サイトマップのlastmod、MFIに移行しない、サイト名が表示されないなど人間が書いたコンテンツをグーグルがスパム判
1,180万の検索結果を分析した結果、自然検索のランキング要因についてわかったこと - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ GW中の5/5、Googleによるコアアップデートが行われました。 今回のアップデートは、かなり広い領域で大きな順位変動を引き起こしたこともあり、アップデートを受けてSEOの情報収集を急いでいる方も多いと思います。 この記事は、Backlinkoが1,180万の調査結果から得られたGoogleのランキング要因に関するデータを発表したものです。 コアアップデート前の記事ではありますが、優れた洞察が得られる内容ですので、ぜひ参考にしていただければと思います。 我々は、Googleの1,180万の検索結果を分析し、以下の疑問に対する回答を得た。 検索エンジンのランキングと相関するのは、どの要素か？ 我
モバイルファーストインデックスの技術ドキュメントをGoogleが刷新、準備編からベストプラクティス編へ
[レベル: 中級] モバイル ファースト インデックス対応を説明する技術ドキュメントを Google は大幅に更新しました。 この記事ではその変更点の概要を紹介します。 なお、記事を公開している時点では更新されているのは英語版ページです。 日本語版ページはまだ更新されていません。 MFI 技術ドキュメントの変更点概要 まず、ドキュメントのタイトルが変わりました。 旧: Prepare for mobile-first indexing 新: Mobile-first indexing best practices 「モバイル ファースト インデックスに向けて準備する」が「モバイル ファースト インデックスのベストプラクティス」になりました。 MFI への移行が完了したサイトが増えたので “Prepare”（準備）という表現がそぐわなくなってきたからかもしれません。 準備編からベストプラクテ
[レベル: 上級] そのコンテンツを作成したのは誰なのか、そしてその人物がどんな存在なのかを Google はどのようにして認識しているのでしょうか？ プロフィールページで自分を明かす コンテンツ著者を Google はどのようにして認識するのかに関して John Mueller（ジョン・ミューラー）氏はオフィスアワーで次のように説明しました。 コンテンツを作った人が誰なのか、その人はどういった存在なのかを私たちのシステムは認識しようとする。いくつかの異なる要因に基づいて認識しており、たとえばプロフィールページへのリンクやそのページにある視覚要素などだ。 ミューラー氏はこのように説明したうえで、著者に関するすべての情報が載っているプロフィールページへ（各記事から）リンクすることを推奨しています。 プロフィールページは、ウェブに存在するその人の情報を集約する場所の役割を果たすようにします。
無料でJavaScriptによるトラッキングを防げるマルウェア対策拡張機能「JShelter」をフリーソフトウェア財団が発表
フリーソフトウェア財団が2021年9月30日に、トラッキングやデータ収集などJavaScriptを悪用したマルウェアによるリスクを軽減するブラウザ拡張機能「JShelter」を発表しました。 JShelter: Home https://jshelter.org/ FSF announces JShelter browser add-on to combat threats from nonfree JavaScript — Free Software Foundation — Working together for free software https://www.fsf.org/news/fsf-announces-jshelter-browser-add-on-to-combat-threats-from-nonfree-javascript JavaScriptを使えば、ブラウ
流入・コンバージョン7倍！「ユーザー行動の最適化」でSEO成果を上げるには？ | 【レポート】Web担当者Forumミーティング 2019 Autumn
SEOでいま重要なのは「ユーザー行動の最適化」前田氏は、ファッション雑誌の編集者として社会人キャリアをスタート。その後、Web業界に入り、オウンドメディア編集長を経て、現在はFaber CompanyでSEOプラットフォーム「MIERUCA」のカスタマーサクセスやマーケティングを担当している。 コンテンツを作成・拡散する編集長、さらにそのメディア編集長を支援するコンサル・ツールベンダーという、どちらの面も経験してきたことが前田氏の大きな武器だという。 ECサイトのオウンドメディア例前田氏は、中古トラックECサイト「トラック王国」のオウンドメディアで編集長を務めていた経験をもつ。今回の講演では、SEOの最新動向を解説しつつ、担当オウンドメディアで流入、CVともに7倍近い結果を出した事例から、その成功のコツを紐解いていった。 中古トラックは安くても200万円、高いものでは2,000万円を超える
大量の通信を送り付けて、Webサーバーなどを機能停止に追い込むDDoS（Distributed Denial of Service、分散型サービス妨害）攻撃。最近は有力企業や政府などだけでなく、中小企業や個人が運営するWebサイトも標的になっている。Webサイトを事業に活用する企業であれば、規模を問わず備えが欠かせない。 ITジャーナリストの新野淳一さんも、個人で運用するWebサイトにDDoS攻撃を受けた1人だ。2024年3月の2週間余り、海外からのDDoS攻撃が断続的に襲来。厄介な攻撃に手を焼きながらも、試行錯誤の末に克服した。新野さんがトラブルから脱出するまでの足取りを順に追っていこう。 Webサイトを閲覧できず、管理画面にも接続できない 新野さんは先端テクノロジー情報を発信するWebサイト「Publickey（パブリックキー）」を個人で運営している。Webサイトのサーバーはさくらイン
[レベル: 初級] 内容が薄いページがたくさんあるなら 少数のページに統合してコンテンツの量を増やして品質を高くするように作り変えたほうがいい 中身に乏しいページが大量にできあがっていることを不安に感じているサイト管理者に対して、Google の John Mueller（ジョン・ミューラー）氏はこのようにアドバイスしました。 分散させずにまとめ、本当に強い少数のページを作る 質問者はゲーム関連のサイトを運営しています。 UGC サイトのようで、ユーザーが投稿した（ゲームに関する）質問に別のユーザーが回答します。 2、3 行で終わってしまうような量が少ない質問・回答が大量にできあがるらしく、内容が薄いページに Google には見えるに違いないとサイト管理者は心配しています。 具体的にサイトを見ていないし、一般論だと断りを入れてミューラー氏は次のように勧めました。 大量のページをサイト内に
Webサイトに設置された問い合わせフォームを悪用した攻撃が増えているとして、さくらインターネットが、サイトオーナーに注意を呼び掛けている。 フォームで問い合わせを送信した後、問い合わせアドレスにメールを自動返信しているサイトがターゲットにされている。悪意のあるユーザーが、フォームに攻撃先のメールアドレスを記入し、問い合わせ内容にフィッシングサイトのURLや偽ブランド品の広告などを記載すると、攻撃先にフィッシングメールや広告メールが届く――という手口だ。 攻撃の対象は、さくらインターネットが提供しているサービスに限らず、このようなフォームを設置しているすべてのサイト。対策として、自動返信機能をオフにするか、Googleの不正投稿対策サービス「reCAPTCHA」を利用するよう推奨している。対策の詳細を解説したページも設置した。 WordPressの脆弱性などに起因する問題ではないため、ツール
Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の現場での活用が期待されます。 簡潔さとアクセシビリティ: htmx は、複雑な JavaScriptコードを書かずに、HTML 内で直接動的な振る舞いを宣言することを可能にします。これにより、Web開発がよりアクセスしやすく、より理解しやすくなることを意味します。 非同期リクエストの簡易化 : htmx は、Ajaxリクエストを簡単に実装するための属性を提供します。これにより、サーバーへの非同期リクエストを簡単に行い、ページの一部を更新できます。 導入の容易さ :
LIPSが2年間で自然検索流入を50倍にしたけど、あたりまえのことしかやっていない説 - AppBrew Tech Blog
令和元年も終わりに近づき、めっきり寒くなってきた今日この頃ですが、みなさまいかがお過ごしでしょうか？ はじめまして。AppBrewでLIPSのWebグロース担当兼エンジニアをしている安間（@youkou0206）です。普段はSEO（すっごい ええ感じに Optimize）したり、施策考えたり、実装したり、お父さんをしてます。 LIPSといえば、ネイティブアプリのイメージが強いかと思いますが、実はWebサービスとしてのLIPSもおかげさまで自然検索流入数が2年間で50倍になり、3000万PVを突破して順調に伸びています。 今回は、普段あまりスポットが当たることがないWeb版LIPSのSEO施策についてお話ししたいと思います。 実際振り返ってみると当たり前のことしかやってないんですが、SEOに関わる仕事をしている方もSEOにあんまり興味ない方もご一読いただけると嬉しいです。 LIPSの現状（数
WEB特集 インターネットの歴史 | NHKニュース
インターネットは、私たちにとって切っても切り離せない存在になっていますが、実は、日本での歴史は、まだ30年あまりだということをご存じでしたか？今回は、その歴史を見ていきましょう！ 問題 次のグラフは、おもなメディアについて1日の利用時間（平日）を年代別にまとめたものです。グラフ中の（1）から（4）は、インターネットを使う、テレビを見る、ラジオを聞く、新聞を読むのいずれかが入ります。このうち（2）にあたるものを下の（ア）～（エ）からそれぞれ選び、記号で答えなさい。 （ア） インターネットを使う （イ） テレビを見る （ウ） ラジオを聞く （エ） 新聞を読む （関西大学北陽中学校 2019年 改題）
知らないと出遅れる｢ChatGPT｣台頭のインパクト
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
こんにちは、あるいはこんばんは。村山です。早速ですが、SEOのニュースです。 ただいま、日本ではサイト内検索結果ページを利用したスパムが急増しております。しっかりと対応することでスパムに利用されない、被害を最小限に抑えることが可能です。サイト内検索結果ページを利用したスパムの手法を理解し、対策していきましょう。 サイト内検索ページについて サイト内検索ページとは サイト内検索結果ページと検索エンジン サイト内検索結果ページは、どのように検索エンジンによって発見されるのか？ サイト内からのURL発見パターン サイト外からのURL発見パターン インデックスの可否 サイト内検索スパムの手法と実例 許すまじスパマーの手法 サイト内検索スパムに汚染された実例と増加傾向 スパムに汚染された実例 考えられるスパムの目的 スパムに汚染されたURLの増加傾向 スパムに汚染されていないか確認する方法 Sear
攻撃のファイルレス化やマルウェアの難読化が進むにつれて、ファイル単体で悪意の有無を判断することは難しくなっています。そのため、現在ではサンドボックスやAIなどを活用したマルウェア検知手法やEDRなどのマルウェア感染後の不審な挙動を検知する技術が一般化しています。それでも、インシデントレスポンスの現場ではウイルス対策ソフトでは検知できないマルウェアが見つかることが多々あります。このような未知のマルウェアが見つかると、同種のマルウェアがネットワーク内部に潜伏していることを網羅的に調査することになりますが、ウイルス対策ソフトでは検知できないため、1台ずつ手動で調査する必要があります。 このような問題を解決するためにJPCERT/CCでは、マルウェア検知をサポートする目的でYAMAというツールを作成し、公開しました。YAMAは、自身で作成したYARAルールを使用してメモリスキャンをすることが可能で
※この記事は、Mediumで公開された「Transition animations: a practical guide」の著者Dongkyu Leeから許諾を得て、日本語翻訳しています。 Webサイトやスマホアプリにおいて、アニメーションと動きの重要さは年々高まっており、今では必須と言われるまでになっています。 ユーザー エクスペリエンスの権威ニールセン・ノーマン・グループは、「アニメーションは注目を集めるだけでなく、ユーザーの楽しみを高め、製品を新鮮でモダンなものに感じさせてくれる」と述べています。 アニメーションが十分に洗練されていれば、ユーザーにはっきりとしたフィードバックを与えることができ、インターフェイスをより直感的にすることができます。 特に遷移アニメーション（Transition Aniatiions）は、ユーザーをある段階から次の段階へとスムーズに誘導するため、重要な役割
いざという時のために覚えておくと便利なHTML＆CSS Tips集の第2弾です。何かで困った時に読み返してみてください。何かでお役にたてると思います。 グラデーションを使ったテキストアニメーション See the Pen Text gradient animation by BUILD (@buildstd) on CodePen. テキストカラーにグラデーションを使ったアニメーションを施す方法。 テキスト要素の背景にanimation プロパティでアニメーションさせたグラデーションを設定し、background-clip: text で背景グラデションをテキストのかたちに切り抜くイメージです。color: rgba(0 0 0 / 0) でテキストカラーを透明にしないと背景グラデーションが表示されないので指定します。 CSSp { color: rgba(0 0 0 / 0); -web
サンディスクのmicroSDカード 512GBが40%OFF。写真や動画のデータ置き場はこれで良くない?【Amazonセール】
「Canva」にノーコードでサイト作成可能な「Canva Webサイト」など6つの新機能搭載 | Web担当者Forum
オンラインデザインプラットフォーム事業を手掛ける豪州Canva(キャンバ)は、グラフィックデザイン編集ツール「Canva」の新たな機能を9月15日発表した。ノーコードでウェブサイトが作成可能な「Canva Webサイト」、文書作成ツール「Canva Docs」など6つ。Canvaはデザインツールから、ビジュアルコミュニケーションプラットフォーム「Canva Visual Worksuite」になった。 Canva Webサイトはこれまでβ版だったが、今回正式版を公開した。600種類以上のテンプレートからブランドや目的に合ったデザインを選ぶことで、プロ並みのウェブサイトが誰でも容易に作成できる。閲覧機器に応じて表示させるレスポンシブ対応。テンプレートのほかドキュメント、PDF、プレゼンテーション資料をCanva Webサイト上にアップロードして編集することも可能。 Canva Webサイトに
SEOの本質はコンテンツとリンク――話を難しくする必要はない（前編） | Moz - SEOとインバウンドマーケティングの実践情報
検索をマーケティングチャネルとして有効活用するには、次の2つが必要だ： 役に立つコンテンツ関連性の高いリンク僕が覚えている限りグーグルは「素晴らしいコンテンツ」の重要性を支持している、多くの経験豊富なSEO担当者は、被リンクと検索順位向上の相関関係を示している（さまざまなテストや実験を通じて）。 実際、グーグルの従業員は、 検索アルゴリズムで最も重要な検索順位決定要因3つのうち2つが、コンテンツとリンクだ と明言している（もう1つはRankBrainだ）。 でも僕たちSEO担当者は、 新たなトレンドや戦術を追求する検索順位の変動に過剰反応するtitle要素の長さにこだわるといったことによって、SEOを必要以上に複雑にしているように思える。 SEOは本来シンプルなもので、その本質はコンテンツとリンクにある ―― この考え方自体はシンプルだが、うまく実行するにははるかに微妙で複雑な問題となる。
WordPressの公式ブログによると、7月リリース予定のWordPress 5.8でIE11のサポートを終了する、とのことです。これにより、IE11を使用しているとダッシュボードで警告が表示されるようになり、最適に機能することが保証されなくなります。 Dropping support for Internet Explorer 11 WordPress5.8がリリースされると、IE11はサポートされなくなる サポートの削除とはどういう意味か WordPressのテーマへの影響 WordPress5.8がリリースされると、IE11はサポートされなくなる 2021年7月にリリースが予定されているWordPress5.8で、Internet Explorer11のサポートを終了するとアナウンスがありました。現在IE11を使用している場合は、Chrome、Firefox、Safari、Edgeな
ブロブ記事の文章の書き方が分からない、そんな悩みはありませんか？ 私も初めの頃は文章を書くのが苦手で、何が伝えたいのか分からない文章になっていましたが、今では読者の滞在時間も長くSEOにも強い文章を作成できます。 これから紹介する「ブログの文章の書き方」を知ることで、今日からあなたも読みやすく、分かりやすい文章が書けるでしょう。 それでは詳しく解説していきます。
コンテンツデザインに欠けがちな要素として、検索意図（Search Intent）というものがあります。 SEOの話題に少しでも触れると、不快に感じる方もいるかもしれません。SEOばかり指摘するのは、自分のアジェンダを押し通し、うぬぼれた指標を追い、ユーザーニーズをまったく考慮しないスパムのようなものです。最悪の場合、SEOが優れたユーザー体験と完全に対立してしまうことさえあります。 しかし、必ずしもそうなるとは限りません。優れたUXは検索エンジンの段階から始まっていることも、また事実です。最近の調査によると、Webサイトトラフィックの半数以上がオーガニック検索から生まれているといいます。つまり、良いかどうかにかかわらず、SEOは体験全体の一部に過ぎません。 ユーザー重視のSEOは、優れたデザイン、コンテンツ、コード選択というそれぞれの要素が、重要な場面で相乗効果をもたらすように適切に組み合
まずは、軽くカレンダーソフトを作ってみる またまた、ChatGPTで「ここまでやるか？」というプラグインが登場した。「こんなサイトが欲しい」と伝えると、たちどころにHTML、CSS、JavaScriptを自動生成して、サイトまで立ち上げてしまうDeployScriptである。 ここのところ「endoGPT」や「パングラムの生成」など、プロンプトプログラミングからちょっと離れてしまっていた。今回は、そのDeployScriptを使ってChatGPTでコード生成するお話に戻ってみたいと思う。 DeployScriptは、「ChatGPT plus」（20ドル／月の有料ユーザー）なら使うことができる。無料枠は、この原稿を書いている2023年8月中旬で1カ月に12件までの編集とリクエスト。15ドル／月で編集とリクエストが無制限となる。使い方は、ChatGPTを起動したら画面上からGPT-4を選んで
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Git中級者への第1歩！ レビュー品質向上の秘訣、コミットに便利なコマンドを紹介
Google検索、スパム・低品質サイトを4割削減へ
2022年のモダンCSS ～TechFeed Conference 2022講演より | gihyo.jp
パフォーマンスの高みを目指せ！ CDNのエッジサーバーでSSR - CloudflareでViteを動かす手順 - ICS MEDIA
日々の作業がちょっと楽になるかも？運用tips | SIOS Tech. Lab
【2024年】ハンバーガーメニューの作り方決定版【コピペ可能】 | techlab / baigie
生成AIで月10万時間を創出 GMOが業務で活用しているAIツールTOP10とは？
ChromeのアップデートでGoogleフォントがページ読み込みのボトルネックになるという指摘
JSライブラリ「Polyfill.io」がマルウェアに改変、10万サイト以上に影響
コンテンツ著者をGoogleはどのようにして認識しているのか？――プロフィールページが重要
個人サイトに1時間8000万件のDDoS攻撃、対策の裏をかかれ窮地に
内容が薄いページはまとめて本当に強い少数のページを作るべき、とGoogle社員がアドバイス
問い合わせフォームへの攻撃急増 詐欺メールの“送信元”に
【注意喚起】急増する他社サイトを利用するサイト内検索スパム内容と対策 - ブログ - 株式会社JADE
移行まで1年をきった「Google アナリティクス 4」 GAとの違いや最新アップデート情報を徹底ガイド | 【レポート】Web担当者Forumミーティング 2022 春
カスタマイズ可能なマルウェア検知ツールYAMA - JPCERT/CC Eyes
【保存版】心地よいWeb遷移アニメーションの基本ルール6個まとめ
いざという時に使える7つのHTML&CSS Tips集vol.2 | BUILD Journal
「メールは即レス」が招く生産性低下。やり取りを減らして、円滑に仕事をするコツ | ライフハッカー・ジャパン
速報！WordPressから重要なお知らせ、次のバージョンでIE11のサポートを終了します
【ブログ文章の書き方】読みやすい文章が誰でも簡単に書ける文章術！
コンテンツデザインとSEO：デザイナーも意識したい検索のUX
遊べるWebサイトを240秒で作る方法――DeployScriptを試そう