2015年02月07日 webディレクターだけど、初心者に役立つサイト教える Tweet 35コメント ｜2015年02月07日 10:45｜サイトまとめ｜Web・テクノロジー｜Editタグ ：web制作 1 ：以下、＼(^o^)／でVIPがお送りします：2015/02/06(金) 17:41:24.70 ID:flJZIImcH.net 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 2 ：以下、＼(^o^)／でVIPがお送りします：2015/02/06(金) 17:42:31.08 ID:flJZIImcH.net まずはドットインストール htt

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

今日は、サイトにツイート一覧を貼り付けている人向けのお知らせです。というのも、Twitterが提供しているツイート一覧をサイトに掲載する仕組みが3月には使えなくなってしまうのです。 Twitterは、標準のサイト貼り付け用ツイート一覧ボックス（「Join the conversation」と表示されるやつ、ウィジェット）の提供を近いうちに終了することを発表しました（代替手段については後述）。 「 "Join the conversation” ウィジェット」提供終了のお知らせ（Twitterブログ） Twitterの新しいAPI（プログラムによるツイートデータ取得の仕組み）への移行によるものです。この「Join the conversation」ウィジェットは古いAPIを使っているため、新APIへの切り替えにともなって使えなくなるのです。 正式な提供終了時期は確定していませんが、完全に終了

+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

まったくプログラムの下地がない人がPHPの入門書を読むと挫折する。筆者はプログラミングの下地がまったくないノンプログラマーである。数年前から、PHPの勉強をや独学ではじめた。PHPの本は何冊買ったかわからない（洋書も含めて40冊以上は買ってきた）。買っては挫折の繰り返しだった。現在、てもとに残ったのは数冊である。 以下は、今後PHPを完全な独学で勉強したい人のためのメモである。 良本でプログラミングの下地をつくる 最初のコツはいきなりPHPの本に手を出さないことである。とくに初心者の方がネックになるのは条件分岐、ループ、配列あたりである。このあたりはPHP以外の本で定評のある本を読んで基礎を固めておきたい。 『新版Perl言語プログラミングレッスン入門編』か『初めてのプログラミング 第2版』のどちらかを読んでおこう。前者はPerl、後者はRubyの本であるがPHPでも基礎は同じで役に立つ。

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。

みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

[読了時間:1分] ウェブサイトが一般に浸透し始めて十数年。軽量化したサイトの方が有利だとは理解していても、どのファイルや処理がどういう順番で読み込まれるかがサイトの “ブランド力” にどれだけ大きな影響を与えるかを考えながら構築している人は少ない。 ｢SlowCop｣に自分が運営するサイトのURLを入力すれば、どんな処理にどれくらいの時間がかかっているといったことが、上の図のようにグラフィカルに把握することができるようになる。今まで気にもしていなかったような外部ファイルの読み込みが、実はサイト全体のパフォーマンスに影響を及ぼし印象を悪くしているか、といったことが一目でわかるのだ。 同様のサービスとしては米Yahoo.comの「Y! Slow」やGoogleの「Page Speed」があった。いずれもFirefoxのプラグインとして動作するものだが、「SlowCop」はウェブブラウザだけで

「Favigen」は、画像からファビコンを作ってくれるサイトです。非常にシンプルで、画像をアップロードするだけでファビコンが完成しますよ。 以下に使ってみた様子を載せておきます。 まず、Favigenにアクセスしましょう。ファビコン化したい画像を指定して、アップロードします。大きさは、16px、32px、64pxの3種類から指定可能です。 しばらくすると、ファビコンが完成します。 「Download your favicon.」をクリックするとダウンロードできます。親切にも右下に、ファビコン設置用のHTMLコードもあります。コピペして利用しましょう。 シンプルで分かりやすいので、迷わずささっとファビコンを作れますよ。ブックマークしておくと便利です。 Favigen （カメきち）

連載インデックス 「HTML5“とか”アプリ開発入門」 JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基本を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします。 Webの3つの問題を解決する「HTML5」とは何なのか HTML5“とか”アプリ開発入門（1）　最近よく目にする「HTML5」という言葉。JavaScirptのAPIやCSS3、SVGなどを含め、全体的な概要と、その意義をお伝えします

「Twitter活用術（Goodies）」には、様々な埋め込みパーツが登場しています。最近では「ツイートボタン」が登場しましたね。他にも、たくさんあるのですが、案外知られていなかったりするので、一通りおさらいしてみましょう。 以下に、現在使うことのできるTwitter公式埋め込みパーツを、紹介します。 1.ツイートボタン 「ツイートボタン」は、最近登場したものです。これを設置すると、ブログ記事のTwitterへの投稿が楽になります。さらに、Twitterで何回言及されたかも把握できます。ブログの読者にとっても、管理人にとっても、便利なブログパーツですので、是非導入しておきましょう。 2. ウィジェット 「ウィジェット」は、ブログにツイートを載せることができます。ウィジェットには、以下の数種類があります。 プロフィール 自分の投稿のみを表示させるウィジェットです。 検索結果 あるキーワードに

Twitterの諸機能をサイトに導入するためのJavaScriptフレームワーク「@Anywhere」がリリースされましたね。 その場でフォローしたりサイト上から直接Tweetしたり、Twitterがナチュラルに様々なサイトに組み込まれるようになるんですかね。 と言うわけで僕も軽く試してみたので、使い方のメモと雑感を書いてみます。 まずはアプリケーション登録 New Twitter Applicationでアプリケーション登録を行う。 Application Name @AnywhereでTweetした時に表示されるアプリケーション名。</dd> Application Website Application NameにリンクされるサイトのURL。 Organization 組織名？とりあえず空白で。 Callback URL コネクションの許可などで一度Twitterにアクセスした場合に

ウェブページを表示するブラウザのウィンドウサイズは、閲覧環境によってさまざまだ。特定のウィンドウサイズを想定してウェブページを作成すると、それ以外の大きさのウィンドウではコンテンツが読みづらくなるなどの問題が発生する。最近ではiPhoneのような携帯端末からのアクセスも考慮する必要性が出てきているが、サイズ別にページを用意するのは制作にも管理にも手間がかかってしまう。 こんなとき、CSS3の「Media Query（メディアクエリ）」の機能を利用すれば、ウィンドウサイズに応じて適用するスタイルシートを切り替えて、ユーザーの環境ごとに最適なデザインでページを表示することができる。 現在、Media Queryの規格はW3Cの勧告候補（Candidate Recommendation）となっており、Firefox 3.5以上、Safari、Google Chrome、Operaが対応している。

みなさんは「Lorem ipsum」（ロレム・イプサム）というものを知っていますか？これはデザインや出版の現場などで使われる、意味のない文字の羅列、いわゆるダミーテキストの一つです。未完の部分が白紙だと、完成時のレイアウトが思い浮かびづらいですよね？それを避けるために、文章の出来上がっていない部分にダミーテキストを流し込むわけです。 「Dummy Image Generator」は画像用の「lorem ipsum」といった働きをしてくれるツールです。 「lorem ipsum」がダミーテキストを差し込むように、「Dummy Image Generator」はダミーの画像、ダミーイメージを作ってくれます。使い方はカンタン。 下記urlのように末尾に幅＋x＋高さを入力するだけです。ここでは幅640、高さ480でやってみます。 例：http://dummyimage.com/640x480 リン