iPhone 6s safariで、3Dタッチによる「peek」「pop」というアクションが追加されました。 ↓参考 http://gigazine.net/news/20150925-iphone-6s-3d-touch/ html上にimgタグで貼った画像もpeekでプレビュー表示、popでジャンプします。 これがあまり嬉しくない場合もあります。 いろいろ試した結果、img要素にevent listener追加してe.preventDefaultしてやると無効化されることが分かりました。（注：safariのみ確認） var img = document.getElementById('testimage'); // img要素取得 img.addEventListener('touchstart', function(e) { e.preventDefault(); }); 追記(注意

日本とアメリカで決定的に違う点は、世界の目はアメリカに向いているが、日本には向いていないという事実です。日本人はこの事をしっかりと認識する必要があります。

思わず我が目を疑うような、とてつもないゴールがでました！ 2015年10月31日に行われた「第94回全国高校サッカー選手権 岡山県予選決勝」。玉野光南高校が2-1で作陽高校に勝利した試合での出来事です。 1-1のままで延長後半のロスタイムに入り、決着がPK戦にもつれ込むかと思ったその時でした。 玉野光南高校が、奇跡のようなスーパーゴールを決めます。ご覧ください！ キーパーからのロングキックを二人の選手のヘディングで前線につなげます。最後にボールを受け取ったフォワードの土居選手が、流れるようなプレイで渾身のボレーシュート！ なんとキーパーからボールが一度も地面につかないという、あまりに素晴らしいゴール！ これにはスタンドも大興奮！しかもこれが決勝ゴールというドラマティックな展開となりました。

白人警官による暴行事件が問題視されているアメリカで、ちょっと心が温まる動画が投稿された。アメリカの首都ワシントンDCの路上で、10代の少女たちがケンカを始めようとしていたが、婦人警官が駆けつけて「家に帰りなさい」と注意。少女の一人が「それならダンスで勝負よ！あんたが勝ったら家に帰るけど、負けたらあんたが立ち去りなよ」と挑発したところ、警官がノリノリで応じたという。 So basically I was trynna get to this girl but the police told me to go home so we made this deal if i win u leave but if u win I step andddddd she step Posted by Adore Liyah on 2015年10月27日 ABCニュースによると、それまでの路上での騒ぎから一

昨年全米で話題になった、アメリカのベビー用品ブランド・Bobaによる動画をご存知ですか？ 妊娠中の母親が感じる戸惑いや不安、そして喜び。 産まれてからの子育てに向き合う母親の姿勢、 子どもとのささやかな日常で感じる幸せ、 そして、愛。 すべてがぎゅっと凝縮されたこの1分30秒の動画に、心が揺さぶられました。 まずは、ぜひご覧ください。 ※和訳全文※ きみがいることを、感じた。 きみは豆つぶだった。それから、レモンに。それから、ナスぐらいに。 周りのアドバイスにしたがって、本を12冊も読んだ。コーヒーもやめた。 親になるのが怖いって感じていたこと、あたなは気がついていたかな。 きみに話しかけて、歌をうたって・・・でも、心の準備がなかなかできなくて。 それでも、きみはここに来てくれた。 足のゆび10本。 体重8ポンド。 愛するあなた。おっきくてまあるい愛。 きみを抱きしめて、ミルクを飲ませて。

ルールがむつかしいとか漢字が面倒くさいとか、意見は色々あると思いますが、そんな素敵な日本語は、日本語でしか表現できない言葉を生み出しました。

オランダのアーティスト、フランス・ホフミースターさんは、16年間にわたり毎週15秒間、娘のロッテさんの動画を撮影した。 ホフミースターさんは、それらの動画を編集した「ロッテのポートレート」を発表した。彼は、この作品を「時の流れを表す、究極のタイムラプス」だと表現した。動画では、ロッテが新生児からティーンエイジャーに変わりゆく様子を見ることができる。

アメリカや、オーストラリア、ヨーロッパなど。世界中、約1227店舗を持つ韓国のお弁当会社、Snowfox。そのうち、4店舗が韓国で運営されています。 ところが2015年10月、韓国支店にのみ「公正サービスの権利」という案内文が立てられました。 その内容とは…。 お客様へ申し上げます。 当社の職員がお客様に対し、無礼な行動を取った場合、職員を辞めさせます。 しかし、 職員へ無礼な行動を取った場合、お客様に店から出ていっていただきます。 ★스노우폭스 공정서비스 권리 안내★우리 직원이 고객에게 무례한 행동을 했다면 직원을 내보내겠습니다.그러나,우리 직원에게 무례한 행동을 하시면 고객을 내보내겠습니다.상품과 대가는 동등한 교환입니다.우리 직... Posted by SNOWFOX KOREA on 2015年10月30日 商品の代価は、同等な交換です。当社の職員たちは、お

