2016.06.13 沼津マリーの「どうして大人になった時にエンジニアになろうと思ったんだろう？」【第4回 GMOペパボのCTO編】 『インドでキャバクラ始めました（笑）』などでお馴染みの沼津マリーさんの連載『どうして大人になったときにエンジニアになろうと思ったんだろう？』第4回が公開！ 今回は…GMOペパボ執行役員CTOの あんちぽちゃん こと、栗原氏の登場です！　地球規模！？で繰り出される強烈な個性VS沼津さん！　ぜひ、ご覧ください

縦長のサイトなどで、1つのセクションが画面の大きさと同じになっていることがよくあります。横幅はwidth: 100%;でいいわけですが、高さを画面サイズに合わすにはちょっと工夫が必要です。今回、画面サイズに合わせて高さを指定する方法を3つ紹介します。 画像は背景で指定していて、最初と最後は固定しています。固定している部分は難しいことをしているように見えますが、CSSだけで簡単にできます。 section { background: url(image.jpg) no-repeat fixed; background-size: cover; } では、高さの指定方法を100%を例に3つ紹介します。 jQueryを使う まずは、jQueryを使う方法です。個人的には１番なじみがあります。 $(document).ready(function () { hsize = $(window).he

Have you ever wanted your changes from Chrome’s DevTools to stick – or wanted to edit Sass files directly in the inspector? If your typical workflow involves making design changes within DevTools only to return to your text editor for application, you know the pitfalls. It’s hard to remember what changes you actually made and if you’re not using LiveReload you’ll need to refresh the browser to see

米国でブログメディア「Gizmodo」「Lifehacker」などを運営するGawker Mediaが米破産法11条の適用を申請し、再建の手続きに入った。両サイトとも運営は続けるとしており、日本版「ギズモード・ジャパン」と「ライフハッカー［日本版］」の運営にも影響はないという。 Gawkerは、記事のプライバシー侵害をめぐる訴訟に敗訴し、1億ドル以上の賠償を命じられたことで破産申請を余儀なくされた。同社はメディア企業のZiff Davisに身売りする見通しだ。 米国の「Gizmodo」「Lifehacker」はそれぞれ、「運営を続ける」とコメントを発表した。 Gawker Mediaからライセンスを受け、両サイトの日本版を運営しているメディアジーンは、「「サイトの運営に影響はないことを確認した」とコメント。Gawker Mediaが事業を売却した後も、メディアジーンが保有するライセンスはそ

サイト制作をする時、Webサイトの横幅は何を基準にされていますか？ デザインをはじめる時にアプリケーションを開いてまず思う事、 「横幅何ピクセルにしようかな？」 地味に困ることありませんか？ ディレクターに、渡される指示書にはサイトの横幅の記載がない デザイナーにサイトの横幅を聞かれたけど決めてなかった！ 今回はそんな時に役立つサイトと、参考にするために実際にいくつかのサイトの幅を調べてまとめました。 デザインの横幅を決める際に参考になる記事 Webサイトの横幅を決める時、何を参考にすればいいかわからない！ そんなときにまず参考にしたいサイトはこちら。 デザインは8の倍数でできている｜1 pixel｜サイバーエージェント公式クリエイターズブログ Webサイトを作成する時には、いろいろな種類のサイズのボックスや余白などを作ると思います。その時に、多くのサイズに対応できるのが8の倍数であり、8

｢1日200円の生活費であなたはどう暮らしますか？｣ビル・ゲイツの回答を聞いて下さい2016.06.13 12:0024,452 塚本 紺 ビル・ゲイツの回答｢ニワトリを育てる｣ 1日200円で生き延びないといけなかったらどうしますか？どんなサバイバル術が思い浮かぶでしょうか。ビル・ゲイツが最近のブログで書いたのはそんな質問に対する彼の回答です。 もしあなたが一日2ドルで生活しないといけなかったとすると、あなたは生活を改善するために何をしますか？ これは極限の貧困状態で生活をしている約10億人の人々にとって深刻な質問です。もちろん、”たった一つの正しい解答”というのはありませんし、貧困というのは場所によって状況が異なります。 しかし私は、私の財団の（慈善）事業を通して貧しい国でニワトリを育てて生活している多くの人々に出会いました。私はニワトリを所有することの裏も表も学ぶことができました（シ

19台のiPhoneが白昼堂々と盗まれる事件が発生しました。事件が起きたのはアメリカ・ニューヨーク市のソーホーに位置するApple Storeで、Apple Storeのスタッフの制服に酷似したTシャツを着た2人組の犯行だったことを警察が発表しています。 Man Dressed as Apple Store Worker Steals 19 iPhones From SoHo Shop: NYPD - TriBeCa - DNAinfo New York https://www.dnainfo.com/new-york/20160608/tribeca/man-dressed-as-apple-store-worker-steals-19-iphones-from-soho-store-nypd 2 thieves dressed as SoHo Apple Store employees

META Robotsタグ活用完全ガイド noindex nofollow noarchive など まとめ robots meta タグの意味と用法まとめ noindex, nofollow, noarchive, nosnippet, noimageindex などの主要なMETAタグの利用方法と注意事項など。 公開日時：2015年01月08日 12:18 検索エンジンのクローラの動作や行動を制御するためのロボット排除プロトコル（REP、Robots Exclusion Protocol）の中でも、META robots タグを用いた方法の紹介です。2015年1月1日時点でサポートされているものを紹介しています。 nositelinkssearchbox などSEO担当者に関連するMETA要素も含んでいます。 以下、基本的な知識と、noindex, nofollow, nositeli

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. サイトマップとは、文字通り「サイトの地図」のようなものであり、サイト全体の構成がどうなっているかを一覧で示したものである。 サイトマップには、検索エンジン用とユーザー用の2種類があり、それぞれの役割も必要性も作り方も異なる。

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved.

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. robots.txtとは、Googleなどの検索エンジンのクローラーに対して、「どのURLにアクセスしていいか」を伝えるものである。 これを使えば、特定のページやフォルダのクロールを拒否できる（クロールさせない）ことができる。クローラーの動きを最適化することで、SEOの観点からも良い影響を得られる可能性がある。

本日、iOSアプリ「はてなブックマーク」バージョン3.20をリリースしました。 今回のアップデートで、エントリーページ自体をブックマークできる「メタブックマーク（略称：メタブ）」機能に対応しました！ 皆様から多くのご希望を頂いておりましたので、関連情報の［このページに関するエントリー］欄に表示する形で対応しました。 もう一つの新機能として、ヘッドラインに「おすすめサイト」を追加しました。MediumやBuzzFeedなどユーザーに人気で目新しい「注目サイト」と、はてな匿名ダイアリーやTogetterなどの「定番サイト」が並び、サイト別にエントリーを一覧できます。 さらに、エントリーの共有メニューから［ブログに書く］を選択することで、URLを貼り付けてはてなブログアプリで記事を書き始められる機能も追加しました。コメント欄では物足りない時には、はてなブログがお勧めです。ぜひApp Storeか

IEはバージョンごとに表示方法（レンダリング）がガッツリ変わると言う、とてもやっかいなブラウザです。 また、各バージョンごとに下位バージョンの表示方法を再現できたり、互換表示なる表示方法があったりと、ありがた迷惑この上ない機能が搭載されています。 このサイトのトップページをIE10で表示すると・・・ アドレスバーに紙が破けたようなアイコンが表示されます。そしてこのアイコンをクリックすると互換表示に切り替わり、再レンダリングがはじまります。 box-shadow、background-sizeなどのCSSが効かなくなってしまいました。 また同じアイコンをクリックすれば互換表示が通常表示に戻ります。もし通常表示に戻さなかったか場合、IEは設定を覚えてしまい、再度同じURLにアクセスすると、また互換表示になってしまいます。IEを終了して再起動しても戻りません。 新バージョンのIEを使用しているユ

Former Autonomy chief executive Mike Lynch issued a statement Thursday following his acquittal of criminal charges, ending a 13-year legal battle with Hewlett-Packard that became one of Silicon Valley’s biggest…

2019/09/13 2014年6月から集計している、ユーザーのブラウザシェアのシェアです。JavaScriptやCSSでのプログラミングにお役立て下さい。データは1日ごとに更新されます。 集計期間このページでは、最近3ヶ月間(9月19日〜12月17日)のデータを表示しています。過去の集計を確認したい方は、下記のリンクからご覧下さい。 2014年6月 | 7月 | 8月 | 9月 | 10月 | 11月 | 12月2015年1月 | 2月 | 3月 | 4月 | 5月 | 6月 | 7月 | 8月 | 9月 | 10月 | 11月 | 12月2016年1月 | 2月 | 3月 | 4月 | 5月 | 6月 | 7月 | 8月 | 9月 | 10月 | 11月 | 12月2017年1月 | 2月 | 3月 | 4月 | 5月 | 6月 | 7月 | 8月 | 9月 | 10月 | 11月 |

昨年は多くのレスポンシブWebデザインのサイトがリリースされましたが、現状でもさまざまな試行錯誤が続けられている状態で、賛否両論もあるのも事実です。そうした議論を見ていると、検討が十分でないものも見受けられます。 そこで、レスポンシブWebデザインのメリット／デメリットについて、可能な限り中立的に整理したいと思います。 レスポンシブWebデザインでしか実現できないメリット メリット1　ユーザーエージェントを判別せずに見た目を調整できる ユーザーエージェントを利用しないことは、レスポンシブWebデザインのメリットとして、よく挙げられます。さまざまな画面サイズのスマートフォンやタブレットが登場し、ユーザーエージェントの判別ではあらゆるデバイスの画面サイズへの対応は困難になっています。 画面サイズのみでレイアウトを切り替えるレスポンシブWebデザインは、そのような問題を解決する手法と言えます。

Amazon好きである。なんでもかんでもAmazonで買う。野菜とかも買う。Amazonが好きすぎて、ジャングルのAmazonに行ったこともある。（↓当時の写真） これまでにAmazonに費やしてきた額を計算してみると100万円を超えていた。驚いたが、後悔はしていない。Amazonで買った数々のモノにより、ぼくの生活はずっと豊かになったからだ。今回はぼくが今までAmazonで購入してきたモノのうち、とくに買ってよかったと思うものをまとめて紹介する。 ※ 2016年11月21日 「買ってよかったもの」2つ追加 1. スマホ対応 VRヘッドセット このVRヘッドセットの魅力はなんと言ってもその価格の安さにある。なんと2,000円程度で購入ができるのである（2016.10月時点）。憧れの、あのVRを自宅で、たった数千円で心ゆくまで満喫できるのだ。 Amazonでこのヘッドセットを見つけ、そのレビ

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

米Yahoo!のフロントエンド エンジニア: Thierry Koblentz氏から、シンプルなスタイルシートで書かれたモダンブラウザ用のclearfix最新版を紹介します。 The very latest clearfix reloaded clearfixとは おさらい: micro clerafix(IE6+) モダンブラウザ用のclearfix最新版 clearfixとは 「clearfix」とはフロートした要素が親要素からはみ出してしまう、親要素の背景が表示されないなどを回避するもので、当サイトでもいくつか紹介してきました。 おさらい: micro clerafix(IE6+) まずは、おさらい。 micro clearfixは、normalize.cssのNicolas Gallagher氏によるもので、2011年にリリースされました。

floatを解除する手法のclearfix と 次世代のレイアウトの話 2013-06-20 / 2013-06-30 2011年にclearfixについて記事を書きましたが、Micro clearfixなどの新しい手法も出てきました。 記事を書いてから2年が経ち、色々思うところも出てきたので、改めてclearfixについて書きます。 floatを解除するには CSSでレイアウトの構築を行う際に、よくfloatプロパティが用いられます。 しかしfloatを使用すると、「親の背景が表示されない」「下の段のレイアウトが崩れる」などのトラブルが起こりやすくなります。 floatプロパティの特性 親の背景が表示されない理由は、floatプロパティを指定しているボックスが浮動化し、通常のボックスのフローから外されることが原因です。 通常フローから外されたボックスは、親のボックスの高さを認識できなくな