Google Analyticsを本格的に使いこなしたいけど、何を見れば良いかわからない！忙しいスタートアップだと中々調べている時間もありませんよね。 今回は、この記事を見ておけば、必ずGoogle Analyticsを使いこなせる記事をピックアップしましたので、ご覧下さい！ 「Google Analytics完全解説」著者から聞いた知らないと損しそうな5つのTips！ 意外と知られていないTipsが書かれている有名記事。 Google Analyticsでサイトのことが丸分かりのバブルチャートをフル活用する方法 バブルチャートを使うなら、これを読めば間違い無し。 Google Analytics、77の注意点（追記有） 注意点が網羅されているGoogle Analytcisにおける必読の記事。 加重並べ替えはGoogle Analytics最強の機能強化の1つかも 加重並べ替えに関して書

パララックスエフェクトに代表されるようにスクロールで新しい視覚効果を生み出す試みがされています。単純な上下のスクロールでは得られない大きなインパクトを訪問者に与えることができます。 その新しい手法として紹介したいのがmultiscroll.jsです。スクロールによって起こる新しいエフェクトを楽しんでください。 multiscroll.jsの使い方 何はともあれ動画を見るのが一番分かりやすいかと思います。 いかがでしょう。スクロールすると上下から画像がスクロールしてきて合体します。パララックスとはまた違うインパクトがありますよね。 最初の表示はこんな感じ。 スクロールするとコンテンツが上下から表示されてきます。 視覚効果は慣れてしまうと思ったインパクトを与えづらくなります。パララックスイフェクトも最近では印象が残りづらくなっているかも知れません。そこで新しい視覚効果を考えてみるのは面白いと思

「AWS Elastic Beanstalk」でDockerコンテナの作成、管理が可能に：AWS情報アップデート Amazon Web ServicesのPaaS環境「AWS Elastic Beanstalk」で、Dockerコンテナのデプロイや作成、管理ができるようになった。 米Amazon Web Services（AWS）は2014年4月23日、PaaS環境「AWS Elastic Beanstalk」でDockerコンテナの作成と管理ができるようになったと発表した。 Dockerは、アプリケーション導入を軽量のポータブルコンテナの形で自動化し、さまざまな環境で運用できるようにするツール。アプリケーションはDockerイメージとしてパッケージ化され、そのイメージをパブリックやプライベートのDockerレポジトリに保存できる。Elastic BeanstalkではそのイメージからDo

連載目次 本日、Docker 1.0がリリースされました。開発元であるDocker社は公式ブログで、「エンタープライズでの活用に耐え得るものになった」と述べています。また、これと同時に企業向けサポートやトレーニング、コンサルティングも開始すると発表（参考：公式ブログ）。今後、企業での活用も増えることが予想されます。 1.0のリリースに合わせて、Dockerの名称変更がアナウンスされました。前回の「アプリ開発者もインフラ管理者も知っておきたいDockerの基礎知識」で概要、特徴や動作環境を説明したDockerの本体となるソフトウェアは、今後「Docker Engine」と呼ばれることになります。これにDocker社が提供するWebサービスである「Docker Hub」、APIを介して連携するサードパーティのソフトウェア／サービスによるエコシステムを含めたDockerによるプラットフォーム全体

こんにちは、株式会社LIG 執行役員の寺倉と申します。 自社サイトの分析、競合他社、類似サイトの発掘と分析は、KPI設定や改修、WEB戦略を立てる上で非常に重要です。 今回は登録不要、かつ無料で使えるサイト分析ツールとサービスを8つほどまとめてみました。これが誰かのお役に立てば幸いです。 株式会社LIGとは 2007年設立、東京都台東区発のWeb制作会社。年間150サイトリリース、毎年複数のWebデザインアワードを受賞。Web制作だけでなく、月間200万PVのWebメディア「LIGブログ」で培ったマーケティングのノウハウを生かした企画力、複数の海外拠点を生かしたシステム開発力も強み。 👉Web制作実績 お問い合わせはこちら マジで使える無料のWebサイト分析ツール&サービス8選 類似サイト検索：Google（コマンド検索） https://www.google.co.jp/ 類似サイトを

