Google AMPの初心者向けチュートリアルを紹介【最初の一歩にぴったり！】
GoogleのAMPプロジェクトは、サイトのモバイル最適化と読み込みの高速化を目標に設計されています。サイトを構築する際には何らかの最適化を施すでしょうから、AMPを導入する場合でもしない場合でも、内容を知っておくメリットがあります。今回はGoogle AMPをこれから始めたい方向けのチュートリアルを紹介します。 まずはAMPを知ろう 何の知識もなくAMPの実装を始めると、おそらくトラブルに遭遇するでしょう。まずはAMPとは何か、どんなことを実現してくれるのかを知り、それから導入するかどうか決定してください。 AMP in 60 Seconds AMPの基本が60秒でわかる動画です。AMPを始める前にぜひ見ておきましょう。 コーディングしてみよう AMPのコンセプトを知ったところで、コーディングに挑戦してみましょう。 ・How to Make a Basic AMP Page From S
モテる JavaScript
T51 jQueryで学ぶJavaScriptでのフロント開発～ASP.NET MVC3もあるよっ！～normalian
誰もが知っておくべきjQueryのTips - Qiita
煽りタイトルを付けようと思ったら元からそんなタイトルだった。 ということで以下はjQuery Tips Everyone Should Knowの日本語訳です。 イタリックは元記事にはない訳者(私だ)による補足です。 jQuery Tips Everyone Should Know これは、とても役に立つjQueryのTips集だぞ。 Checking If jQuery Loaded jQueryで何かするには、最初にjQueryがロードされてるか確認する必要があるぞ。 if (typeof jQuery == 'undefined') { console.log('jQueryがない！'); } else { console.log('jQueryがある'); } 残念ながら君はのけものだ。 Use .on() Binding Instead of .click() .on()は複数の
[Web] UI/UXデザインがわかるサイト8つのまとめ
ここ数ヶ月、gleesyという新しいサービスをつくっているのですが、 どうにもデザインが難しい！ デザインが主観的な仮説の積み重ねになってしまっていて、いかがなものかと思ったので、 ユーザビリティの理論を調べてみました。 と、言ってもただの自分のためのまとめメモですが。 あと、gleesyが気になった方はhttp://gleesy.com/より事前登録をお願いします。 【0.目次】 ―基本 ・ユーザビリティ5原則 ・デザインガイドライン ―ガイドライン ・３つのチェック項目と5つの法則 ・インターフェースデザインで気をつけるべき10のこと ・カラーデザインの原則 ―評価方法 ・ユーザビリティテスト ・ヒューリスティック ・チェックリスト ・認知的ウォークスルー ・シナリオウォークスルー 【Ⅰ.基本】 まずは、ユーザビリティの基本となる考え方です。 ユーザビリティを考慮したサイト設計は以下の
![[Web] UI/UXデザインがわかるサイト8つのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/3eb672b73358f759376101aa51cca30d48f0e13e/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F-ULtIWFct5AM%2FTjFRdl166eI%2FAAAAAAAAAoY%2FFM3B0bh872U%2Fw1200-h630-p-k-no-nu%2Fuxresearch_01_03.gif)
説得力を増し、相手に気持ちよく動いてもらうためには論理思考＋心理術が最強 〜本『ほんとうに使える論理思考の技術 』 - ライフハックブログKo's Style
論理思考を使いこなしてバリバリ仕事をする人は、なんだか冷たい印象があります。 コンサル会社の某マッ◯ンゼー出身の人達とか、なんだかそういうイメージです（偏見？）。 勝間和代さんにアンチが多いのは、そういう理由があるかもしれません。 あなたも、学んだ論理思考を使ってロジカルに語っているつもりでも、もしかしたらまわりの人は煙たがっているかもしれません。 そこで本『ほんとうに使える論理思考の技術 』の著者は上記のように、論理・心理の両輪で人を動かすことをすすめています。 ここではそのエッセンスをカンタンに紹介します。 1. 論理思考は主張１つに根拠3つ 論理思考、ロジカルシンキングというと、なにやら難しく考えてしまう人もいそうです。 本書で紹介されている、これだけでOK！という基本中の基本が、ピラミッド・ストラクチャです。 とても簡単なことで、 (1) 主張と根拠を分ける (2) 1つの主張につ
成果につながるLP制作のノウハウ記事14選|初心者～上級者のお悩み別テクニック集 | LISKUL
世の中にランディングページに関する記述は無数に存在します。 しかし、情報量が多すぎて探している記事を発見することが困難だと感じている人も多いのではないでしょうか。 そんなあなたのために、過去リスクルに投稿されたランディングページに関する記事を「これから作りたい」「さらに獲得を伸ばしたい」などのステージ別にまとめてみました。 初めてのランディングページ製作や、既存ランディングページの改善の際には、ぜひとも参考にしてみてください。（参考：ランディングページ制作会社の一覧 ≫） ※ランディングページ改善に重要な要素を大きく4つに分け（ファーストビュー、ライティング、導線、その他のポイント）それぞれの項目で訴求ポイントのチェックが行えるシートを無料で公開しています。こちらもご参照ください。 新しくLPを作る方へ│成果の出るLPの作り方ランディングページは作り方次第で成果が2倍3倍と大きく変わります
クイズアプリInteractで定性調査とリードジェネレーションをハックする|グロースハックジャパン|Growth Hack Japan
本日は、手軽にウェブ上でハイクオリティなクイズフォーマットが作れるサービス「Interact」を使って、楽しく定性調査とリード獲得を実行出来る手法を紹介します。 Interactとは クイズ作成ツールであるInteractの強みは、大きく以下の3つ。 ①超簡単にクイズを作成 Interactを使えば、200以上のテンプレを基にオリジナルのクイズを制作することが可能です。 「グロースハッカー適正チェック」、「UX知識テスト【上級編】」、「起業家タイプ診断テスト」などなど、ソーシャルメディア上でよくシェアされている形式のクイズが簡単に制作出来ます。 ②Emailマーケティングに応用可能 Interactを使って作成したクイズは、Mailchimpを含む有名メールマーケティングサービスを通じて配信することが可能です。 通常のメールマーケティングの一歩先を行く、リッチな体験を提供出来ます。 ③どこ
ゲームの攻略WIKIやってて糞儲かるけど質問ある？ : 【2ch】コピペ情報局
2014年05月12日 13:38 話題 雑談 コメント( 86 ) ゲームの攻略WIKIやってて糞儲かるけど質問ある？ Tweet 1：名無しさん＠おーぷん：2014/05/11(日)08:09:45 ID:HCNEjfFEX まとめとか目じゃないな 2：名無しさん＠おーぷん：2014/05/11(日)08:11:27 ID:kBzlrhwLg ダークソウル？ 3：名無しさん＠おーぷん：2014/05/11(日)08:11:55 ID:HCNEjfFEX 具体的なゲームは言えないがそれ以外なら答えられる 4：名無しさん＠おーぷん：2014/05/11(日)08:12:57 ID:kBzlrhwLg 儲けるって言っても wikiって基本ゲームのアフィリンクしか貼ってないじゃん 発売しちゃったらもうそんなに儲けられないんじゃね？と思うんだが どの広告で儲けてるのよ 5：名無しさん＠おーぷん：
Dockerとは何か？どこで使うべきか？
この記事はDockerに関する実験的な記事や，Buildpackを使ってHeroku AppをDocker Containerとして使えるようにする“building”の開発などで知られるCenturyLink Labsの “What is Docker and When To Use It”の翻訳です． Dockerとは何か？Dockerをどこで使うべきか？についてよく見かける記事とは違った視点から説明されています． 翻訳は許可をとった上で行っています． Dockerとは何でないか Dockerとは何かを説明する前に，Dockerは何でないかについて述べる．Dockerの否定形は何か？Dockerの制限は何か？Dockerが得意でないことは何か？ DockerはLXCのようなLinux Containerではない DockerはLXCだけのラッパーではない（理論的には仮想マシンも管理でき
グロースハックの旅に絶対に必要な５つのもの - VASILY GROWTH HACK BLOG
「グロースハックの重要性は分かったんだけど、何からやればいいか分からない！」 「とりあえずグロースハック始めてみたんだけど、全然うまくいかない！」 最近、こういった声をよく聞きます。 上記２つの悩みへの私の回答はシンプルで、 「グロースハック以前に必要なものを揃えるべき」 では、 ・グロースハック以前に必要なものとは何なのか？ ・それを揃えるにはどうすれば良いのか？ それらの更なる疑問にお答えするために、 筆者が行ったグロースハックセミナーの内容から< 準備編>のみを抜粋して紹介したいと思います。 グロースハックって何って方はこちらの記事をどうぞ。 「グロースハック」とは グロースハックの旅に必要な５つのもの グロースハックには、以下の５つが必要です。 １．PMF ２．マインドセット ３．フレームワーク ４．チーム ５．ツール この５つの土台がしっかりしていない状態で、いくらグロースハック
Dropbox、Salesforce、Hulu他フリーミアムに学ぶマネタイズ6つの教訓|グロースハックジャパン|Growth Hack Japan
3/20の記事「はてブ・FBの実例から見えたシェアがシェアを呼ぶコンテンツの6つの特徴/活用術」はこちら！ 【growth hack japanをTwitterでフォローしよう！】 スタートアップに適したマネタイズモデルとして注目される「フリーミアム」。 かの有名なDropbox、Evernote、Spotifyも、基本サービスを無料で提供し、一部のヘビーユーザーから料金を徴収するフリーミアムモデルで成功した事例です。ゲームアプリの台頭も、フリーミアムモデルが注目される所以でしょう。 本日は、そんな有名フリーミアムサービス(Dropbox、Prezi、Pandora、New York Times、Salesforce、Hulu、Reddit)の過去の経験から見える6つのレッスンをご紹介致します。マネタイズフェーズに入ろうとしているスタートアップも、事業構想中の起業家志望者も注目の内容です。
知らないと働けないPHPの基本文法／構文と注意点
オープンソースのWeb開発向けスクリプト言語「PHP」の文法を一から学ぶための入門連載「Web業界で働くためのPHP入門」。前回の「初心者がPHPプログラミングを始めるための基礎知識とXAMPPのインストール」では、PHPの概要や特徴を紹介し、環境構築や「Hello World!」までの手順などを解説しました。 今回からは環境がセットアップできている前提で進めますので、まだの方は前回を参照して準備をしておきましょう。 PHPタグでPHPのコードを埋め込む PHPでは、テキストファイルにコードを書けば、それをそのまま実行できます。このような言語は、他にPythonやRuby、Perl、JavaScriptなどがあります。ただ、PHPの場合はテキストファイルに一定の形式で書くことが必要です。 それは、コードは「<?php」と「?>」というPHPタグの間に書かなくてはならない、ということです。例
WebデザイナーのためのSass/Compass入門 先生：石本 光司
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/228/room ーーーーーーーーーーーーーーーーーーーーーーーRead less
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webディレクターズマニュアル
WordPress テーマ作成＆PHP超入門