CSSの歴史は古く、1994年から開発がはじまっており、現在のCSS4モジュールなど継続的に新しい機能が追加されています。 今回はそんな広いCSSの世界から実はあまり使われていない機能9つ紹介します。 1. CSS clac() Clac()自体は広く知られていますが、この場でもう一度紹介するほど重要なのです。例のようにエレメントの幅と位置をピクセルで指定することに使えます。 2. pointerメディアクエリ タブレットやPC、スマートフォンなど様々なデバイスが存在する現代のトレンドに適応するための機能です。none(ポインティングデバイスが存在しない)、coarse(タッチスクリーンやモーションセンサーデバイス等)、fine(マウスやタッチパッド等)の入力値によりデバイスを識別し、ボタンのデザインを変更したりする際に活用します。 3. CurrentColor variable CSS
どうも、JUNICHIです。 乗り遅れた感が否めないですが、今話題の『ネイティブ広告ハンドブック』をめぐる議論を見てのお話です。 今回の記事では、ネイティブ広告ハンドブックをめぐる議論の内容というよりも、ネット上での発言の仕方について注目しました。 これからブログ運営頑張っていこうというあなたに、「ネットはこういう事が起きるんだよ」っていうのを知ってもらえたらと思います。 ネイティブ広告ハンドブック議論の発端 ことの詳細は、以下のブログ記事を先に読んでもらえたら分かると思います。 ⇒ヨッピーのブログ「ネイティブ広告ハンドブックと広告業界の「蹴鞠おじさん」について」 事の発端は、このPDFファイルが公開されたことに始まります。 ⇒「ネイティブ広告ハンドブック」 このハンドブック(PDF)ファイルでは、ネイティブ広告ってどういうものか?そしてこんな風に運用したらいいのか?っていうのが書かれたも
AMPをよくわからないまま使っていましたが、最近デメリットに気づいてAMPを解除したSEO初心者の猫野きなこです。 はてなブログProを契約するとAMPが利用できるようになります。 「ブログが早く表示されるようになるからいいのかな」と思って使っていましたが、広告やデザインが表示されないことに気づいて使用するのを一時期やめていました。 解除したものの、AMPにはさまざまなメリットもあって、「すぐに利用すべき」という人と「まだ早い」という人の賛否両論あるようです。 AMP対応にしたらいいのか、しないほうがいいのか解らなくなってきました(∩˃o˂∩) いろいろ考えましたが「メリットとデメリットをちゃんと知った上で自分なりに判断しよう」と思い、詳しく調べてみることにしました。 初心者目線で解りやすくAMPのメリットとデメリットを紹介させて頂きます。 AMPとは? AMPのメリット 検索のトップに写
蹴鞠系のアレを、けまらない言葉に直したヤツ。後篇です。 参考:完訳「ネイティブ広告ハンドブック2017」(前編) <22ページ> ネイティブ広告って、どんぐらい効果あるんだろう? の導入部 <23ページ> メディア・エンゲージメントについて。 「単に広告が目に触れた、売れた」ってだけじゃなくて、どんなサイトに広告が出たのかも、企業や商品のブランドづくりには重要だよね。新聞社の政治記事で出てくる広告とエロサイトの広告じゃイメージ違うし、という話 <24ページ> ・Impression : 広告の表示回数 ・Viewable Imp : 広告の表示回数のうち、実際に画面に表示された回数 ・Clicks : 広告のクリック数 ・CTR : 広告のクリック率 ・Viewable CTR : 実際に広告が画面に表示された際のクリック率 ・Shares : 広告のソーシャルシェア数 ・VTR : 動画
ヨッピー氏が「わかりづれぇ言葉で偉そうにすんな」と指摘した例のアレについて、5分で読めるよう訳したので、ご興味ある方は参照されたし。 なおハンドブックの内容自体は、まっとうであり勉強になった。 ネイティブ広告ハンドブックと広告業界の「蹴鞠おじさん」について <1ページ 「はじめに」> ネイティブ広告のあり方をまとめました。特に「広告枠」について。 コンテンツの役割や類型についても少し触れてます。 正しい運用で健全なネイティブ広告を! <2ページ 目次> 目次です <3ページ> ネット広告は、いろいろ進化した。そしてネイティブ広告が生まれた。 <4ページ> ネイティブ広告の実態は理解されにくい。 昔から「広告は嫌われ者である」との考え方があった。 <5ページ> 嫌われ者の広告を見てもらうため、広告コンテンツは進化した。 ネット広告は「どうすれば嫌われないか」とタイミングなど考えた。 一方で「
#code_kaizen コード改善 #2 で発表したスライドです。 SpeakerDeck: https://speakerdeck.com/yasuhiroki/kodorebiyunowen-hua-woshou-tan-ridezuo-tuteitutahuaLire moins
お題「エンジニア立ち居振舞い」 流行に乗りたかったんです...!情報の扱いについて。 大学時代に日本史学をやっていて、よく教授に一次史料を確認しなさいと言われました。ソフトウェアエンジニアになっても同じことを言われます。 いくつかのパターンを見ていきます! ドンピシャの記事を探す よくやりがちなのは何かわからないことがあったとき、ググってヒットした記事を見て満足するケース。これはわかった気になってるけど見になってないので、応用が効かないしそもそも間違っていることがあるのでいまいちです。とくにIT系の技術はアウトプットが盛んなので、これで済むケースも多いですが、いざgoogle先生が解決できない問題に出くわすと非常に脆い状態になります。 ググっていくつかの記事を比較する 次に複数の記事を見るケース。これは良し悪しだと思っていて、時間がないケースとかなら仕方ないかもしれない。ただ、それでもその
2016年4月、世界最大級のコンサルティング企業・アクセンチュアが発表したのは、育児や介護、ボランティア活動を対象にした「短日短時間勤務制度」。従来の短時間制度とはどのように違うのか、また、アクセンチュアはどのような組織を目指しているのかについて、「社員の声」という視点から見ていきます。 育児・介護・ボランティア活動を目的とした短日・短時間勤務が可能に 2016年4月、アクセンチュアは従来よりも柔軟な短時間勤務制度を導入したことを発表しました。その名も「短日・短時間勤務制度」。現行の短時間勤務制度では、1日5〜7時間の勤務を認めていましたが、新しい制度では週20時間および週3日以上という範囲内で勤務時間を選択できます。つまり、1日7時間・週3日、1日5時間・週4日というように、それぞれの希望に合った多様な働き方が可能になったということ。育児や介護のほか、ボランティア活動でも取得することが可
iPhoneプログラミング勉強会京都に行ってなぜかAWS(Amazon Web Service)についての発表を聞いてきました。 続いて、AWS ALBでバグを踏んだ話 株式会社シーズ の原口さんhttps://t.co/PYNP5CCoEz#iphonekyoto— にわタコ (@niwatako) 2016年10月19日 twitter.com 発表内容はApplication Load Balancer に恐ろしいバグが有ったというお話と、Amazonに連絡してリリースまでに修正してもらうという緊張と感動のドラマでした。 あなたの設定が悪いんでしょう、といわれて、めげずに説得を繰り返す。わずか3日で改善パッチ作成、本リリース前にパッチを当ててくれるとのことで無事リリースを迎えた。 #iphonekyoto— にわタコ (@niwatako) 2016年10月19日 twitter.c
ここ最近、Google翻訳がリニューアルされ、性能が向上したという話が流れてきたので、さっそく試してみた。 ぼくが真っ先に試したのは、「母は、父が誕生日を忘れたので、怒っている。」だ。 なぜこの文が気にかかっていたかは後述する。 結果は次の通り。 "My mother is angry because my father forgot her birthday." すばらしい。 では、「母は、父が鞄を忘れたので、怒っている。」はどうだろうか。 "My mother is angry because my father forgot his bag." 完璧だ! 「誕生日を忘れた」の場合は「母の誕生日」と解釈し、「鞄を忘れた」の場合は「父の鞄」と解釈する。 これこそ、利用者が翻訳に求めるものじゃないだろうか。 しかし、ここまでだった。 次にぼくは、「父」と「母」を入れ替え、「父は、母が誕生日
ツイッターで話題に 滝沢市と業者に聞きました 岩手県滝沢市の路線バス内で実施されたアンケートが話題になっています。注目を集めているのは、その独特な調査用紙です。ペンで記入するのではなく、選択肢から選んでビンゴシートのように穴を開ける方式です。揺れる車内でも安全に答えやすいように工夫されたやり方について、実施した市役所と提案した業者に話を聞きました。 ツイッターで話題に 今月2日と6日、滝沢市内の路線バス内で実施された利用実態調査。市の委託を受けた業者が調査員として乗り込み、乗車してきた人に調査用紙を手渡しし、降りる時に回収しました。 ネット上で注目を集めたのは、その調査用紙です。質問は「運賃の支払方法」「バスの利用目的」など7項目で、それぞれ複数の選択肢の中から選ぶようになっています。通常はペンで印をつけたり、塗りつぶしたりしますが、今回は選んだ選択肢の横の部分をビンゴシートのように手で押
object-fit・currentColor・will-change・image-renderingなどマイナーだけど便利過ぎるCSSプロパティの使い方 作成:2016/11/14 更新:2016/11/15 Web制作 > object-fit・currentColor・will-change・image-renderingなど、結構マイナーだけど、実用的なCSSプロパティをピックアップしました。 エンジニア速報は Twitter の@commteで配信しています。 object-fitプロパティはボックスに合わせて、アスペクト比を維持したまま画像サイズを調整できます。 例えば600×300の画像をCSSで400×400で指定したとすると正方形に引き伸ばされます。この時アスペクト比は崩れてしまいます。 しかし、imgにobject-fit: contain;を追加すると、imgに指定し
皆様、こんにちは。 先日、GoogleMap関連でこんな記事がありました。 internet.watch.impress.co.jp Google Maps APIのポリシー変更があったというものです。 主旨を引用させていただくと、こんな記載があります。 Google Maps API無償版のポリシー変更が6月22日に発表され、猶予期間が10月12日で終了した。 このポリシー変更は、Google Maps APIを利用しているユーザーにとって大きな影響があり、「突然、ウェブサイトの地図が表示されなくなる」という可能性もあるものだという。 「APIキーを取得していなければ(場合によっては取得していても)突然地図が表示されなくなる可能性がある」ということで、結構ビビりますよね。自分に影響があるのかないのかわからない人もいるかもしれませんので、このポリシー変更が誰に影響あるのか、それから改めてG
背景 データはコミュニケーションツールである。 webサービスではGoogle Analyticsや、Big Query、その他数多くのデータ集計ツール上に集積しているログを都度取り出し、分析を行うことは一般的。 特にプロダクトマネージャーはこれらのデータを加工し、コミュニケーション・ツールとして『良い塩梅に』使用することが求められる。 しかしながらデータをチームに共有したり、毎日目に触れるようにするカロリーはいまだに高い。 Google AnalyticsやBig Queryからログを収集し・加工し、chartを作成、その上でchartをチームのコミュニケーションの場である「Slack」へポストする、ということを日常的に行っているわけだが、 毎日定点観測したい 都度SQLクエリを叩くのが手間 データを取得しに行く場所が複数 などの要因から非常にカロリーが高い。 そこで、集計・分析・チャー
ニコン最高画質を謳うD810、3600万画素の高画素機代表。 購入から一年が立ち登山で3万枚くらい撮影したようです。 で、結構使った感じになってきたので改めて使用感や等のレビューしていきたいと思います。 後継機が期待されているD810ですが、今現在は値段も大分落ち着いてきている感じがあります、 キャッシュバックもやっているので今なら割とお得に購入ができるニコンの高画素機。 カメラとしての完成度が非常に高く、今年発売のCanon 5DⅣやPENTAX K-1と比べても まったく引けを取らない素晴らしいカメラです、登山においても素晴らしい性能を発揮します。 そんなD810ですが、アウトドア用途でレビューされてる方はあまりいないようなので 今回使った感想を書いてみることにしました。 おさらい:D810の基本的なスペック 有効画素数 :3,635万画素 センサーサイズ :フルサイズ ISO感
お題「エンジニア立ち居振舞い」 自分は重箱の隅をつつかないというのを意識してる。 重箱の隅をつつく問題はコードレビューの現場でよく聞く。レビューの場で所詮「書き方レベル」の指摘が横行してしまうというやつ。 誰しも綺麗なコードを追求したい気持ちはあると思うし、自分もそうなんだけど、あまり良くないなと思ってやらない事にしてる。理由は3つ。 時間の無駄 指摘される側の精神衛生上よくない そもそも意味ない 細かい指摘でも修正してマージするまでには結構時間がかかる。コードを直し、手元でビルド・動作確認し、pushしてCIを回し、「修正しました」と報告し、LGTMが付いてやっとマージできる。このプロセスが日に何度も発生すると確実に時間を食ってしまうし、Nitsな内容を何度も何度も受けると精神的にも疲弊してしまう。それで生産性が下がってしまえばもっと大きな問題になる。 こうした指摘をしたくなる時、「コー
そんな『TypeSquare』を効果的に取り入れた代表作が、化粧品メーカー資生堂のオウンドメディア『花椿』。 >> http://hanatsubaki.shiseidogroup.jp/ かつて紙媒体として資生堂の各店舗で配布されていたものがWeb化したのですが、そのビジュアルは目を見張るほど美しく、それでいてWebの特性を最大限に活かした構造になっているなど、ウェブデザイナーの観点で見てもひとつの指標となるほどの完成度を誇ります。 今回、その『花椿』のデザイン統括責任者を務められた資生堂のエグゼクティブ・クリエイティブディレクター 澁谷克彦さんと、サイトデザインを務めたワンパクのデザイナー 稲葉政文さんに、『TypeSquare』の意義や秘められた可能性についてお話を伺ってきました。 澁谷克彦さん 株式会社資生堂 宣伝デザイン部 エグゼクティブディレクター。1981年に同社宣伝部入社、
耳たぶ吸ってたも〜れ @shishmaref 病名がつくかつかないかは置いといて、自分が「短期記憶が弱い」のではないか「衝動性が強い」のではないか、というのは以前から感じていて、その位置に立って、その関係の本を読んで解決策を練ったら、かなり毎日生活しやすくなった。変な自己啓発本よりよっぽど効果が高かった。 2016-11-09 12:21:25 耳たぶ吸ってたも〜れ @shishmaref 「毎回同じ失敗パターンがあるはず。失敗の分岐点まで戻って対策を練ること」で納得。一番目からウロコが落ちたのが「所要時間を最短で計算しない」。「実際のあなたはもっと準備に時間がかかっているはず。出かける前に10分くらいかけて携帯探してませんか」って言われて、アッー! 2016-11-09 12:27:33 耳たぶ吸ってたも〜れ @shishmaref 今まで読んだ本は「携帯の置き場所を決めましょう」だった
iPhoneアプリを個人で作り始めてから5年ほどになるけど、アプリ開発や運用でかかせないサービスをまとめてみた。 それぞれに競合サービスがあったりするけど、いくつか使ってみて、最終的に本当に使うようになったものだけ書いてみる。プログラミングする時に使うツールというより、アプリを作った後の運用とか、分析とか、そっち系のサービスがメインのランキング。 iOSアプリにしか使ってないけど、Androidで使えるものも多い。 10位 Iconfinder(無料+有料) https://www.iconfinder.com/ アプリはWebサービスに比べて画面が小さいのでビジュアルデザインが楽。実質、フリーのアイコンとか有料のアイコンを利用するだけで事足りることが多い。僕はまず有料のアイコン集を買って、それでカバーできない時はこのサイトから検索してます。 例えば、フラットデザインのリロードアイコンを検
アプリが何らかの処理中にローディング画面を出すのは一般的だと思います。 SVProgressHUD これらに対抗して、画面全体がぐるぐる回るライブラリをネタで作ってみました。 github.com インストール CocoaPods でインストールできます。 pod "RollingProgressHUD" 使い方 RollingProgressHUD をインポートします。 import RollingProgressHUD ローディング開始時に RollingProgressHUD.show() を呼び、ローディング完了時に RollingProgressHUD.dismiss() を呼ぶだけです。 デモ ローディング中に画面ごと回転します。 目が回りそうですね(^q^)
今は誰でも書いて発信できる時代になった。誠に喜ばしい。これこそ真の意味で、大衆文化の時代だと思う。 だが、残念ながら「大衆文化」はこれまであまり肯定的な文脈で捉えられることはなかった。大量消費文化と同一視されることが一般的だったからだ。 例えば、ヘブライ大学のユヴァル・ノア・ハラリは現在の支配的な考え方である消費主義について皮肉を言う。 今日では殆どの人が資本主義・消費主義の理想を首尾よく体現している。この新しい価値体型も楽園を約束するが、その条件は富める者が強欲であり続け、更にお金を儲けるために時間を使い、一般大衆が自らの渇望と感情にしたい放題にさせ、ますます多くを買うことだ。 これは信奉者が求められたことを実際にやっている、史上最初の宗教だ。 だが引き換えに本当に楽園が手に入ると、どうしてわかるのか?それはテレビで見たからだ。*1 発信手段を独占していたマスメディアは企業と結びついて消
もう英語を勉強する必要がなくなる…?? 英語嫌いの私にとっては素晴らしく嬉しいニュースです. Google翻訳の精度が大幅上昇です!!! translate.google.com Swiftドキュメントを翻訳してみる プログラミングする時にネックになるもの… そう,英語で書かれたドキュメントの翻訳です. ちょっとドキュメントを翻訳してみましょう. まずは,Railsのドキュメント. Ruby on Rails API を翻訳してみたいと思います!! Rails is a web-application framework that includes everything needed to create database-backed web applications according to the Model-View-Controller (MVC) pattern. これを翻訳する
今回で3回目の開催となる、デジタルからアナログまで古今東西のゲームが集まる日本最大級の“ユーザー参加型”ゲームイベント“闘会議”。2017年2月11日(土)、12日(日)に開催される“闘会議2017”は、「ゲームと一緒に、生きてきた。」というテーマを掲げている。 電ファミ編集部では、この「ゲームと一緒に、生きてきた。」というテーマを体現し、ゲームを通して人生を謳歌している人々に、インタビューを行うことにした。 今回登場するのは、大阪府堺市で理髪店を営んでいる加三清(かさん・きよし)さんだ。加三さんは80歳という高齢にもかかわらずゲームを趣味としており、高難易度のために“死にゲー”などとも呼ばれるアクションRPG『ダークソウルⅡ』を、とりわけ熱心にやり込んでいる。その様子が関西のTV番組で紹介されると、インターネット上で“ダークソウルおじいちゃん”として一躍話題となり、日本国内はもとより海外
"hiraku" means "open" in Japanese. As you can imagine, "offcanvas-menu" is like a drawer and it is often used to create additional space especially for mobile layout. It is very easy to find source codes or plugins for Offcanvas-menu via Google by searching with "offcanvas JavaScript", but we can't find any plugins which meet all features that hiraku.js has. That's Why we made it from the scratch.
※2016年11月11日16時更新記事です。 こんにちは、編集長の石井リナです。 米国時間の11月10日に、Instagram Storiesに3つの機能追加が発表されました。1つめはBoomerangがStoriesですぐに起動でき、投稿できること。2つめは友人のアカウントをタグづけできること。3つめはURLが貼れるようになったことです。 特に3つめの外部リンクが可能となる動きはユーザーやインフルエンサーにとって、非常にメリットのあるものです。企業にとっては、喉から手がでるほど、欲していた機能といっても過言ではありません。現在は認証マークがついたアカウントのみ実施可能とリリースされており、日本の企業アカウントでもすでに一部活用が始まっています。URLが付与できるようになってできる、Storiesの活用方法を7つご紹介します。 ①商品・サービスへの誘導 最もスタンダードな使い方として、商品
ランディングページは、1ページという限られたスペースの中でユーザーのニーズを喚起し、アクションを起してもらう必要があります。 ただホームページを短くまとめただけ、という認識をもたれている方も多いと思いますが、決してそうではありません。少ない情報をどう取り入れるかが重要となるため、ただ何となく作っただけでは思うような成果は出ません。 そこで今回は、ランディングページを作成する際に必ず気をつけたい注意点をまとめてご紹介します。これから作りたいと思っている方はもちろん、成果が出ないと悩んでいる方も参考にしてみてください。 ▼成果の出るLPデザインのポイントをまとめた資料はこちら ランディングページについてのおさらい ランディングページ(landing page)とは、ユーザーが検索エンジンか広告などから最初にアクセスしたページのことを指します。「LP」とも呼ばれています。 一般的なWebページと
インターネット経由で配信されるネット広告市場で動画広告の存在感が高まっている。国内のネット動画広告に関するサイバーエージェントの調査によると、2016年の動画広告の市場規模は842億円となり、15年比で50%以上拡大する見通し。22年には3000億円に迫る規模になるという。動画広告に関するサイバーエージェントの社内組織「オンラインビデオ総研」など
LINE BLOGが一般の人も使えるようにリリースされました。 見てみて、あまりにも設計が秀逸で、LINEって本当にすごいな、ぶち抜けているな・・・と思ったので、投稿してみたいと思います。キーワードは、「ネットワーク化」です。 ブログプラットホームの問題 まず、ブログプラットフォームの問題というのがあります。これは何か。 Bloggerという、ブログというものを広めたサービスがあります。これは、Twitterの創業者でもあるエヴァン・ウイリアムズが作ったサービスで、Googleがはじめた買収したサービスとしても有名です。 これはみなさんが考えているブログサービスとほぼ同じようなもので、自分の考えとかを記事にして公開できるというものでした。瞬く間にヒットをし、いろいろな人がWeb上で記事を書くようになりました。 しかし、そのあと、苦しい戦いになります。なぜかというと、ブログプラットフォームと
現在からおよそ半世紀前 1974年 第一次石油ショックにより世界中の人々は、 突然、物価の上昇と不況に同時に襲われた。 この問題を解決するため、 アメリカ大統領ジミー・カーターを中心に、日米独の3カ国が協調。 大規模な財政刺激政策を行い、世界経済を回復させようとした。 しかしわずか5年後の1979年、 第二次石油ショックにより再び不況に突入。 日本は単独で大規模な財政拡張計画を採用。 その結果、日本はいち早く第二次石油ショックから抜け出したが、 その3年後・・・ 国債残高はGDPの35.3%まで膨れ上がることになった。 しかし日本以外の先進国、 特にアメリカは、70年代から続くスタグフレーション、 激しい不況とインフレに苦しんでいた。 「日本の平成バブル景気」編 登場人物の紹介 本編が始まる前に、最初に日本のバブルに関わった人たちを簡単に紹介していきますぺぺ。 その1:汚職発覚でツライ目に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く