ついに登場したAppleの最新iPhone「iPhone 6s/6s Plus」では、画面をタップする指の圧力を感知する「3D Touch」というテクノロジーが活用されています。この3D Touchでは、これまでの「タップ」「スワイプ」「ピンチ」といったジェスチャーの他に、画面を押し込む「Peek」と「Pop」というジェスチャーも認識可能になっているので、実際にどんな風に使えるのかiPhone 6sを使って試してみました。 iPhone 6s - 3D Touch - Apple（日本） http://www.apple.com/jp/iphone-6s/3d-touch/ 新しいiPhone 6sでは、画面を押し込むようにタップ(プレス)すると、端末がブルッと小さく振動して…… アプリを起動せずに各機能へのショートカットを表示させることができます。これはクイックアクションという機能で、ホ

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました iPhone6sから追加された機能が3D Touchです。まだまだ公式アプリくらいしか提供していないこと、UXとして非常に分かりづらいこともあって使うケースは多くないのですが、今後広まっていくことでしょう。 そんな3D TouchをWeb上でも試せるのが3D Touch JavaScriptです。Webの世界でも3D Touchが使えればもっと早く広まるかも知れません。 3D Touch JavaScriptの使い方 実際に動かしたところです。画面の押す力によってForceの値が変わっています。また、それに伴ってぼかしのスタイル設定も適用されています。 押した際のイベントとして events[0].force が取得できるようになりました。これは0〜1の値が来るものです。まだiOS

iPhoneやiPadのバックアップをiTunesで実行する場合の保存先を変更するやり方です。Cドライブの空き容量がない場合、試してください。 HOME About this site Mail 最終更新日 2020-11-05 16:05:31 iPhoneのバックアップをパソコンに保存する場合、容量が大きくなるのでCドライブ以外に変更させたい。という人もいると思います。 ここではiPhoneのバックアップ先をCドライブから外付けHDDなどに変更させる方法を紹介したいと思います。 Sponsored Link 目次 はじめに バックアップに必要なPCの容量は？ ソフトを使ったiPhoneのバックアップ先の変更 ソフトを使わないiPhoneのバックアップ先の変更 エクスプローラーで隠しファイルを表示させる バックアップの保存先 外付けHDDなどに新しい保存先を作成 コマンドプロンプトでシン

iOS 9.0.1にアップデートする iPhone 6sやiPhone 6s Plusには、出たばかりのiOS 9.0.1はまだインストールされていない場合が多いはずです。まずはiOSを最新版にアップデートしましょう。 → アラームが鳴らないバグなどを修正した『iOS 9.0.1』が公開される 1. ロック解除なしで写真や連絡先を開けないようにする iOS 9とiOS 9.0.1には、ロックを解除せずにiPhoneの写真や連絡先にアクセスできてしまう弱点があります。設定をちょっと変えるだけで防げるので、確認しておきましょう。 → 【iOS 9】ロック解除せずに写真や連絡先を開ける弱点、iOS 9.0.1も未修正 2. 撮影するビデオの解像度を選ぶ ビデオを撮るときの解像度やフレーム数を選べるようになりました。ビデオは撮りたいけど使う容量は少なめにしたいときは、設定を見直しましょう。 設定ア

データ移行の手順は、自分が契約する携帯会社がNTTドコモ、au、ソフトバンクの大手キャリアであっても、その他のMVNO（格安SIM）であっても特に変わりありません。新旧iPhoneが携帯会社のSIMロックがかかっている端末なのか、Apple Storeなどで購入したSIMフリーの端末なのかによる違いもほとんどありません。 まず、iPhoneからiPhoneへの機種変更では、事前準備としてPC（Finder/iTunes）またはiCloudを利用してデータをバックアップするのがデータ移行の基本。このデータを新端末へ移行・復元させれば、現在の利用環境をそのまま引き継げます。パソコン（Windows PC／Mac）があるなら、Finder/iTunesを利用すると簡単にデータを移行できます。パソコンがなければ、iCloudを使うことになります。 またiOS 12.4以降では、iPhone間でデー

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

