InVison(インビジョン)の使い方まとめ！デザインレビューが恐ろしいほど捗ります！ | 株式会社WEB企画
WEB企画では、デザインレビューの際に「InVision」というWebサービスを使っています。半年ほど前から試験的に使い始めた「inVision」ですが、使ってみるとかなり使い勝手がよくデザインチェックが短い時間で的確にできるようになりました。 今では手放せないツールの一つとなった「inVision」。今回はこのinVisionの便利な点と具体的な使い方についてご紹介したいと思います。 inVisionとは まずは簡単にinVisionについてにご説明。InVisionはアプリやホームページのプロトタイピングを複数人で効率的に作成することができるWebサービスです。 EvernoteやAirbnbといった有名企業もアプリ開発の際にこのinVisionを採用しているんだそうです。なんだかすごそうですね。 inVisionにデザインやワイヤーフレームをアップすることで、デザインに対してのコメン
Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita
iOS9がリリースされ、iPhone6sも発売され、iOS9 Safari9で使える新機能をWebプログラマ目線で使ってみたいものをいくつか試してみました。iOSはアップデートの進捗がわりと良いので、新機能でもモバイルサイトであれば積極的に使える…はず。デスクトップ版の方は…お察しください。 ぶっちゃけ今回はそこまで目玉機能はなく、地味です。地味ですが、SafariでWebアプリを作れるようになりそうな気配がどことなくするようなしないような感じの内容です。残念ながらServiceWorkerには対応していないので、それに対応してくれたらもっとアレなんですが。 iOS Safari9の新機能（OSX版含む） CSS系 backdropフィルタ対応 新し目のiOSやOSXとかのメニューバーが半透過されるあれが作れます。要は背景要素に対してフィルタがかけられるプロパティです。綺麗で良いですね。
フェイスブックの「いいねボタン」たったの1行で7倍速！遅いボタンを高速化する方法！
Twitterやフェイスブック、ライン、はてぶなどのSNSの共有ボタンは、ブログやサイトにとって、今や無くてはならない要素の一つになりました。サイトの性... 遅いフェイスブックのいいねボタンは7倍早くなる 検索の評価にも直結するページの読込スピード。このスピードを遅くしている元凶「いいねボタン」。 いいねボタンの読込が完了するまで他の要素を読み込まないため待ち時間が長く、途中離脱してしまうユーザーが現れないか心配。 削除するには影響力が大きすぎるサービスなので何とか高速化する方法を模索します。 外部ツールには同期・非同期がある いいねボタンなどの外部ツールには、同期・非同期という種類があります。 それぞれメリットがあるのですがスピードを重要視するなら圧倒的に非同期通信がオススメです。 非同期通信は、色々な処理を同時に行えるように配慮された方法なので「いいねボタン」の処理が遅くても他の処理
Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！ - Web学び
2012年 6月 13日 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、これは結構命取りだったりします。 まぁ私もそんなに詳しいわけではないので断言できませんが。 ・訪問者はその数秒でサイトから逃げる ・Googleはその数秒を評価基準に入れる たしか遅延ロード(Lazy Load)とかいう技術ですね。 わりとポピュラーなコードで何とかなったので書いときます。 ピュアなJavaScriptではなく、jQuery使いますね。 方法その１ 時限式読み込み body閉じタグの前あたりに書きます。 . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ここに、SNSのコードを書く' + '一行でつなげても良いが見に
【2022年版】社会人でも通いやすいプログラミング教室5選｜選び方の基準も解説
更新日: 2022年10月4日公開日: 2014年9月3日【2022年版】社会人でも通いやすいプログラミング教室5選｜選び方の基準も解説 プログラミングを学び始めると実感することですが、どの言語も独学だけで実務レベルまでの技術を習得するのは非常に難しい。そこで多少の受講料がかかったとしても、プログラミングスクールの受講を検討する方が増えています。 この記事では主なプログラミングスクールについて、それぞれの特徴（オンライン、通学、初心者向け、無料スクール）やメリット、学習することができるプログラミング言語についてまとめました。 「スクール」と聞くと、通学しなければいけないイメージがあると思いますが、オンラインや夜間、土日も対応している社会人向けのスクールも多いので、忙しいサラリーマンや学生の方なども是非参考にしてみてください。 【プログラミングスクール解体マップ2020】 Googleドライ
YouTube動画コンテンツの埋め込みをしよう【紹介編・オリジナルUIと導入サイトまとめ】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 すっかり秋です。今年はどこかに紅葉狩りに行きたい・・・。 さて、私は以前videoタグを使ったオリジナルUIの全画面動画の記事を書いたのですが、動画コンテンツが当たり前に使われるようになってきて、気付いたことがいくつかありました。 動画の用意が少し面倒くさい mp4、ogv、webmと3つのデータを用意するのがひと苦労。動画の長さにもよりますが、変換にもけっこう時間を要します。 動画データが重い 1つだけでもそれなりの重さがありますが、3つもサーバーにアップするとなると、そりゃ重いです。ソースをGIT管理していると、Push/Pullにも時間がかかってストレスフルです。 二重管理が面倒くさい video対応してないブラウザにはYouTubeを出すようにしていましたが、動画に修正が入るなら両方修正しないといけません。 1ページ内の動画が増えてきたら色々大
英語も学べて一石二鳥！webデザインやコーディングが学べる良質な海外サイト10選
日本のみなさん、こんにちはぁ！バンクーバーでWebを修行をしているのび太です。 Web制作を学ぼうと思ったらいろいろな方法があると思います。専門学校に通う（王道）、オンラインの通信講座を受ける、プロのWebデザイナーにレッスンをお願いするetc。 Webを勉強する1つの方法として、ネット上のWeb制作に関するサイトを利用するというのがあると思います。スクールに通ったり、通信講座を受けたりするのはお金の面で負担がかかりますからね… ありがたいことに今の世の中わかりやすいWebを学べるLIGのようなサイトが仰山あります。強い勉強意欲と気合さえあればオンラインのソースや教材をフル活用することで独学でも十分学べると思います。 その際に日本語サイトだけでも十分学べますが、あえて英語サイトを使うことで以下のようなメリットがあると思います。 Webと同時に英語が学べる。 日本語サイトより詳しく学べる。
jQueryで外部HTML（JSON形式）化した要素を「もっと見る」ボタンで追加する方法｜BLACKFLAG
これらの設定値を変更することでもろもろ調整が可能になっています。 追加される要素は一つひとつが ＜div＞で囲われるようになっており 個々にID名が付与されるようになっています。 ※実行後のHTMLソースをFirebug等の開発ツールで見てもらえると分かるかと思います。 （ID名に関してはJSONファイルに記述） スクリプト14行目の「url: ‘js/include.json’」が 読み込むJSONファイルの指定になるので パスやファイル名を変える際にはここを変更します。 そして読み込むJSONファイルは以下の様になっています。 （ちょっとムダに長いです・・・） ◆JSON [ { "itemNum": "1", "itemSource": "<img src='img/photo1.jpg' alt='' />【photo1】<br>これは追加要素1つ目のダミーテキストです。これは追加
jQueryで「もっと見る」ボタンで画像を順々に読み込むUIの実験｜BLACKFLAG
TwitterやFacebookなどで使われている コンテンツ要素をある一定の数表示（読み込み）しておいて 続きは「もっと見る」や「MORE」といったリンクやボタンをクリックすることで 要素を順々に読み込んでいくUI。 このUIを実装する際、使いやすいjQueryプラグインがなかなか見当たらなかったりするので、 同様のUIを実装する為の実験的スクリプトを作ってみたので簡単に紹介してみます。 今回の実験では＜a＞リンクを張った＜img＞画像タグを ＜span＞タグで囲った構成のまとまり ———————————————————- ＜span＞＜a＞＜img＞＜/a＞＜/span＞ ———————————————————- 上記のセットを順々に追加していく構成になっています。 併せて、画像を格納するディレクトリ名と画像ファイル名には命名規則を付けます。 ———————————————————-
はてなで大規模サービスのインフラを学んだ - ゆううきブログ
中〜大規模サービスのインフラの様子を知りたいアプリケーションエンジニア向けに、もともとアプリケーションコードを書いていた視点から、個人的な体験をベースにはてなで大規模サービスのインフラを学んだ過程や学んだ内容の一部を紹介します。 Webアプリケーションのブラックボックス Webアプリケーションフレームワークの向こう側 なぜ複数のサーバが必要なのか 突然のWebサービス3層構成 リバースプロキシ アプリケーション データベース その他のコンポーネント キャッシュは麻薬 飛び道具としてのKVS/NoSQL 非同期処理 バッチ処理 Mackerelの場合 参考 まとめ Webアプリケーションのブラックボックス 今年もはてなインターンの時期が近づいてきた。 毎年ではないけど、はてなインターンでは「インフラ講義」というのをやっている。 今年はインフラ講義の講師としてアサインされたのでちょうど何を話そ
【2015年最新版】iPhoneアプリ審査リジェクト理由まとめ | SONICMOOV LAB
マジ鼻が詰まって息が出来ん。花粉の季節到来オワター＼(^o^)／ あ、ども。ソニック最後の使者ディレクターのチャンプです。 最近特にAppleの審査が厳しくなってきたのでリジェクト理由まとめたお( ´∀｀) Apple審査のガイドラインが更新されてからのやつなので最新なはず(｀・ω・´)ｷﾘｯ 最新版はこちらです。 【2016年最新版】iPhoneアプリ審査リジェクト理由まとめ 厳しいアプリ審査 そもそもAppleのアプリ審査はそう簡単に通過しない。 特に今後はアプリのユーザーレビューや、ブーストアプリの取り締まりを大幅に強化!!! コンテンツをダウンロードできるアプリや、そもそも機能がなさすぎてつまらないアプリはリジェクトするなど、これまでよりも審査基準が厳格化してきてます。 ただ、AppStoreレビューガイドラインありすぎるよwww 僕も理由などをすごく調べるので意訳付きでコピペして
【海外の葬儀事情】イギリスの葬儀「17万円」これってホントなの？
本書の中で「海外の葬式費用」との比較が出ています。 それがこちらです。 日本人の葬儀費用は平均231万円。これはイギリスの12万円、韓国の37万円と比較して格段に高い。浪費の国アメリカでさえ44万円だ。 島田裕巳『葬式は、要らない』bookデータベースより ただし、時代としては少し前のものだがと前置きされている通り、海外のデータは1990年代のデータになります。 それでも最近では日本の葬儀費用の高さを指摘するという文脈の中で、このデータを元にした比較が用いられることが多いです。 逆に言えば島田さんの著書以外で海外の葬儀費用について言及している日本語の情報がほとんど無いというのが現状となっています。 そこで今回はこれら1990年代のデータの中でも、特に葬儀費用が一番安いイギリスに着目し、イギリスの葬儀の現状を調べてみます。 イギリスの葬儀費用は急激に上昇している イギリスの葬儀の平均費用は約
【保存版】ユニバーサルアナリティクスがよく分かる！実務者向け徹底解説 | ナイルのマーケティング相談室
先日、ユニバーサルアナリティクスって何が違うの？その機能や移行方法など徹底解説という記事を書きましたが、今回はユニバーサルアナリティクス（UA）の実務編として細かな設定方法などをまとめました。 調査～テスト～執筆まで3週間がかりでした。設定方法などでお困りの方に、少しでもお役にたてましたら本当に幸いです。また、十分に確認はとったつもりですが、万が一誤りありましたらご指摘下さい。 ＼UAは利用できなります！後継のGA4情報を資料にまとめました！／ この記事の内容 セッション定義変更に関して カスタム変数とカスタムディメンションとカスタム指標に関して 基本的なスニペットの置き換えに関して ・ イベント ・ e コマース ・ 仮想ページビュー ・ ソーシャル インタラクション（ソーシャルプラグイン） ・ クロスドメイン トラッキング ・ ユーザー タイミングとサンプリング あくまで、今回は実際に
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
脱Adobe行けるか!? Macに凄いAppが出た!! Affinity Photo & Designer でフォトショとイラレがオワコン？ しかも2015年7月23日まで20%Offセール中!! - 青福猫の日日是買物
今年2015年2月にベータ版が発表されMac App Storeで販売されているAdobe Photoshop代替アプリAffinity Photoがロープライスで超高機能でヤバいです。 開発元はIllustratorの代替アプリで有名になったAffinity Designerの開発元と同じSerif Labで2015年7月23日までMac App Storeで¥6,000から20%Offセールの¥4,800で現在販売中!! Affinity Photoの購入は以下のリンクからできます。 どういう機能があるのか詳しくは以下の公式動画でよく分かります。 Affinity Photo Launch from MacAffinity on Vimeo. 同開発元のイラレ代替アプリのAffinity Designerは以下のリンクから購入できます。 どういう機能があるのか詳しくは以下の公式動画でよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン | Android Developers
iOS Human Interface Guidelines：Designing for iOS （日本語）
[Android] Androidサンプルアプリケーション（apps-for-android） - adakoda
Androidプログラミングの入門 (5) - 幾つかの便利なウィジェット - memorandum
2013-09-23