技術

2/4ページ

Google公式の監査アドオン、SEO対策はlighthouseを使おう!SEO編

lighthouse-result

以前、Google公式の監査アドオン、SEO対策はlighthouseを使おう!Performance編の記事でlighthouse、そしてパフォーマンス改善について解説をした。 さらにAccessibility編ではユーザーのアクセスのしやすさについて解説をし、Best Practice編ではサイトの作りについて解説した。 今回は最後の項目である、SEOについて解説と改善方法を記載していく。

Google公式の監査アドオン、SEO対策はlighthouseを使おう!Best Practices編

lighthouse-result

前回、Google公式の監査アドオン、SEO対策はlighthouseを使おう!Performance編の記事でlighthouse、そしてパフォーマンス改善について解説をした。 さらにAccessibility編ではユーザーのアクセスのしやすさについて解説をした。 今回はその次の項目である、Best Practicesについて解説と改善方法を記載していく。

Google公式の監査アドオン、SEO対策はlighthouseを使おう!Performance編

lighthouse-result

SEO対策はとても大変です。 Webの高速化は知識が必要ですし、HTML構造の最適化も知識が必要です。 古いサイトはjQueryをヘッダーで読み込んでいて、外すとサイトのコンテンツの大部分が動かなくなることもあります。 意図せずディープWebを作ってしまっているサイトもあります。 そんなSEO対策ですが、監査だけならGoogleが提供しているアドオン「lighthouse」を使うとかなり楽になるの […]

古代すぬけ国のピラミッド調査が出来ない!プロコンやってみた2日目

programing

プロコンを初めて2回目のコンテストが終了しました。 感想としては、「ピラミッドは俺が破壊したのですべての答えは0 0 0、いいね?」 ABはスムーズに解けたのですが、Cで壁にぶち当たり、Dは問題文を読むことすらできませんでした・・・。 というわけで、今回はABCを自分なりにかみ砕いた内容を書いていきます。

暗号を解いて遊ぼう、CTF(capture the flag)やってみた。ctfとは?初心者入門や勉強方法。

undoukai_boutaoshi

会社の知り合いがCTF(capture the flag)を勧めてくれたのでやってみた。 ゲーム感覚でプログラミングやセキュリティを学ぶことが出来るので、継続して記事にまとめていきたい。 まずCTFとは何か、そして入門サイトや勉強方法、一部の問題の解き方などをまとめる。

競技プログラミング(AtCoder)始めてみた-競プロとは、AtCoderとは、始め方-

programing

最近技術系のネタがなく、技術記事を書けていなかったので競技プログラミング(以下競プロ)を始めてみた、 毎週末の土日祝日に開催されるので、毎週1~2記事のネタが出来る! というわけで、早速競プロとは何か、どんな風に始めればいいか、そして初めてコンテストに参加して分かったことを書いていく。

【白猫プロジェクト】Wings of hearts 2 ナイトメア攻略(前編)【アイシャで金称号・SSS】

myscore

白猫プロジェクトで新たな金称号「悪魔殺し」が実装された。 Wings of hearts 2 のナイトメアで、全クエスト合算で一定以上のスコアを取ることが条件となっている。 今回、アイシャで金称号を取得できたので攻略動画を公開。 細かい解説をここに載せていく。

(cssのみ)縦スクロール画面で、自分がいる位置のヘッダータブにボーダーを引く方法

css3_logo

仕事で、縦スクロール画面のヘッダーで、 自分が今いる位置に下線を引く必要があった。 jQueryの場合、各要素のheightを保存しておいて、 スクロールイベントから長さを計算して各要素のheightに達したらborderを出す必要がある。 cssだけで同じようなことが出来ないかやってみたら出来たのでナレッジを残す。

1 2 4