スマホのヒートマップに対応！ 「Ptengine」のアクセス解析が凄い！ | PLUS1WORLD
このブログのデザインをそろそろ変えたいな～、でもどんなデザインにするか迷うな～と思っていた時に以下の記事に出会いました。 ヒートマップを見てサイトを改善しやすいアクセス解析「Pt engine」 何だこれは？ と思いながら、読み進めていくと、マルチデバイスに対応したアクセス解析ツール「Ptengine」の存在を知りました！ これ便利じゃん！ と思いこのブログにも早速導入することにしました！ スマホのヒートマップに対応の「Ptengine」 スマホからPCまで解析できるヒートマップ解析ツール｜Ptengine 「Ptengine」って何？ という人のために説明すると、ブログやサイトのアクセスを解析するための、アクセス解析ツールです。 「Ptengine」の凄いところは、マルチデバイスに対応している所です。 PCからのアクセスだけでなく、スマートフォン、タブレットからのそれぞれの解析がまとめて
Windows一筋の私がMacBook Airを入手した感想 | jMatsuzaki
20年間Windows一筋の私がMacBook Airとかいうものを入手したのでノートパソコンの在りかたについて物申すわ 2014年10月19日投稿 2015年11月26日更新 カテゴリ：Windows 著者: jMatsuzaki 私の愛しいアップルパイへ 先日ひょんなことからMacBook Airとかいうものを手に入れました。とあるプロジェクトで必要だったということもあって買ったんです。 驚いたでしょう。ご存知の通り、私は根っからのWindowsフリークです。最初にパソコンに触れたのは、中学生の頃に父親が買ってきたWindows 95を触ってからでした。それ以来、20年近くWindowsと連れ添ってきました。 はじめてパソコン上で作曲したときもWindowsでした。６年半システムエンジニアを続けたときもWindowsでした。１年以上毎日ブログを書き続けたときもWindowsでした。 先
使えるフリーソフトを発表するｗｗｗｗ : あじゃじゃしたー
1：以下、名無しにかわりましてVIPがお送りします：2012/11/11(日) 17:16:55.25 ID:RZQ2Ps9L0 カスタマイズ部門からは４つがエントリー まずは Windows 7 Start Button Changer http://www.softpedia.com/get/Tweak/System-Tweak/Windows-7-Start-Button-Changer.shtml その名の通りWindows7のスタートボタンをカスタマイズできるソフト スタートボタンは下手にいじるとPCが壊れちゃう・・・ しかしこのソフトなら一発変換！！ 3：以下、名無しにかわりましてVIPがお送りします：2012/11/11(日) 17:18:57.58 ID:RZQ2Ps9L0 続いて Rainmeter http://www.gigafree.net/u
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
意外と簡単！アイコン風Webフォント使ってみたらブログデザインがグッと洗練されたよ！設定方法を紹介 - ラブグアバ
Webフォント導入のきっかけWebフォントを導入しようと思ったのは以下の記事を拝見したのがきっかけでした。 WEBフォントで簡単に！STINGER3の細かいところにアイコンを入れてみた これを見て「わー、細かいけどこういうの素敵！これは私もパクりたい！オマージュしたい！」と思いたち、やってみることにしました。 で、いきなり結果から書くと、こんな風になります。 黄色の○で囲まれたハートやフォルダのアイコン。これが今回導入したWebフォントなのです。 これがフォント？って思いますよね。そうなんです、こういう一見画像（アイコン）風のデザインをフォントだけできちゃうのがWebフォントの優れたところなんです！ あくまでフォントなので拡大・縮小しても画像が荒くなったりしませんし、CSSでの装飾だって可能です。画像じゃないので表示も軽いです。 どうですか？ちょっと興味わいてきましたか？気になってきたら続
最強の正規表現の覚え方とは「CotEditor」かもしれない – 和洋風KAI
今の今まで、NSStringの潤沢かつ便利なメソッドの数々に甘えてしまったために、正規表現をいまさら勉強しているするぷ（ @isloop ）です。 こんな俺用メモなんかもつくってみたりしているのですが、やはりなんでもそうですが書かないと覚えないですね。 とはいえ、ちょっと効率のよい覚え方を編み出した気がします。 といってもCotEditorを使うだけなのですが。 CotEditorの素晴らしき検索・置換機能とハイライト機能。 プログラミング中に正規表現を試す場合は、どうしても処理を書かないといけません。さらに、そもそも正規表現が合っていないとキチンと出力されません。 正規表現がまだまだうろ覚えの僕は、なかなかスパーンと成功しないので書くたびイライラしていたのですが、プログラムに正規表現を走らせる前に、CotEditorに読み込ませたら、まるでアラサーの美人教師（赤眼鏡）の様に丁寧に添削して
weinreでiOSのブラウザのデバッグを行う手順 · zephiransasのチラシの裏
モバイル対応のWeb開発をしている時、iPhoneやiPadのブラウザでのデバッグに苦労したことはないですか？ PCの場合であれば、Chormeのデベロッパーツールとかでかなり簡単にデバッグを行うことができますが、iOSとかのSafariではデバッグツールをつかうことができません。 そんな時に便利なのがweinreです。weinreを使うことで、iOS側で表示されたWebページのデバッグツールの情報を、PCから見ることができる大変便利なツールです。 今回はweinreの使い方を紹介します。 weinreのインストール まずはweinreをインストールします。weinreはnpmで提供されているので、以下のコマンドでインストールします。 npmをインストールしてない場合は、先にnode.jsをインストールしてください。 $ sudo npm -g install weinre 自分の環境では
jQueryでレスポンシブ対応の際にウィンドウサイズによって読み込む画像を切り替える実験｜BLACKFLAG
最近ではWebサイトを構築する際にレスポンシブ対応として、PCでの表示のみならずスマートフォンやタブレットでの表示を考慮して構成する必要があります。 レスポンシブ対応でレイアウトに関してはCSSのMediaQueriesを使ったりすることで、ウィンドウサイズによって画面上のレイアウトを調整させたりすることが可能ですが、大きな画像を使用する画面デザインなどの場合ではスマートフォンで表示する際のレンダリング負荷が問題になったりします。 そんな際に使えるようにMediaQueriesと同様の方法で、ウィンドウサイズによって読み込む画像を切り替える動作をjQueryを使って実験的に作ってみたので紹介してみます。 【2016/05/22】 ウィンドウサイズを取得して画像を切り替える部分のスクリプト動作を一部改修しました。 ウィンドウサイズによって切り替える画像については、PCで表示させる為の大きな画
「売れる」アプリに欠かせない超カッコいいLPテンプレ 10選|グロースハックジャパン|Growth Hack Japan
ユーザー獲得（アクイジション）最大の間口の１つ、ランディングページ。 テンプレが固定されているGoogle PlayやApp Storeと比べてデザインの融通が利く分、アプリの印象を伝える最適なマーケティング・チャネルです。 一方、リソースの少ないスタートアップではアプリの開発に手がいっぱいで、LPのデザインに多くの工数をかけられないのも現実です。 そこで本日は、多くのリソースを割かずともアプリの魅力を印象づけられる超かっこいいLPテンプレを10個ご紹介致します！ FeedApp 特徴: カラフルなフラットデザイン 価格: 10ドル レスポンシブ: PC、タブレット、スマホ対応 ライブデモはこちら Landiin 特徴: アプリ内UIのサンプルを動的に見せることが可能 価格: 11ドル レスポンシブ: PC、タブレット、スマホ対応 ライブデモはこちら Rise 特徴: 3種類のバリエーショ
男女・年代別マーケティングは「もうできない」 マルチデバイス時代の情報行動5つのタイプ、Googleが分類
「『F1層』も『M1層』も、もういません」――Google日本法人は12月16日、複数のデジタルデバイスを利用しているマルチスクリーンユーザーの行動分析に基づき、情報接触行動に関する5つのタイプを発表した。男女や年代による傾向はあまり見られず、「単純な区分けは意味を成さなくなりつつある」とまとめている。 インテージのシングルソースパネル「i-SSP」を利用し、テレビ、PC、スマートフォンの3つを保有し利用している20～60代の男女500人を対象に、それぞれのツールの使用時間や視聴・行動内容をデータで取得して分析を行った。意識的に回答するアンケートに比べ、ユーザーの先入観やバイアスが入らないのが特徴の手法だ。 情報接触行動データに基づき、同社が類型化した5タイプは以下の通り。 1.キマジメ大食らい（全体の22％） デバイス利用時間が全体的に長く、朝起きたらすぐにテレビの電源をオン。情報番組が
転ばぬ先のWordワザ これだけは覚えておきたいWordテクニックまとめ : ITライフハック
2013年08月11日10:00 転ばぬ先のWordワザ これだけは覚えておきたいWordテクニックまとめ カテゴリ 昨日のExcelまとめが思いがけずに好評だったのはお盆休み突入の初日だったからなのか、各地で最高気温を更新するような酷暑のためネットを見ている人が多かったためなのかは、いまいちわからなかったが、興味を持って下さった方々へ感謝の気持ちをお伝えしたい。また「文章中にWordのまとめとあるのにどこにもリンクはないじゃないか！」という問い合わせが多かったので本日、ここで紹介しておきたいと思う。大変申し訳なかった。 なお、Excelまとめの内容とは関係なく、昨日の文章中で紹介したIT系の派遣業務でどういった仕事があるのかという問い合わせが、意外に多かったので、筆者の経験で知る限りのことをここで紹介して返事とさせてもらいたい。ただ、具体的にどこの派遣会社でどういったメーカーの仕事という
8割以上の人、スマートフォン専用サイトの必要性を感じていないことが判明
有限会社いろはの代表取締役兼経営コンサルタント・竹内謙礼が、「ネットで売れるもの売れないもの 増補改訂版」（日本経済新聞出版社）を8月2日に発売するにあたり、楽天リサーチを活用して、スマートフォンユーザー100名に対して、アンケート調査を行った。 同調査では、スマートフォンで一般的に表示される「PCサイト」と、スマートフォンの画面の大きさに合わせて表示される「スマートフォン専用サイト」と、どちらが活用されているのかを中心に尋ねた。 まず、「スマートフォン専用サイト」と「PCサイト」、どちらが使いやすいか質問したところ、「スマートフォン専用サイト」と回答した人が39％だったのに対して、「PCサイト」と回答した人が45％と、6ポイント上回る結果となった。「特に意識はしていない」と回答した“どっちでもいい派”の人が16％いることから、6割以上の人がスマートフォン専用サイトに対して利便性を感じてい
スマホ向けサイトのユーザビリティとランキングを低下させる12個のマイナス要因
[対象: 中〜上級] さまざまなモバイル向けサイトの研究中に出くわした、ユーザビリティを大きく損ねる12個の要素をE-consultancyがブログで解説しました。 ユーザビリティの悪化だけではなく、なかにはGoogleのランキングを下げる原因にも繋がるスマートフォンサイトの構成ミスも含まれています。 モバイル対応が必須になっている現在のサイト運営において、とても参考になる記事なので紹介します。 なお直訳ではなく、僕なりの言葉で要点を説明します。 英語がわかる方は原文も読んでください。 モバイルサイトのユーザビリティを損ねる12個の欠陥 1. 突然デスクトップ向けサイトに切り替わる モバイル向けのページを閲覧していたのに、デスクトップ向けページに突然移動させられてしまうサイトは確かにありますね。 モバイル向けのデザインだったのに、ページを移動したら何の前触れもなくPC向けのデザインに切り替
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
主要紙が三者協議を黙殺―PC遠隔操作事件・5か月目の報道検証(上)（楊井人文） - エキスパート - Yahoo!ニュース
いわゆるＰＣ遠隔操作事件で、6月21日、東京地裁で第2回公判前整理手続があった。約1か月ぶりの、公判に向けた証拠整理のための裁判官・検察官・弁護人の三者協議である。この中で7月10日、すなわち2月10日の逮捕からちょうど5か月後を期限として、検察側が、片山祐輔氏が一連の事件に関与したことを示す書面を提出することが決まった。非公開協議の終了後、弁護団が司法記者クラブの会見で概要を明らかにした。 弁護側によると、検察側はこれまでに3度の起訴に応じて計3通の証明予定事実記載書面を提出したが、いずれも本件の主たる争点である「片山氏の事件への関与を示す根拠」には全く言及していなかった。これまでも検察側は「捜査中」「証拠隠滅のおそれ」を理由に、片山氏の事件への関与を示す根拠を明らかにせず、それらしき情報はマスコミを通じて断片的に伝わってくるだけだった。そうした経過からすれば、この7月10日の期限は今後
iPadのセカンドモニタ化・トラックパッド化・リモコン化アプリを一挙紹介 | ライフハッカー・ジャパン
1．iPadをセカンドモニタにする マルチモニタが生産性をアップさせるかどうかについては、いまもって賛否両論です。どう使うかでも違ってきます。とはいえ、画面が狭くて困っているなら、iPadをセカンドモニターにしない手はありません。 iPadを外部モニタとして使う方法はいろいろありますが、『Air Display』が一番簡単です。Air DisplayをiPadとMacの両方にインストールするだけで、iPadがセカンドモニタに早変わりします。上級者には『Splashtop XDisplay』がおすすめ。セットアップは多少手間がかかりますが、カスタマイズができて、動きもなめらかです。 2．iPadをキーボードショートカット専用マシンにする キーボードショートカットを覚えるのは大変です。基本的なものは覚えられたとしても、アプリごとに異なるショートカットを全部覚えるのは大変困難。iPadを使えば、
多発するWeb改ざんに備えてinotifywaitによる改ざん検知を導入した
Webサイトの改ざん事件が多発しています。Webサイトに対する基本的なセキュリティ施策を実施していればまず被害にあうことはないとは思うものの、全ての手口が公開されているわけではないので、何となく「嫌な感じ」もします。 【参考】 Web サイト改ざんに関する注意喚起(JPCERT/CC) 2013年6月の呼びかけ 「 ウェブサイトが改ざんされないように対策を！ 」(IPA) @Police ウェブサイト改ざん事案の多発に係る注意喚起について(pdf) 5月から多発しているHP改ざんインシデントをまとめてみた。 - piyolog 当方のサイト（会社、個人）は、一通りのセキュリティ施策は実施しているつもりですが、絶対に改ざんされないかというと、改ざんされることは想定しておかなければならないと考えています。 当方のセキュリティ施策の例 FTPをやめ、sshのみで管理運用 sshのパスワード認証を
レスポンシブデザインをコーディングする時の、自分なりのちょっとしたTips
前にこの記事で、レスポンシブデザインをコーディングの仕方の基本的なことを説明をしましたが、今回は自分が製作してる時に気をつけていることや、よく使う方法を書いておこうと思います。 案件や作業フローによって全然違う方法がよい場合もあるかもしれませんので、参考程度にどうぞ。 要素のマークアップ順序 会社や作業フローによるかと思いますが、今のところ、PC用とスマートフォン用のデザイン2枚が出来上がってくる事が自分は多いです。 そのデザインを見ながらHTMLを作っていきますが、この時スマートフォンのデザインを見ながらマークアップしたほうが良いと思いました。 文章の意味付け的にデザインで順序変えるのはどうなのよというのはありますが・・・。 positionを使って再現するデザインの場合はPCは簡単に位置を入れ替えることができますが、スマートフォンのデザインは320px～リキッドデザインにすることが多い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
沈黙のWebマーケティング ―Webマーケッターボーンの逆襲―
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
