WebページをRetina対応させるテクニック～基礎知識編
WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場
Knock
What just happened Here's that again Your Mac Your iPhone Unlocked over Super secure Low power Bluetooth All you do is Get the iPhone app for the introductory price of $3.99. Introducing Knock 2.0 Knock and Apple Watch are a match made in heaven. Knock 2.0 takes full advantage of Apple Watch, making unlocking your Mac faster and more secure than ever before. When you put on your Apple Watch, Touch
画像にビフォーアフターを実装できるjQueryプラグイン - NxWorld
使う機会がありそうなので調べたら、いくつか良さそうなものがあったので備忘録兼ねて紹介します。 商品の使用前後・家などのリフォーム前後・美容室のカット前後といったように、ビフォーアフターを見せたいときに便利なjQueryプラグインです。 全部で3つのプラグインを紹介していますが、どのプラグインも簡単に設置できてほとんどのブラウザで問題なく動作する感じです。 TwentyTwenty 使用方法 「TwentyTwenty」からファイルをダウンロードし、jQueryと併せて必要なファイルを下記のように記述します。 パスなどは自身の環境に合わせて変更してください。 <link href="css/twentytwenty.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.js
新米リーダーの選択肢：成果を上げるチームを作るためのコミュニケーションツール選び4つのポイント | ライフハッカー・ジャパン
特に若いリーダーがチームを率いるときに陥ってしまいがちなのが、成果を焦るあまり自分でタスクを抱えてしまうこと（経験の浅いメンバーが多いチームであればなおのこと、でしょう）。リーダーが自ら率先して事にあたるのは、姿勢としては素晴らしい。しかし、「自分でやったほうが早い病」に陥っているとしたら、改善が必要です。 まず意識すべきは、リーダーは必ずしも「完璧なプレイヤー」である必要はないということ。必要なのはチームで成果を出すための環境づくりであり、そのために不可欠なのが「チームコミュニケーションの活性化」です。 では、伝達ミスや勘違いを避け、より創造的なアイデアを育てる環境をつくるために活用すべきコミュニケーションツールは、何を基準に選ぶべきなのか。60万人以上の利用者を誇る無料グループウェア「サイボウズLive」を手がけるプロダクトマネージャー、丹野瑞紀さんにお聞きしました。 基準その1：全員
箱ティッシュをそのまま使う時代は終わった！
先日『キムワイプの可愛さは異常だと思う』という記事を書いた。最後になぜかキムワイプっぽい箱ティッシュのペーパークラフトを作ったのだが、あれからずっと普通に家で使っている。 それを眺めながら思ったのだ。 「これ、他にも色々作れますよねぇ？」 と。今回は色んな箱ティッシュペーパークラフトを作ります。 あばよ涙、よろしく勇気、こんにちは松本です。 1976年千葉県鴨川市(内浦)生まれ。システムエンジニアなどやってましたが、2010年にライター兼アプリ作家として自由業化。iPhoneアプリはDIY GPS、速攻乗換案内、立体録音部、Here.info、雨かしら？などを開発しました。著書は「チェーン店B級グルメ メニュー別ガチンコ食べ比べ」「30日間マクドナルド生活」の2冊。買ってくだされ。（動画インタビュー） 前の記事：ああ、素晴らしき鬼瓦よ ＞ 個人サイト keiziweb DIY GPS 速攻
ヤフーは、「リーン」にどう取り組んでいるか
「爆速」をスローガンにスピード感のある事業運営を目指すヤフー。同社のソフトウェア開発の現場ではどういう取り組みが進められているのか。これを同社CMO室の河合太郎氏が講演で話した。 ヤフーでは、「爆速」を社内のスローガンとして、「リーン・スタートアップ」 を実践しているという。同社CMO（Chief Mobile Officer）室の河合太郎氏は10月28日に開催された「IBM Innovate 2013」で、これについて講演した。 どんな企業でも、新規事業の企画書には必ずといっていいほど市場や売り上げ予測の数字が入れられる。「それは全部ウソです」と河合氏は話した。誰も将来の予測などできない、これを認めることが出発点だという。そしてリーン・スタートアップとは、あいまいなものを確かなものにする作業であり、これは組織の大小を問わず必要だと話した。 製品やサービスを完成させてから世に問うこれまでの
ハミングバードはリンクビルディングを絶滅の危機に追い込むのか？ - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
ハミングバードに関連する多くの記事が出ている米国と比較し、日本ではリリース時はウェブメディア全般的に数多く取り上げられましたがその後はSEO的なインパクトも薄かったとあってか話題になることがありません。とはいえ、従来のキーワードを多分に意識したSEO戦術を駆使してきたウェブマーケッターであれば、その長期的な影響力は気になる所です。今回はハミングバードとリンク構築に関連した考察記事をサーチエンジンランドから。 — SEO Japan パンダが質の低いコンテンツを踏み潰し、ペンギンが質の低いリンクを凍らせ、今度は、ハミングバードがリンク構築を食い散らかそうとしているのだろうか？ ハミングバードは、単なるアルゴリズムのアップデートではない。どちらかと言うと、整備を一新し、見えないところで、グーグルをより早く、そして、より賢くするための取り組みである。また、ハミングバードの導入によって、今後さらに
[JS]実装も簡単、必須入力の有無やメールアドレスのチェックなどフォームのバリデーションをおこなう軽量スクリプト -Validetta
選択しているのが2つかどうか Validettaは、以下の項目がチェックできます。 データが空かどうか。 電子メールのチェック。 数字のチェック。 クレジットカード番号のチェック。 フィールド内の文字数のチェック。 チェックボックスやセレクトボックスの選択数のチェック。 2つのフィールドが同じかどうか。 正規表現を使ったフィールドのチェック。 Validettaの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="validetta/validetta.css" rel="stylesheet" type="text/css" media="screen" > <script type="text/javascript" src="http://code.jquery.com/jquery-late
フロントエンドチューニングの箇条殴り書き
普段気をつけてるよリスト "モバイルで、WebViewとブラウザのコンパチで、特にセオリー化されていないデザインモジュールのなか、装飾画像もふんだんに使うぞ系サービス開発" の文脈における、パフォーマンス確保のため気をつけてるよリスト。 よく、パフォーマンス「向上」とか「確保」とか申しますが、メンテナンスコストなどと天秤にかけて、「必要十分」のラインを狙うのが重要だと思う次第。 画像リソース 画像リソースを揃えるときのセオリ。圧縮率とか最適化とか細かいチューニングはあれど、大雑把に下記を守る。そしてImage Optim（or 相当の処理）。 JPEGはプログレッシブで画質60くらい（オレ目安） PNGは差し支えない範囲で色数をきちんと削る 50px未満のサムネイルは@2.0xなリソースにしない 案外、Androidあわせの@1.5xや@1.0xでも大丈夫なことすらある GIFアニメを入れ
AngularJSでバックエンドRESTをモックして、フロントを独立で開発する方法 - Debuginfo
開発を進める上でServerサイドと分離してフロントサイドのみに集中して開発すると捗ります。AngularJSではサーバサイドをモックするAPIが用意されています。使ってみました。(Yoeman等はイントール済みを仮定） まず、angular-mocks.jsというライブラリをindex.htmlで読み込みます。同様にmock.jsというこれから作るスクリプトを読み込むようにしておきます。 # In index.html <script src="bower_components/angular-mocks/angular-mocks.js"></script> # mock.jsはこれから作る <script src="scripts/mock.js"></script> 次にメインのapp.jsにngMockE2Eのモジュールを追加します # In app.js angular.mod
東上野に純米酒専門居酒屋「粋酔」－100種超の日本酒用意
東京メトロ銀座線・稲荷町駅徒歩2分、JR上野駅徒歩5分の位置に10月23日、純米酒専門居酒屋「粋酔（すいすい）」（台東区東上野3、TEL 03-6803-0718）がオープンした。 下谷神社の鳥居近くに店を構える同店は、47都道府県全ての純米酒・日本酒100種超をそろえる。元は割烹居酒屋として使われていた店を居抜きで借り受けた。店舗面積は23坪。席数は39席。想定客単価は5,000円程度。 同店オーナーでホールにも立つ市場聡一郎さんは市ヶ谷で純米酒専門店「麹や つづみ亭」（新宿区）を開店し約10年。同店は2店舗目となる。居酒屋経営の前には銀行、外資系IT企業、ベンチャー企業役員など5社を渡り歩いた。「今まで経験してきた商品研究、製造、販売といった商売の一連の流れが一つの場所で行われる業種が飲食店だった。直接お客さんの顔が見えて、反応もダイレクトに返ってくるのも魅力的だった」と振り返る。 同
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
