読書に限らず、何か行動を起こしたいときには抵抗の順番に環境をコントロ..
読書に限らず、何か行動を起こしたいときには抵抗の順番に環境をコントロールするとよい。 電車の中で読書が捗るという人は、恐らく本を開くことよりスマートフォンを眺めることのほうが抵抗が強いのだろう。 人によっては本を持ち歩いて鞄から出して両手を塞ぎながら読むということのほうが抵抗が強い場合があるので、一概に電車なら捗るというものでもない。 テレビやゲームなどの抵抗なくできるものが沢山ある自室内で読書を選択することは、他にできるものを我慢するストレスと戦う必要があるので、よほど読みたい本でない限り無理だと言って良い。 人間は誘惑の奴隷だ。そして誘惑は満たしても満たしても次から次へと生み出されるものでもある。 その中で必要な行動を選び続けるには、誘惑との距離という制約を自らが能動的にコントロールする以外にない。 ただ、この原則を理解できればかなりのものに応用することができる。 勉強、筋肉トレーニン
スマホからのアクセスを判別して動作を切り替えるCSS、PHP、Javascript、.htaccess - WeBridge｜WeBridge
スマホからのアクセスを判別して動作を切り替えるCSS、PHP、Javascript、.htaccess CSSで切り替える デバイスの幅によって動作をきりかえます。下記だと最大幅480pxの場合は「sp.css」を参照します。 <link rel="stylesheet" type="text/css" media="only screen and (max-device-width:480px)" href="./layout/sp.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-device-width:481px)" href="./layout/pc.css" /> PHPで切り替える ユーザーエージェントを判別してPHPで条件分岐します。 <?php $ua=$_SERVER['HTTP_U
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
商用利用無料、今時のスマフォアプリ用のワイヤーフレーム素材 -App Wireframes Kit
スマフォアプリ用のさまざまなUIエレメントが用意されたベクターベースのワイヤーフレーム素材を紹介します。 App Wireframes Kit ダウンロードできる素材のフォーマットは、2種類。 .psd .ai どちらもベクターベースで作られているので、サイズ変更やカラー変更なども簡単にできます。 App Wireframes Kitには、スマフォアプリ用のさまざまなコンテンツが収められています。 素材の利用にあたってはロイヤリティフリーで、個人でも商用でも無料で利用できる、とのことです。詳しくはダウンロードファイルの「License.txt」をご覧ください。 ダウンロードはページの下の方からです。
日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
HTML5 × CSS3 × jQueryを真面目に勉強 – #16 レスポンシブWebデザインでテーブルを最適化するベストプラクティス | DevelopersIO
dislay 属性についてもっと知りたいという方は、こちらのサイトを参照ください。 display - CSS | MDN 要するに何が言いたいかというと、テーブルもまたスタイルシートの display 属性によってその形状を実現しているに過ぎず、この値を色々と操作すればスマートフォンのようなスクリーンサイズの狭い環境にも最適化された表示が出来るのではないかということです。 実際に作ってみた - 下準備 今回は4パターンの表示を紹介します。まずは下準備として簡単なテーブルレイアウトと元となるスタイルを組んでいくとします。 はじめに HTML で適当なテーブルを作ります。 <table class="table table-striped table-responsive"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Ag
『スマートフォン向けJavaScriptライブラリchikuwa.js』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは！スマートフォン版Ameba（通称：デカグラフ）でフロントエンドの開発をしている2012年度新卒入社のオオシモと申します。 デカグラフでは、主にSNS機能（サークル・掲示板・メッセージ・写真など）のNode.jsからフロントエンドのJavaScriptを担当しています。ちなみにエディタはSublime Text 2を使用しています。とっても軽くて高機能でオススメです。jQueryを使用しているのではないでしょうか。 デカグラフでは、chikuwa.jsと呼ばれるスマートフォンに特化した軽量ライブラリを使用しています。このライブラリは弊社の首
厚さが驚異の0.96mm！ 日本発の超薄型ディスプレイに世界が大興奮!! 海外の声「クソ最高だぜ、日本！」 | ロケットニュース24
» 厚さが驚異の0.96mm！ 日本発の超薄型ディスプレイに世界が大興奮!! 海外の声「クソ最高だぜ日本！」 特集 現在日本のとんでもないディスプレイに世界が大興奮している。そのディスプレイとは、モジュールの厚さが0.96mmという驚異の薄さを誇る超薄型ディスプレイ！ これを開発したのは、ソニー、東芝、日立製作所の合併会社「ジャパンディスプレイ」。彼らは各社の技術開発陣を集め、世界最先端ディスプレイ「イノベーションビークル」をこの世に生み出した。 そして今回その試作品が公開されたのだが、異常なまでに薄い！ 手で持っただけで、折れてしまいそうなくらいチョーー薄い！ だが、イノベーションビークルの凄いところはこれだけではない。なんと使用する電力もかなり少ないのだ！ このディスプレイには省電力化技術「WhiteMagic」が搭載されており、スマートフォンの場合、使用するバックライトの電力が約半分
MobileMozaic, a gallery of the very best designed iphone applications
Several parents, grandparents, and even teachers consider smartphones to be negatively affecting the education of students. However, they are not that bad if used wisely. Many apps are out in the market that can be worth the time spent for them. Choosing them can even simplify the life of students. Here is the list of the top 10 Mobile Phone Apps for Students in 2023. Notion The notion is an app b
「どうしてもフリックに慣れなかった」--スマホ版「Google 日本語入力」に新配列が生まれた理由
グーグルは10月4日、Android版の「Google 日本語入力」に新たなキー配列「Godan（ごだん）キーボード」を追加した。これにより、従来のケータイ配列、QWERTY配列にGodan キーボードを加えた3種類から入力方法を選べるようになった。Android 2.1以上を搭載した端末に対応しており、最新版をダウンロードすることで利用可能。キー配列は設定画面から変更する。 Google 日本語入力は、新語や芸能人の名前などを網羅的に収録したPC向けの日本語入力ソフトとして2009年12月に公開。それから2年後の2011年12月にスマートフォン（Android）版の提供が開始された。Android版は、「メールを書く」「地図を検索する」といった、モバイルでよく使われそうな語彙を中心に辞書が構築されており、リリースから約10カ月ですでにPC版のダウンロード数を抜いているという。 新たに搭載
【営業さん必見！】iOS/Androidアプリ開発で事前に合意しておくべき7つのポイント | DevelopersIO
※1.X系は開発対象になることがほとんどないため、表から除外しています。 3.ネットワーク オフライン、3G、wi-fi、LTEとスマートフォンではネットワークの種類がいくつかあります。何もここまでと思う方もいらっしゃると思いますが、3Gとwi-fiで動きが異なるということも実際あったので、開発対象のアプリがどのネットワークを対象としているのかは明確にしておく必要があります。 4．テスト範囲 端末とOSのバージョンを組み合わせただけで相当数のパターンができます。全ての端末、全てのOSのバージョン、全てのネットワークの組み合わせでのテストは現実的には不可能ですので、開発でのテストの範囲を決めておきましょう。またテスト範囲には、弊社諏訪が書いた記事「Androidの結合テスト」で書いていましたが、どこまでテストを深くやるのかも決めておくべきです。 5．リリース 開発までで終わりなのか？ストアの
何これ欲しい！自立するパワフルなiPhone・Androidケーブル「The Bobine」を見つけた！ | necozine
何これ！欲しい！ ケーブルがパワフルでスマホを持ち上げてしまうという画期的なケーブル。 料理中、レシピ見るのも良いですね～とっても見やすそうです！ 充電しながら固定撮影、動画投稿しているブロガーの方とかに良さそうですね。 作業中、充電しながらミュージックプレイヤーや、手放しskypeとかFaceTimeでも良いですね！ 運転中のハンズフリーです。もう室内野外持ち歩いて色々使えますね。 コンパクトで場所を選ばない、平たい場所があれば自分撮りもラクチンです！ これも、日々の生活を激写して情報をお届けしているブロガーや、ひとりランチとか、自分撮りに本当に最適だと思います。三脚のようなものですね、手ブレなし！ iPhoneとAndroid用に既に発売中で、iPhone5用は開発中だそうです。 日本でも気軽に手に入れたいのに！輸入ショップ店のオーナーの方々、是非仕入れて下さい。 海外のストア：The
jQuery MobileでGoogle Mapsの表示からお問い合わせフォームの作成まで「jQuery Mobile」でスマホサイトを作ってみよう【実践編】 | HTML5でサイトをつくろう
jQuery MobileでGoogle Mapsの表示からお問い合わせフォームの作成まで「jQuery Mobile」でスマホサイトを作ってみよう【実践編】 スマートフォン向けフレームワーク注目の「jQuery Mobile」の第2弾の記事です。前回はjavascriptを一行も書かずにjQuery Mobileでページを作成してみましたが、今回はスマホサイトで、google Mapsやお問い合わせフォームの設置など、より実践的に使える内容を作っていきたいと思います。 前回の記事はこちらになりますので見ていない人はこちらから見るとより今回の記事がわかりやすいくなります。 スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】 さて前回もあげましたが、jQuery Mobileのメリットと言えば！ マルチデバイスに対応できる クロスブラウ
必読！5分でわかるレスポンシブWebデザインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
二度目まして。デザイナーの野田です。 レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。今回は、制作に関することではなく、最低限知っておかなければならないことの基本編になります。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整することを指します。 現在はPCやスマートフォンなど、デバイス毎に各HTMLファイル
html5でアプリの壁を超える方法
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
企画が考えるスマホUIデザイン
転職・退職代行マガジン -
サービス終了のお知らせ - NAVER まとめ
Loading...
