スマホサイトを作る前に見たい国内38社の実例 (1/7)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 好評だった前編に引き続き、Web制作者が見ておきたいスマートフォンサイト（日本語／企業サイト限定）を業種別に分類して紹介する。スマートフォンサイトの制作に入る前にチェックしておこう。
サーバサイドJavaScriptの本命「node.js」の基礎知識
本稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです（例えば、「ログが必要だよね」など）。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様
紅茶を飲むと集中力がアップして仕事がはかどり、疲労も軽減される
仕事の合間にコーヒーを飲むか、あるいは紅茶を飲むかというのは意見が分かれるところだとは思われますが、紅茶党にとって朗報となる研究結果が報告されました。紅茶を飲むと仕事がはかどり、疲労も軽減されるということです。 紅茶に含まれるL-テアニンとカフェインが、仕事への集中力を高めるとのこと。そのほかにも紅茶は健康に良い効果をいろいろともたらすようで、ある医師は1日4杯の紅茶を飲むことを勧めています。 実験の結果と、紅茶がもたらすいろいろな効果は以下から。Tea has been claimed to give the brain a lift | Mail Online 紅茶の中から見つかった自然由来の成分は知力を向上させ、動作の素早さも向上させる効果があるということが研究の結果分かったそうです。 オランダの研究者は、44人の若者を被験者として行った実験によって、紅茶の中からで見つかった化学成分
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
遊ぶことしか自分の可能性は引き出せない - sadadadの読書日記
唯一の正解に向かって我慢しながら進んでいくというのが今までの一般的な考え方でした。しかしながら、正解が多様化する時代になった今では、方向性を誤ればどんなに我慢をしようが報われない現実が存在しています。そんな報われないかもしれない時代には、報われるためには我慢しなければならないと思う人が増えてきます。面白くもない仕事を我慢して続けなければならないと思い込むのはあまりにもつらく、我慢大会になれば、しなくてもいいはずの生産性のない仕事でも容認してしまいます。本気で行うに値しない仕事に縛られて、自分の好きな遊びを放棄するのは、人生のあるべき姿として正しいのでしょうか。 ポジティブな人だけがうまくいく3:1の法則 作者: バーバラ・フレドリクソン,植木理恵,高橋由紀子出版社/メーカー: 日本実業出版社発売日: 2010/06/24メディア: 単行本（ソフトカバー）購入: 7人 クリック: 538回こ
今感じていること PHP、PEAR::Auth辺りのセッションて
setExpireに関しては、こんな感じ。 If this variable is set to 0, auth never expires setIdleに関しては、こんな感じ。 If this variable is set to 0, idletime is never checked. じゃ、上の二つのメソッド呼ばなければ、永遠なのか？と考えると、そうではないと。 結局の所、PEAR::Authは後ろで、PHPのセッション管理関数呼び出している訳で。当然、php.iniの設定とも関わってきます。 で、前回は、 で、さらには、php.iniのsession.cookie_lifetimeがログイン有効期間の値より大きく設定されていないといけないと。 って、意気揚々と書いて、あえなく玉砕。 で、さらに調べてみたら、ガーベージコレクション(GC)とも関連があると。 それに関係する定義につ
PEAR::Authでユーザー認証 « できるWEBサイトにする為に何が出来るのか
PEAR::Authでユーザー認証 (1件の投稿) (1件の返信) admin が2週前に開始しました。 PEAR:Authはフォームから入力されたユーザーIDとパスワードをストレージコンテナ(DBなどから)に保存されたユーザーIDとパスワードを比較して認証を行います。 PEAR::Authをインストール PEAR:Authのインストールのやり方はいつものです。 #pear install Auth DBMSを利用しての認証 PEAR:Authで認証を行うにはAuthクラスをインスタンス化する必要があります。 Authクラスは第１引数にストレージコンテナを ( 今回はMDB2を利用します ) 、第2引数にはデータベースの情報を指定します。 データベースの情報は連想配列で指定します。 今回はMDB2を利用するので、MDB2に接続するときと同じものを使用してみます。 DBの準備 MySQL
レイアウトをユーザの手によってデスクトップアプリ風に調整可能にするjQuery「UI.Layout」プラグイン:phpspot開発日誌
レイアウトをユーザの手によってデスクトップアプリ風に調整可能にするjQuery「UI.Layout」プラグイン 2011年02月27日- UI.Layout Plug-in - Home 2 レイアウトをユーザの手によってデスクトップアプリ風に調整可能にするjQuery「UI.Layout」プラグイン。 次のような複数ペインにわかれ、なおかつドラッグ＆ドロップでペインのサイズを変えられるようなUIが作れます。 レイアウトだけではなく様々なコンポーネントも含まれるため、Ext.JSのようなリッチなUをjQueryで実現できます。 出来ることが豊富で、デモページをひと通り見れば便利さが分かるはずです。 ドキュメントもしっかりしています。 関連エントリ Extばりのリッチなタブ等のＵＩを実現「dhtmlxTabbar」 Extバリの超クールなUIを提供するJavaScriptライブラリ「Jx L
自由自在！CSS3のtext-shadowを使ってをロゴ作ってみる｜Webpark
CSS3のtext-shadowが面白そうなので個人的に色々ロゴを作ってみました。想像力が膨らみますね。 text-shadowの基本的な使い方はこのようになります。 カンマで区切ると複数の陰を同時つけることできて、うまく組み合わせると色んなロゴが作れちゃいます。 光り輝いているようになっています。複数の影を使っていて、色は同じですが外にいくほどぼかす割合が強まっています。 color:#fff; background: #000; font-size: 52px; font-weight: bold; text-shadow: 0px 0px 1px #ffffff, 0px 0px 10px #ffd700, 0px 0px 20px #ffd700, 0px 0px 30px #ffd700, 0px 0px 40px #ffd700; 影を重ねて立体的に仕上げています。 color
[CSS]IE6, IE7, IE8, IE9の各バージョンの分岐をvalidで処理する方法
CSS Specific for Internet Explorer デモページ（※IE7で表示） [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介 デモページは、下記のように設定されています。 スタンダードブラウザ（IE9, Firefox, Chrome, Safari, Operaなど） 背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード 背景色がグリーン IE6 背景色がブルー 下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。 デモページ（※IE8で表示） IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a
Google Maps をジオラマ風にしてみた - てっく煮ブログ
GoogleMapsAPI, asGoogle Maps をジオラマ写真風にすると印象が変わる、というアイディアが チルトシフトの新しい使い方 その2 に書いてあった。おもしろそうなのでリアルタイムに Google Maps をジオラマ風に表示するものを作ってみた。好きな場所を表示できるので、地球全体がジオラマにしてしまった。簡単な使い方：上部の検索欄に英語で入力して移動左のコントロールは Google Maps と同じShift+ドラッグで視点移動日本各地を巡ってみた東京駅前車がミニチュア風でかわいい。京都御所箱庭になりました。大阪駅前線路と高速道路とビル群。 どうぞご利用くださいあなたの街をジオラマ風に！ソースコードチルトシフトのエフェクトは「彩度をあげる」「周りをぼかす」「周りを暗くする」ことで実現している。ソースコードは以下に（map_1_20.swc、minimalcomps、T
auがスマホのテザリング解禁――WiMAX対応Android端末「HTC EVO WiMAX ISW11HT」
auがスマホのテザリング解禁――WiMAX対応Android端末「HTC EVO WiMAX ISW11HT」：＋525円でWiMAXつなぎ放題、Wi-Fiルータにも 3GとWiMAXのネットワークを利用できるAndroid端末「HTC EVO WiMAX ISW11HT」がauから登場。3G、WiMAXともにWi-Fiテザリングに対応し、最大8台のデバイスを接続できる。WiMAX使い放題が“＋525円”という破格の料金も注目。 KDDIは2月28日、WiMAXに対応したau向けAndroid端末「HTC EVO WiMAX ISW11HT」を発表した。月額525円の追加負担でWiMAXの高速通信が使い放題になる「＋WiMAX」のサービスに対応する。3G／WiMAXどちらのネットワークもテザリングができ、最大8台のデバイスを接続できる無線LANルーターにもなる。発売は4月上旬以降。 同モデ
最近気になってきたjQueryについて色々調べてみました - もとまか日記
最近、「jQuery」というキーワードをよく見かけます。 これって何だろ？と思ったので調べてみたら、JavaScriptのライブラリのようで。 てことで、最近ちょっと気になってたJQueryについて調べてみました。 jQueryの概要 まずは難しいことは抜きにして、以下を読んでみると分かりやすいです。 はじめてのjQuery jQuery仕様関連 一応ですが、仕様について。 jQuery 日本語リファレンス 必要に応じてみればいいかな？と思ってるので、まだ細かくは見てません。 初心者向けの基礎知識、基礎講座 最初は初心者向けの記事を読んでみると良さそうです。 ASCII.jp：40分で覚える！jQuery速習講座一晩で覚えるjQueryの逆引き基礎サンプル7つjQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみるjQuery 開発者向けメモ サンプル、プラグイン 調べてて
【無料】GAE使ってみない？【無広告】 « python練習帳
みなさん、Google App Engineって聞いたことありますか？ あっ、それしってる。Google Docsとかでしょ？って思った方。惜しいけど違います。 Google App Engineとは、Googleが運営している宇宙最強のデータセンタを、一定量まで無料で使える仕組みなのです。 ほんとに無料なの？ Google App Engineを使って無料でサイトを立ち上げる方法にもありますが、無料割り当て分(Free Quota)だけで、かなりの規模のサイトを運営できます。1日の通信量が1GBまでなら基本的にお金はかかりません。100kB/pvとして、1日1万PVまで無料です。個人運営のサイトなら、たいていは無料利用分で足りるのではないでしょうか。 プログラム必要なんでしょ？ Google App Engineを使って無料でサイトを立ち上げる方法の方法を使えば、プログラムを一切書かずに
こんまり流！片づけ不要の部屋を作る6つのポイント ～本『人生がときめく片づけの魔法』 - ライフハックブログKo's Style
今日紹介するのは、最近？話題の本、『人生がときめく片づけの魔法 』。 著者曰く、本書の方法はリバウンド率ゼロの片づけ術なのです。 ほんとかよ！と思ってしまいそうですが、実践すれば、確かにゼロになりそうだと思える内容です。 世の中に散々出ている他の片づけ本と比べても、確かに話題になっているだけあるなという印象です。 今日は本書から、片づけ不要の部屋を作る6つのポイントを紹介します。 1. 「片づけ祭り」の開催日を決める 片づけ「祭り」とはどういうことか。 普段からちょっとずつ、ではなく、一気にやる勢いで、テンションを上げてやるということです。 「一気に」というのが重要です。 徐々にでは片付けと同時に、同時に散らかっていき、結局キレイに片付くことはなさそうですね。 一気に片づけて、劇的に変わった部屋の風景で自分に大きなインパクトを与えるのが大切。 まずは、本気で片づけるために、時間を確保しまし
夢診断できる方居ましたらお願いします。目が開かなくて開かなくて必死に瞼を引っ張る夢をもう何年も見ます。怖いです。取り立てて目は悪く... - Yahoo!知恵袋
長期にわたって繰り返し何度も見る夢は、何か大きな意味があって、無意識が繰り返しメッセージを送っているのだと思います。 １年前の質問を見たうえで、推測で判断します。 この夢は、目を開きなさい、というメッセージです。 現実生活の中でのあなたの対人関係や、物事に対する対応の仕方は、まるで目が見えていないのと同じだと心の深いところで感じているのです。 だから、正しく物事を見るために、何とかして目を開かなければならない、という事です。 今現在は、目を閉じているために見えていない。だから目を何とかして開きなさい。 そういう警告の夢でしょう。 何も見たくない、目を開きたくない、と積極的に目を閉じているのなら、あえて必死に目を開こうとはしないでしょうから・・・
無料で請求書の発行・入金管理！「Zoho Invoise」特徴と使い方 | nanapi[ナナピ]
無料で請求書の発行・入金管理！「Zoho Invoise」特徴と使い方に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに 請求書や見積書の発行って大変ですね。無料で見積書や請求書の管理ができる「Zoho Invoise」というWebサービスがあるのをご存知でしょうか。 「Zoho Invoise」を使うと、面倒な見積書や請求書の管理が楽にできますし、オンラインの利点を活用すれば有利にビジネスを進めることができます。 そこで、無料で請求書の発行・入金管理！「Zoho Invoise」特徴と使い方を書き出してみました。 Zoho Invoise 一般的な見積書・請求書発行をする場合の課題 一般的な見積書・請求書の発行をする場合、最近は、コンピュータによる処理を行なっている事業所が殆どだと思います。手書きからコンピュータに移行して、作業
複数選択するフォームのselectを見やすく使いやすくするjQueryプラグイン・jQuery UI Multiselect
良さ気だったので備忘録として。フォーム のselectで複数選択可能にする事もある と思いますが、これを見やすく、また、直感 で使いやすくする為のjQueryプラグイン。 IE6や7でも普通に動いてくれますので、 いろいろと使いどころがありそうです。 フォーム周りは覚えておくと便利ですよね。 jQuery UI Multiselectは複数選択するselectを見やすく使いやすくしてくれます。
[Evernote]マージしたノートを元に戻す方法
先日、ブログの解析をしていたところ「Evernote マージ 戻し方」と言う検索ワードを発見しました。 おそらく当ブログにその解決方法は載っておらず、わざわざ検索で来ていただいた方を絶望の淵に叩き込んでしまったと思われます。 二度とそのような方を出さないよう、今回はマージしたノートを元に戻す方法をば。 ノートをマージする方法 「マージ」とは、Evernote上の複数のノートを一つにまとめる事です。 この様に、まとめたいノートをシフトキーで選択し 右クリックから「ノートをマージ」を選択。 するとこの様にノートが一つになります。 これがノートのマージです。 ちなみに、この様に隣接していないノートを選択する場合は⌘キー + クリック（Windowsの場合はControl キー + クリック）で選択可能です。 まぁこれはEvernoteに限った事ではなく全てのアプリ共通なんですけど、一応記しておき
![[Evernote]マージしたノートを元に戻す方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/4e68defdd471f8ebda68b4d7311785505d209f65/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F5479405287_d67ef996e71.jpg)
HTMLで文字詰めするタイポグラフィー用JS | fladdict
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
リソースモニタリングツール「CloudForecast」入門 - As a Futurist...
kazeburo さんが開発をされているサーバリソースの可視化ツール「CloudForecast」ですが、個人的に使ってみていてとても使いやすいなと思っています。もっと使ってくれる人が増えるといいなと思い、自重せずに入門エントリを書いてみました。 CloudForecast って何？ そもそも何なの？という話ですが、CloudForecast とはリソースのグラフ作成ツールとして有名な「RRDTool」の薄いラッパーとして作られています。記述言語は Perl ですので、Perl と RRDTool の使い方が大体分かっている人にとっては導入さえしてしまえばかなりかゆいところまで手が届く＝カスタマイズが簡単かつ自由自在なツールだと思います。とりあえずのイントロとしては kazeburo さんの YAPC::Asia 2010 でのこちらのスライドをご覧頂ければと思います。 RRDTool っ
iphoneアプリ売ってみた。その結果。
初めてiphoneアプリ売ってみた。 1つアプリを公開してすぐ、毎月の会社の給料と同じぐらいが不労所得になった。 サポートとか全く要らないし、そもそもメール来ない。 最近はアプリではもう稼げない、サポートが大変すぎるという話のほうが一般的だけど 聞いていた話と違う。 でも、これが利益になったのは、僕が個人でプライベートとして開発したから。 冷静に考えると、ランキングの比較的上位でこの程度しか稼げない。 企業が今からこの競争の中で利益を得るのはかなり難しい。 こんな利益はソフト開発を委託したらペイできない。 既存コンテンツを低コストでiOSアプリ化して売るのが最善だと思う。 僕は知名度のあるエンジニアだった。今じゃない、少し昔の話。 たくさんのメディアに露出してたんだ。 でも夢破れて今は雇われのエンジニア。 1日きっちりと8時間だけ働くエンジニア。 最初は利益じゃなくて自分の技術力がどの程度
怒りの感情と上手く向き合うには？ | ライフハッカー・ジャパン
みなさんは最近、イライラしたり、むかついたりしませんでしたか？ おそらく、多くの人がうなずいていることでしょう。でも、そんな自分を責めないでください。憤慨するのは、 自分の思い通りに事が進まないもどかしさだったり、 相手に対してそれ以上傷つけられたくないという防御機能だったり、逆に、こんなに自分をさらけ出せるのはあなただけなんだから、あなたも心を開いて、という欲求が原因だったりします。 心理学のObject Relations Theory（対象関係論）では、怒りはsplitting（分離）の一つで、自分を守り、自立し、健全な人間関係を築くための自然な感情とされています。だから、怒ってもいいわけです。 では、どうやって自分の中に沸き上がる怒りと向き合えばいいのでしょうか？ 先日、小学二年生の娘が学校（カリフォルニア州の公立学校に通っています）でもらってきたプリントにそれがシンプルにまとめて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windowsと共存可能なWeb閲覧専用の軽量OS「Splashtop OS」v1.0正式版が無償公開
クラウドリーディング：vol.42『初対面の3分で誰とでも仲良くなれる本』 | ライフハッカー・ジャパン
IDEA * IDEA
ジェイルブレイクせずにiOSデバイスを完全バックアップする方法 | ライフハッカー・ジャパン