はじめに 内部SEOとして、 PageSpeed Insights で高得点をとる……なんて話を昔から、チラホラ聞きます。 ページ速度がSEOにどれほどの影響があるのかはわかりませんが、ページ表示速度の改善を行って悪いことはないはずなので、私が運営している個人サイトを PageSpeed Insights で100点とれるように頑張ってみました。 本記事では、レンダリングブロック周りを主に取り扱っ...
Search results for javascript, , js, , qiita
文章をベクトル化して類似文章の検索 - Qiita
http://qiita.com
2620 日付 前
Doc2Vecで類似文章を検索してみたので、実装を紹介します。 Doc2Vecとは コンピュータが自然言語を処理するためには、まず人間の言葉をコンピュータで扱える値にする必要があります。 単語の意味をベクトル化する手法として Word2Vec が存在します。 詳しくはリンク先がとてもわかりやすいのですが、ざっくり言うと前後n単語のリストでその単語を表現します。 こうすることで、例えば「犬」と「猫」...
ウェブサイトのインタラクションやUIの振る舞いなど、 HTML5でモーションを実装する機会は多々あります 。HTML要素の簡易的なアニメーションであればCSS Transitionを使ったことのある方も多いでしょう。しかし、WebGLやCanvas、SVGなどJavaScriptが実装の中心となる制作作業では、CSS Transitionでは対応しきれず、アニメーションライブラリ（トゥイーンライブ...
って 海の向こうの人 が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下は Front-End Developer Handbook 2017 の第三部、 Front-end Developer Tools からリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150...
Webサービスを作るにあたって、SEO対策やSNSシェア、はたまたスマホで起きる予期しない動作回避のために、いろんなWebサイトに埋め込まれたメタタグと意味を調べたときのまとめです。 ※ 「意味」欄など、もろもろざっくりと書いてますので、念のために再確認してから使ってください。 基本／ブラウザ設定（PC/SP共通） タグ 重要度 意味 設定例
趣味でも業務でも日々Webサービスを開発しているzaruです。こんにちは。ついにアドベントカレンダーも最終日です。まだサンタとしての仕事が残っています。さて今回は仕事としてWebサービスを開発するときに気をつけたいポイントを紹介します。まぁ仕事に限った話じゃないですが…参考になれば幸いです。特に新卒プログラマあたりに読んでもらえればと思います
ベーシックアドベントカレンダー22日目です。 8日ぶり3回目の @tkhr です。 画像の遅延読み込みライブラリ比較の話です。 LPの高速化のために遅延読み込みを導入します。 対象になるLPは広告からの流入で表示するページになります。 なのでユーザの熱を冷まさせない工夫が必要ですね。 そのための工夫の一つとして今回は画像の遅延読み込みに対応します。 画像ならキャッシュがあるじゃん。と言えるかもしれ...
サーバーサイドレンダリング不要論 - Qiita
http://qiita.com
2685 日付 前
サーバーサイドレンダリング、Isomorphic、Universal JavaScriptなどの言葉をよく見かけます。なるほどね、良さそうだね、外部公開するサービスを書くことがあったら挑戦してみたいね、Mithrilにも isomorphic-mithril ってのをがんばっている人がいるし、みたいなことを漠然と思っていたのですが、最近ASCII.jpのシステムコールプログラミングの連載を書いてい...
最近SEOが複雑化してきていますよね。AMP対応までSEOのために必須になってしまって、普通のウェブサイトを作るだけでも一苦労です。 この記事ではRailsで構築したウェブサイトをSEOをする上で使うと便利なgemを紹介します。 metaタグの出力には meta-tags https://github.com/kpumuk/meta-tags railsでSEOを行う上で鉄板のgemです。head...
SEOの内部対策をするにはキチンとしたHTMLタグを使うことから！！！ ということでSEOには役立ちそうだけど、普段のHTMLコーディングではあまり意識しないHTMLのタグをまとめてみました。 正直それぞれのタグでどのくらいの効果があるのかはわからないですが、この手のコーディングは最初にやらないと、後から直すっていうことはないので、できれば最初にちゃんとやっておきたいですね。 主に以下のサイトを参...
最近はドメインも安く取得できるようになりましたので、需要はあまり多くはないかも知れませんが、「無料」で気軽に取得できるという点で、コストコンシャスな方々に一定の需要があると信じて投稿します。 症状と効能 オリジナルドメインで手軽にブログを始めたい（タダで） ネームサーバのテスト用のドメインを一時的に取得したい（タダで） フリーランスの名刺にオリジナルドメインのＵＲＬとメアドを刷り込みたい せっかく...
オリンピックが終わり、腑の抜けたようになっている方も多いかと思いますが、お元気でしょうか？ 私は元気です。 takorattaです。 この度、QiitaおよびQiita:Teamの投稿記事からの外部リンク（*.qiita.com宛ではないリンク）が含まれていた場合、そのリンクに以下の属性が付与されるように変更いたしました。 rel=“nofollow” target=“_blank” rel="n...
1. なぜ作ったサービスを見殺しにするのか プログラミングを勉強して、夜な夜なサービス作り、やっとの思いでリリースまで漕ぎ着けたのに、結局思うようにいかなくて、諦めてなかったことにする・・・こんな経験はありませんか？ 私はあります。 ノンプログラマーが8ヶ月でWebサービスを作ってみた ノンプログラマーが8ヶ月でWebサービスを作ってみた part2 今回は死にかけたサービスをお金をかけずに蘇らせ...
サイバー・バズ の @kashira2339 です。 最近巷を賑わせているAMPと、導入にあたって検討されるであろうことがらについて サイバー・バズでの取り組みにあわせて触れていきたいと思います:) 急いでいる人用 AMPを導入すると... モバイルページの表示が早くなる 検索結果にカルーセルUIが表示される Twitter、FacebookなどSNSのシェアボタンが設置できる サイドメニューやア...
Chainerで画像のキャプション生成 - Qiita
http://qiita.com
2945 日付 前
概要 Chainerを使って画像のキャプション生成を実装しました。画像を入力するとその説明文を生成します。ソースコードは以下にあります。 https://github.com/dsanno/chainer-image-caption 以下の論文のアルゴリズムを使いました。 Show and tell: A neural image caption generator すでにChainerでキャプシ...
一昔前まではjavascriptを使ったSEOに弱いというのがあったりしましたが、今ではGooglebotが大分賢くなりjavascriptを実行できるようになってきてます。 とはいえ何も考えなくてもいいかというとそうでもないので、javascriptを使った場合にSEO対策として意識しないといけないことをまとめてみました。 いろいろ書きましたが、 Hisory APIを使ってURLをきちんと書き...
ユーザー的にはウェブページが軽くシンプルに見れて嬉しいのですが、サイト運営してる人からすれば広告無しにページを見られちゃうと困るって人は多いと思います。 https://github.com/sitexw/FuckAdBlock みたいなadblock対策のライブラリまで登場していますが、もっとシンプルなAdBlock対策を思いついたので、書いてみました。 対策方法 広告っぽい名前のClassを見...
2014年にSEOで有名なmozブログにワンメトリクス（たった一つの指標）についての記事があります。 該当記事URL: https://moz.com/blog/one-metric もう2015年末ですが、この記事が公開された時にjavascriptでさっと実装したのでその紹介です。詳細については2015年にウェブ担で翻訳された記事を見る方が分かり易いです。 http://web-tan.for...
はじめに 皆様こんにちは。@n_uchidaと申します。 データサイエンティスト(?)としてWEB広告のアトリビューション分析などを担当してます。 リブセンスでは今までSEO担当/WEBマーケター/WEBディレクターもしてました。 え？なにやってる奴かよくわかんない？ 僕も正直わかんないです。 そんな僕ですが、個人の趣味で Ruby on Rails 勉強してサイト作ってます。 個人サイトのアクセ...
