【登録不要】マジで使える無料のWebサイト分析ツール&サービス8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
上、X、下、B、L、Y、R、A、そめひこです。人事部長をしています。 自社サイトの分析、競合他社、類似サイトの発掘と分析って、KPI設定や改修、WEB戦略を立てる上で、とても大事だと思います。僕はそれが結構趣味で、土日とか空いている時間に人気サイトや競合他社のデータ見ては、自社サイトと比較して「やべぇ…」って楽しんでいます。 今回はそんな僕が使っているサイト分析ツール&サービスを無料に限定して8つほどまとめてみました。これが誰かのお役に立てば幸いです。 類似サイト検索：Google https://www.google.co.jp/ 類似サイトを総合的に判断して教えてくれる！ Google検索窓に、【related:URL】と入力すると、類似サイトをピックアップしてくれます。LIGブログの場合だと【related:liginc.co.jp】となります。 しょっぱなからごめんなさい、Goog
検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog
HTMLファイ部のほんだです。 気づきTips！ Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜 と気づきを得る というフローでスキルアップしていくことがもっぱらだと思うのですが、 学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。 カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜 と気づきを得る ▼ 3. 制作の際に導入していく というフローを繰り返し実践していくことで、 検索では気づけないことを学び、実装力アップ
[CSS]これから増えてきそうなMaterial Designにぴったり！気持ちいいアニメーションで表示させるモーダルコンテンツ
デモのアニメーションGIF 実装 HTML デモページの中央のセクション（背景グリーンの箇所）のHTMLです。 <section class="cd-section"> <!-- テキスト --> <div class="cd-modal-action"> <a href="#0" class="btn" data-type="modal-trigger">Fire Modal Window</a> <span class="cd-modal-bg"></span> </div> <div class="cd-modal"> <div class="cd-modal-content"> <!-- モーダルコンテンツ --> </div> </div> <a href="#0" class="cd-modal-close">Close</a> </section> ボタン、モーダルコンテンツ
![[CSS]これから増えてきそうなMaterial Designにぴったり！気持ちいいアニメーションで表示させるモーダルコンテンツ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c3e2b74f52cf5d4d27ac9771e327796cadcfbf24/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015020206.png)
【初心者】生まれて初めてプログラミングをする文系人間のためのチュートリアル - Qiita
この記事は2014年6月ころに大部分を書いたので、現在のrailsとは異なる部分もあります。 まだ参照してくださる方がいるのですが、かなり古いためあまりお勧めできません ※削除ができないため残してあります。 はじめに この投稿は本格的にプログラミングに打ち込んだことのない人向けに、Ruby on Rails Tutorialを通してプログラミングを学習してもらうというものです。 このサイトは非常によく出来ていますので、（※基礎的なプログラミング力さえあれば）レッスンを単純になぞるだけで、誰でもWebアプリケーションが出来てしまいます。 ですが、このチュートリアルは入門には難しすぎます。 なので、基礎的なプログラミング力も持っておらず、RailsTutorialを自力でこなすことができない人のために、 自力でRailsTutorialを進められるようになるところまでをサポートします。 ※この
ピケティあんちょこ、あげよう。 - 山形浩生の「経済のトリセツ」
21世紀の資本 作者: トマ・ピケティ,山形浩生,守岡桜,森本正史出版社/メーカー: みすず書房発売日: 2014/12/09メディア: 単行本この商品を含むブログ (107件) を見る 某所のために作ったピケティあんちょこ、みんなにもあげよう。そこらの解説本より詳しいよ。いずれこれをベースに本書いてもいいけど、まずはこれで。読書会とかしてる人々はご活用ください。 ピケティ『21世紀の資本』訳者解説 v.1.1 (pdf, 686kb) ピケティ『21世紀の資本』訳者解説 v.1.1 印刷用 (pdf, 624kb) ちょっと加筆してバージョンアップしました。あと、印刷用バージョンも作った。トナーが節約できます。(02.02) 山形浩生の「経済のトリセツ」 by 山形浩生 Hiroo Yamagata is licensed under a Creative Commons 表示 - 継承
【イヤイヤ期】2歳～3歳児の、気持ちに寄り添う20のコツと対処法
２歳から３歳くらいのイヤイヤ期の子供たちは、言葉のボキャブラリーも少なく、スキルが未発達ですので、自分の欲求を行動で伝えようとします。 泣いたり、笑ったり、あるいは、時に手や足で過激な行動に出る時さえあります。 欧米社会では、特に２歳児がそのような行動が大きく出るという認識があり、Terrible Twos（魔の2歳児）という呼び名がついているくらいです。 でもこのイヤイヤ期は育児をしていれば誰でも通る道ですが、心配には及びません。 この年齢の子供とコミュニケーションを取るには、ちょっとしたテクニックを意識すると上手くいくのです。 自分の子供にも知り合いの子供にも簡単に実践できる内容をまとめてますので、参考にして頂けたらと思います。 イヤイヤ期2歳～3歳児の、気持ちを理解するにはコツがある！ イヤイヤ期には、子供の理解ができなくてイライラしてしまいがちですが、具体的な対処法を知ってコミュニ
[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity
デモページ: ナビゲーション Flickityの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 ※jQueryのプラグインとして利用する時は、jquery.jsを加えます。 <head> ... <link rel="stylesheet" href="/path/to/flickity.css" media="screen"> <script src="/path/to/flickity.pkgd.min.js"></script> </head> Step 2: HTML 各スライドをdiv要素などで実装し、ラッパーで内包します。 <div id="main-gallery"> <div class="gallery-cell">...</div> <div class="gallery-cell">...</div> <div cl
![[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity](https://cdn-ak-scissors.b.st-hatena.com/image/square/bf5475b2160c621bb7e866a6e614ec3326ad2769/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015012901.png)
始めて1ヶ月以内のアフィリエイターが使うべきツール9選
ferret編集部：2015年1月28日に公開された記事を再編集しています。 アフィリエイトを行ううえで重要視することが効率化です。 アフィリエイトは、成果が出るまでの労力はもちろん、コツコツ続けるためのモチベーション維持のためにも作業効率短縮は欠かせません。 今回は、本業でやっているアフィリエイターの方はもちろん、副業でやっている方にとってもオススメしたいツールをまとめました。 キーワード調査系ツール キーワード調査は、アフィリエイトにおいて最も重要と言えます。獲得するための戦略を決める際、扱う商材とキーワードを軸に練っていきます。 このキーワードによって、ユーザーがどういったことを求めているかを類推していく必要があります。 1.GoogleAdoworsキーワードプランナー Googleの提供する無料キーワード調査ツールです。アフィリエイターであれば、必須ともいえるツールです。 htt
フリーランスが実務で使ってる厳選WordPressプラグイン21個
みんな大好きWordPress！プラグインは宝の山やで!! 近年ではブログサイトのみならず、企業サイトやウェブサービスの基幹としても使われて久しいWordPress。 その最大の魅力ともいえるのは、膨大かつ便利なプラグインの数々。 ただ、あまりにプラグインの数が多すぎて、似たような機能を持つプラグインの中からどれを選んだら良いのか、迷うケースも多々あって。 キャッシュ系は「W3 Total Cache」か「wp Super Cache」か、バックアップなら「BackWPup」「WP-DBManager」か、などなど。。。 そんなワケで今回のエントリーでは、素晴らしいWordPressのプラグインの中から、実際にフリーランスのワタクシがクライアントワークでも使わせて頂いている「smkn的スタンダード」なモノだけを、総計21個まとめてみました。 実務においてジャンルを問わず利用できる基本的なモ
アフィリエイトサイトを制作する時に見本にしたいサイト11選+αとサイトをチェックする際の注意点 - 冒険の書
先日、「アフィリエイトで月100万円稼ぐための考え方と手法」というエントリーを書いた際、コメントでいくつかの質問をいただきました。 その中で、アフィリエイトサイトの制作方法について質問をいただき、アフィリエイトを始めたばかりの方は、一体どういったサイトを作れば良いのかわからないという方は多いのではと思いました。 なので今回は、アフィリエイトサイトを制作する際に、参考にするべきサイトと、サイトを見る際の注意点について書こうと思います。 勉強するなら稼いでいる人のサイトで勉強する 世の中にはたくさんのサイトがありますが、参考にするなら稼いでいる方のサイトで勉強するべきです。アフィリエイトは綺麗なサイトを作れば稼げる訳ではありません。もちろんキレイなサイトで稼いでいるサイトもたくさんありますが、すごくキレイに作り込んでいるのに稼げていないというサイトもあります。 最近A8サイトコンテストで、たく
SEO：Googleが代理店に教えてるテクニックを覗いてみないか？ - 今日学んだこと
先日、無事Google Analyticsの認定資格に合格しました。 で、この認定試験を受ける際に、Google Partnersっていうのに登録する必要があるんですが、注目すべきは下の赤く囲んだ部分。 イベントについてはガチ代理店向けなんで個人で参加することはできないんですが、トレーニングの一部は個人でも参照可能だったりします！ どんなものが公開されている？ 普通にサイト運営をする上でも十分参考になりそうな例で言うと、例えばこんなの 動画はyoutubeなんですが、限定公開なので基本的にはPartner登録しないと見ることはできません。 スライドがちょっと安っぽいですが、例えば脳科学から見た意思決定のプロセスや 例えば人は写真の人物の目の動きにつられるから、この写真を左右逆にするだけでコンバージョン率上がるよね とか ヒートマップで見るとこんなに違いでるよ とか こういったSEOに役立つ
Swiftを使ってみて直面した闇。現時点で現場でSwiftを採用すべきかどうかの判断材料 - Qiita
by @mixiappwchr swiftがでてしばらく経ち、実際の現場でswiftを使うかどうか検討されているところもおおいでしょう。 まだ出たばかりなので、本当に現場でつかっても大丈夫かどうか悩んでいる人もいるかもしれませんので、実際に現場で直面したはまりどころを共有したいと思います。 ビルドが遅い ビルドに関してはSwiftだと遅くなりました。Androidに比べてビルドが早い点が良かったんですが今後に期待。これをダシに新しいMacを買おうと思います！ リファクタリングができない これは地味にきついです。クラス名をやっぱりこっちにしたい！とかアプリを作り始めとかちょいちょいあるのですが、いちいち手で治すという。。 プロジェクトが長期化したら目に見えて厳しいので早めに対応していただきたいところ。 Swift CompilerのOptimize のbug これは結構こわいです。 実装終わ
2015年これからのWeb制作業界の流れ、伸ばしておきたいスキル、Webデザインのトレンドなどのまとめ
数多くのブログで2015年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目すべきキーワードは、Material Designの本格始動、マイクロデザイン、スクロールコンテンツ、スマフォ・タブレットユーザーの更なる増加、そしてHTML/CSSのフレームワークの陰り。 写真：re:splashed 2015年、現在のWebデザインを確認しながらこれからのトレンドを探る 2015年、Web制作業界全体の流れ 2015年にあなたが目にするWebデザインのトレンド 2015年に大きく変化するウェブデザインの10の傾向 2014年のトレンドで良かったもの、ダメだったもの モバイルデザインに向けたWebデザインの7つの戦略 2015年、IT系で求められているスキル 2015年、現在のWebデザインを確認しながらこれからのトレンドを探る
し、脂肪が落ちる仕組みを、教えちゃうんだな！！
1 以下、＼(^o^)／でVIPがお送りします :2015/01/21(水) 14:17:26.84 ID:+RFlFcfB0.net 以前、筋トレで筋肉が大きくなる仕組みを書いた人だよ！！ 事務作業の合間に書くから中途半端に終わると思うけど よろしくね！！！ 是非、皆のダイエットやボディーメイクの役に立つと いいんだな！ 8 以下、＼(^o^)／でVIPがお送りします :2015/01/21(水) 14:20:00.04 ID:sH17zLqD0.net 腹の脂肪取りたい 9 以下、＼(^o^)／でVIPがお送りします :2015/01/21(水) 14:20:26.57 ID:LEue+KSr0.net 知ってるよ、強アルカリに漬けるんでしょ？ 10 以下、＼(^o^)／でVIPがお送りします :2015/01/21(水) 14:20:48.33 ID:YaphaiP
スティーブ・ジョブズが1991年に語った、最強のマーケティング術 「NeXT」はいかにして革新的製品となったか？
スティーブ・ジョブズがAppleを追い出されたあとに設立したNeXT社。1991年に社内向けに行ったプレゼンにおいて、新しい市場を“プロ市場”と定義し、競合に勝つためにどういったマーケティングを行うべきかについて語っている。 本当の顧客が誰かわからない時代 スティーブ・ジョブズ氏：私の名前を知らない人たちもいると思うので、自己紹介させていただきます。スティーブ・ジョブズです。 これからやるのは、今年一緒にやろうと思っている数ある講義のうちの、1番最初のものになる。テーマはとても重要な内容で、誰が私たちの顧客なのか？ なぜ顧客たちは競合他社ではなく私たちの商品を選ぶのか？ 顧客に届くまでにどの流通経路を私たちは使うのか？ ということについてこれから話させてもらいます。 私たちの商品を顧客がどのように使っているのか。幸運なことに、あなたたちのような同僚と一緒に多くの顧客に会って、私たちの企業の
HTML／CSS、PHP、jQueryの基礎を学ぶなら超オススメ！プログラミング学習サービス「Progate」
まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。 現在学べる言語は HTML & CSS PHP jQuery の3言語の基礎部分。 とりあえずHTML & CSSをやってみましょう。 学習の流れ 学習の流れは3ステップ。 スライドで基礎知識を学習 ブラウザ上のエディタにコードを書いて実際に学習 プレビュー画面で実際に挙動を確認→答え合わせ といった感じです。 スライド スライドは非常に丁寧な作りとなっておりますので、よく読みこめば初心者でもしっかりと理解をしながら学習することが出来ます。 矢印キーでページ送りができるのがCool。 1レッスンにつき数枚のスライドが表示されますので、見終わったらエディタ画面へとGO！ エディタ画面 こちらがブラウザ上で動作するエディタ画面。左側が問題文、真ん中がエディタ、右側がプレビュー画面となります。 もう一度スライ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
完全放置で月9万円稼ぐ、Adsenseサイト構築術 - とある浪速の調査雑記
3年9ヶ月目で月間100万PV以上達成！記事の書き方・改善施策のやり方・SEOの考え方を一挙公開
HTML5 Conference 2015 講演資料まとめ #html5j
実質2000円で国産PCが手に入る!? 長野県飯山市に「ふるさと納税」してみた 