React Nativeの登場によって、俄然JavaScriptによるマルチプラットフォーム開発の可能性が見えてきました。そんな中、altJS界隈においてもReactをサポートすることで結果的にアプリ開発まで行える可能性が見えてきています。 今回紹介するsriはScala.jsでReact Nativeをサポートするソフトウェアになります。しかもWeb/iOS/Androidの3つのプラットフォームをサポートする考えだそうです。 sriの使い方 キッチンシンク的なUI explorer。 タブバーなども使えます。 スクロールビュー。 日付ピッカー。 sriをはじめるためにはScalaのインストール、sbtのインストールに加えて sbt fullOptJS を実行してかなりの時間を待つと言った具合に環境整備に時間がかかります。しかしそれさえ終わればScala.jsを使ってiOS/Androi

最近のWebのUIはフラットデザイン・Material Designが着実に進化し、シンプルでコンテンツにフォーカスされたデザインが定着してきました。テキストは読みやすく、写真はより大きく使用されています。レイアウトは縦長型やカード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインが主流となっています。 最近のWebデザインで採用されているページレイアウトやUIの新常識がチェックできる素材やプレビューを紹介します。 Boring Cards UI Kit PSD、個人・商用利用無料。 Bootstrap 4でも新しいコンポーネントとして注目されているカードを使用したUIキット。黄金比をベースにしたデザインはさまざまなサイズ・カラーで展開することができます。

写真をかわいくするのに、特別なソフトウェアは必要なくなるかもしれません。 普通の写真にスタイルシートを一行追加するだけで、インスタグラム風にかっこよく、そしてかわいく仕上げるスタイルシート「CSSgram」を紹介します。

Introducing CSSgram: A CSS Library for Instagram Filters Published on October 25, 2015

本日〜明日、いよいよ続・和文フリーフォント集の発売になります。一部の本屋さんではすでに店頭に並んでいるようです。おもえば４月、GWの前頃から始まった本作り、今日でちょうど半年かかっての発売までの道のりでした。 本のカバーです。ヴァンヌーボ／4C+PANTONE806C蛍光ピンク２度刷り／ニス引き仕上げ。２度刷りしないとこんな鮮やかなピンクは出ません。 ■表紙：OKエルカード／PANTONE806C蛍光ピンク特色 ■見返し：OKプリンス上質／PANTONE806C蛍光ピンク特色 本の表４（裏表紙）です。このタイポグラフィで埋めつくすというアイデアは途中まで表紙用でしたが裏表紙になりました。フォントはすべてFGコミッケシリーズ。いままでこんなフォントがあったでしょうか？究極のオノマトペ（擬音）ファミリーです。

先日「Chrome デベロッパーツールの使い方」で華麗に使いこなすテクニックを紹介しましたが、それとは異なるデベロッパーツールの便利な使い方を紹介します。 Webサイトやアプリの制作時に、非常に役立つテクニックが満載です。 ※画像は元記事のものではなく、当方の環境のものを使用しています。 デベロッパーツールの便利な使い方 タブ「Elements」を選択 DOM要素を選択 右パネルのタブ「Computed」を選択 「Computed」には、選択したDOM要素に適用されている全てのスタイルが表示されます。そのプロパティの頭にある虫眼鏡アイコンをクリックすると、そのスタイルがあるCSSファイルとそのセレクタの指定を表示します。 これは大きなサイトを制作している時に、非常に有用です。

面倒で複雑なSVGのパスでも簡単に作成できてしまう便利ツールを紹介します。 オンラインでもローカルでもどちらでも利用できます。

日本語のフリーフォントが大好物な人は必見です！ 日本語フリーフォントの素敵な組み方、さまざまなデザインに効果バツグンな使い方が分かるオススメの本を紹介します。 WebデザインやWebフォントに、プロダクトやグッズに、同人誌やマンガのタイトルや効果音など、眺めているだけでデザインのインスピレーションが沸いてくる一冊です。 本書は「続」とあるように「和文フリーフォント集（Amazonのレビューを見てみる）」の続編で、「今まで誰も見たことがない文字の本を作ること」をコンセプトに制作された日本語フリーフォント好きのための一冊です。 フリーフォントの本というとネットでダウンロードできるフォントが少しのサンプルと共に紹介されているものが多いですが、本書はそれらとはかなり一線を画す内容になっています。

デモのアニメーションGIF 実装 HTML デモページの中央のセクション（背景グリーンの箇所）のHTMLです。 <section class="cd-section"> <!-- テキスト --> <div class="cd-modal-action"> <a href="#0" class="btn" data-type="modal-trigger">Fire Modal Window</a> <span class="cd-modal-bg"></span> </div> <div class="cd-modal"> <div class="cd-modal-content"> <!-- モーダルコンテンツ --> </div> </div> <a href="#0" class="cd-modal-close">Close</a> </section> ボタン、モーダルコンテンツ