2019年6月4日 Webデザイン, ダウンロード, フォント 女性Webデザイナーにとっては「かわいいと言えばこんな感じ！」という基本的な概念が自然と身についているものの、男性デザイナーにとってはなかなか難しい女性テイストのデザイン。でも大丈夫！今回紹介する無料素材やフォント・配色例を組み合わせれば、きっと女子力の高いかわいいデザインができあがるはずです！紹介する素材はすべて商用利用OK！参考になるデザインのWebサイトもいくつか紹介します！（あ、ちなみによく誤解されますが、私、Webクリエイターボックスの中の人は女ですw） ↑私が10年以上利用している会計ソフト！ 目次 無料フォント 無料アイコン・イラスト素材 無料の背景パターン素材 「かわいい」を実現する配色例 かわいい系デザインのWebサイト実例 無料フォント 曲線をうまく使うと女性らしいデザインに仕上がります。そこで、使用するフ

「Learn Swift」はSwiftの学習に役立つページをまとめたサイトです。Appleが発表したObjective-Cに代わる新たなプログラミング言語「Swift」に関する情報をまとめたサイトです。Swiftの勉強に役立つ情報が集まっています。 以下に使ってみた様子を載せておきます。まず、Learn Swiftへアクセスしましょう。 このようにSwiftのTipsがカテゴリごとに分かれて紹介されています。Cheat Sheetや動画での解説ページもありますね。ぜひSwiftの勉強をする際にご参考ください。 Learn Swift （カメきち）

今や、みんな持ってるUSBメモリ。特にライフハッカー読者の方は、ほとんどの人が持っていそうです。しかも、1つや2つじゃないのではないでしょうか。何個くらいUSBメモリは持っていますか？持ってるUSBメモリは全部ちゃんと使ってますか？ 大体、常に持ち歩くデータ用のUSBメモリは1つで十分ですよね。でも、デスクの引き出しやオフィスのキャビネットの中には、何のデータが入ってるか分からないものやら、友だちが昔くれた古いものやら、とにかくもらいもののUSBメモリが溜まってたりすると思います。そんな余ったUSBメモリは、携帯用ソフトウェアパッケージにしちゃいましょう。 どういうことかと言うと、いらないUSBメモリに、使える便利なソフトを入れておくのです。ノートパソコンでUSBメモリから色んなアプリを使っているのを見たり、この記事に書いているような内容に興味を示した人には、ソフトウェアパッケージにしたU

Hyper-Vで利用できるOSはWindows OSだけではなく、Linuxも正式サポートされている。Hyper-V上で利用できるLinuxやLinux環境の構築方法、Hyper-Vと連携させるために必要なLinux Integration Services（LIS）の機能などを解説。 連載目次 はじめに 現在のITシステムでは、純粋にWindows OSだけという状態は少なく、クライアントではiPhoneやAndroidなどのスマートフォン、サーバでもLinuxやUNIXなどのシステムも多数導入されている。システム管理者としては、Windows以外のシステムにも精通していることが望ましいだろう。幸いなことに現在ではHyper-Vなどの仮想環境も整備され、たとえクライアントPCであっても、さまざまなOSやソフトウェアなどを無償で簡単に導入して、試用できる状況になっている。本稿ではこれからL

最近、今更ながらAWSを触っています。んで、まず初心者用にと始めたのが、おなじみドットインストール。 Amazon Web Services入門 (全17回) - プログラミングならドットインストール とても面白かったです。ていうか手軽すぎて鼻血が出そう。。。こっからさき、Chefとか色々勉強せねば、という感じですが。 んでまぁ、見事にハマったんですが、違う意味でも嵌ったわけです。 どうやら今年の春からVPCが標準になったらしい。 今年の春に、割と大きな動きがAWSにあったんですね。VPC（Virtual Private Cloud)環境が、EC2・RDSともにデフォルトになりました。 VPCは仮想的なプライベート空間をAWS内に構築する、みたいな理解なのですが、まぁそれはおいておいて。 つまり、僕くらいのんびりして今くらいに会員登録して、それからインスタンスを作り始める、とかをすると、E

平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ ※カテゴリは、「その他のお問い合わせ」を選択して下さい。

Digital Inspiration：ウェブサイトのオーナーとコンタクトするには？　このウェブサイトはどこでホストされている？　同じサーバーで運営されているその他のサイトは？　このサイトはWordPressやDrupalを使っている？　このサイトがマネタイズに使っている広告ネットワークはどれ？　このサイトは中国からアクセスできる？ 今回は、こうした疑問を解決できるオンラインサービスを紹介します。ウェブサイトについてのさまざまな情報を調べられますよ。 just-ping.com Just Pingは、そのウェブサイトが諸外国からアクセス可能かを調べてくれます。ほかのPing送信サービスがせいぜい2～3カ国からしかPingを送ってくれないのに対して、このサービスはトルコ、エジプト、中国などを含む、30カ国以上の国からPingを送信します。ある国からのPingの結果が「100% Packet

今や文系・理系に関係なく、あらゆる日常の「問題解決」のために、人々は読み書きソロバンのように気軽にプログラミング技術を習得して、アプリなどを開発できる時代になりつつある。 今夏、Androidアプリの開発者を育成するプログラミングスクール「Tech Institute アプリ開発者養成講座」が開講する。早稲田大学エクステンションセンター、サムスン電子ジャパン、角川アスキー総合研究所の三者がタッグを組んで運営されるこの講座。現役開発者を講師陣に迎え、半年間で全65回という大ボリュームのカリキュラムでありながら、16～20歳は無料で受講できるのが大きな特徴。21歳以上でも受講料7万円と格安だ。「学びたくても着実に学べる方法がなかなか見つからない」という声の多いジャンルだけに、大いに注目を集めるこの取り組みについて、角川アスキー総合研究所の遠藤諭氏に話を聞いた。将来の日本IT界を担う人材が、この

どうも〜、こんにちはぁ！もっともっとWebデザイナーとして成長したいライター、のび太です。 さて、突然ですが「Webデザイナーにとって必要な能力ってなに？ 」という疑問をもったことありませんか？つい最近フリーランスのWebデザイナーとして飯を食っていくことになった僕ですが、最近ますますその答えが知りたくなりました。 HTML、CSSなどのコードが書ける人？Photoshopでキレイなデザインが作れる人？Webについて詳しい人？いったい「Webデザイナー」ってなんなのでしょうね〜？ 僕はこれまでWebデザイナーに関する海外記事を多く読んできましたが、「へぇ〜、Webデザイナーってこんな能力もなんだなぁ〜。」って意外に感じたことが結構ありました。 今回はその中でも特に重要だと思った5つをピックアップしてご紹介したいと思います。 Webデザイナーがスキルアップするために必要な能力5つ 1. 事前

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 [読了時間: 2分] TechWaveは、2014年5月24日(土曜日)から25日(日曜日)にかけて、一般消費者を対象としたイベント「かぞくアプリ博」を開催します。 会場は、静岡県清水市・清水港のマリンパーク周辺特設会場(静岡県静岡市清水・JR清水駅等から

実際には書ききれないほど魅力が溢れかえっていて、自由に書きだすといつまでも長文を書いてしまいそうなのでひとまず4点とします。こんなに素晴らしいツールがまだまだ現場に浸透していない現実が悲しいので、なんとか伝えられるだけ伝えてみようと思います。 各デバイスごとに用意されたネイティブな実装方法 iOSアプリ、Androidアプリはもちろん、Win、Win8、Mac用デスクトップアプリも完備。ここまでは他のツールでも何とか実現しているものがあるんですが、Todoistの素敵なポイントは「Chromeの拡張機能に対応している」という点。つまり、ブラウザさえ開いていれば「タブを選ばずタスクを確認できる」 ということです。 Googleカレンダーでタスク管理している場合、タスクを確認するためにタブを移動しないといけなかったんですが、どのタブを見ているタイミングでもすぐ確認できるのはかなり重宝します。

a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle: