ある1つのサンプルksy_dev Webアプリケーション開発者による、機能実装/改善において一つの結論に至るまでの考察とその過程が記述されたブログ。 Twitter @ksy_dev
スマートフォン向けアプリ開発フレームワークとか
スマートフォン向けのアプリ提供はほぼ必須になってきているこの状況。 何で作るのか? というのは、悩ましいところですよね。 ネイティブアプリで作るのか？ WEBアプリ(HTML5+CSS3)で作るのか？ ...は開発者が揃っている云々もあるかもしれませんが、それよりも、そのアプリの特性/対象者によって決定する感じなのでしょうね。 会社のアプリならばインストールさせて使う系のネイティブの方が良さそうだけど、インストール無しでも..であればWEBアプリでという選択肢なのかな。あとは、Appleにお布施が可能なのかどうかとか..か。 WEBアプリの方には全然注目していなかったのですが、「ネイティブと同じような動きで、iPhoneとAndroidのマルチプラットフォーム」となるとなかなか厄介なもんですね。 どこまでこだわるか？によるんでしょうけども、対象が iPhoneだけだったらライブラリつかって
jQueryMobileで$(document).ready()が動かない現象と、その対処 - ハードコイルド・ワンダーランド
最近はjQueryMobileをつかってhtml5/css3でウェブアプリを作っている。 jQuery Mobileは通常のhtmlをマークアップするだけで、それらしいモバイルサイトが作れる。 とても便利なのだが、前々から$(document).ready()がうまく動かないと感じていた。 以下はその調査と解決の記録である。 htmlを分割すると遷移先の画面で$(document).ready()が動かない 現象としてはhtmlが２つ以上ある場合に、遷移先のhtmlヘッダに記述された$(document).ready()が動作しない。 確実な原因はわからないのだが、デバッグしてみるとどうもjQueryMobileの仕様のようである。 ページ遷移をする際に、新しくhtmlを読み込むのではなく、既存のhtmlにdiv要素だけ挿入しているようなのである。 分かりにくのでスクリーンショットを貼った
hover疑似クラスで(マウスが載った際に)リンク画像を切り替える - スタイルシートTipsふぁくとりー
《2016年2月3日 16:07 公開/更新》 hover疑似クラスで(マウスが載った際に)リンク画像を切り替える [イメージ,リンク,配置] 画像リンク(＝リンクになっている画像)の上にマウスポインタを載せたときに、マウスポインタが載っている間だけ別の画像に差し替えるデザインがよくあります。そのような「マウスが載ったときに画像を切り替える」機能は、JavaScriptなどのスクリプトを活用することなく、スタイルシートだけで作れます。 「要素の上にマウスポインタが載ったとき」の装飾は、hover疑似クラスを使うことで指定できます。つまり、hover疑似クラスを使って画像を切り替えれば良いわけです。ただ、表示する画像ファイルそのものを切り替えるよりも、背景画像の表示領域をずらすことで「画像が切り替わったような効果を出す」テクニックの方が、(切り替え先の画像の読み込みを待たずに済む分)動作が高
はじめてのjQueryMobile - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） 先月10月にアルファリリースされ、つい先日Alpha2が公開されたjQueryMobile。 新たなモバイル向けフレームワークとして期待が高まりますが、 今日はそんなjQueryMobileを、極めてザックリと紹介してみたいと思います。 だいたいのイメージを掴んで頂ければ幸いです。 公式 : jQuery Mobile | jQuery Mobile jQueryではなく、jQueryUIのモバイル版 と、言うべきでしょうか？ jQueryMobileが提供してくれるのは、 スマートフォン向けのテーマスタイルシートと、 それをより簡単にレンダリングする為の仕組みです。 はじめ勘違いしていたのですが、 jQueryをモバイル向けにチューンした物ではないので注意。 使用の際にはjQueryを一緒に読み込む必要があります。 <link
まさかν速に、「たこ足配線」してる馬鹿は居ないよな？死ぬぞ : 暇人＼(^o^)／速報
まさかν速に、「たこ足配線」してる馬鹿は居ないよな？死ぬぞ Tweet 1：名無しさん＠涙目です。(チベット自治区)：2011/05/26(木) 00:33:52.60 ID:CoO04Sd60● 名古屋・瑞穂の火災、死者５人に 「たこ足配線」原因か 名古屋市瑞穂区豊岡通の無職野田功さん（７９）方で同居の３世代８人のうち７人が死傷した火事で、 ２階にあったパソコンなどのコード多数が「たこ足配線」で絡み合っていたことが、愛知県警への取材で分かった。 コード下の床が丸く焼けており、県警はこうした配線状態が過熱やショートにつながり、コードが火元となって燃え広がったとみている。 県警によると、功さんの孫で意識不明の重体だった同市立瑞穂小学校６年の修子さん（１１）が２５日夜に死亡し、死者は５人となった。 県警への取材では、床の焼けた跡は直径２０センチの円形だった。全焼した２階南東側の８畳間のパソコン
死蔵本にも手が届く！ ScanSnap＋iPadはやっぱり最強タッグだった
要はScanSnapをきっかけに、本だけでなく諸々の雑貨を含む「部屋の収納空間の整理整頓」を始めた結果、単に本をスキャンしてPDF化するというだけにとどまらず、その何倍ものスペース創出効果が得られたという話でしたが、一方の情報系の話題についてはまだ書いておりません。 本を読む時間はあるのか？ それが問題だ！ 「情報系」というのは、「本」から得られる「情報」自体をどう活かすかという話です。 「本」は持っているだけではただの物体です。そこから得られる情報を利用してこそ役に立つものなわけで、「利用」できなかったら、紙のままだろうが電子化しようが大差はありません。それどころか、自炊の手間をかける分だけ無駄骨折りと言われてもやむを得ないでしょう。 結局のところ「死蔵」している本の山、これが果たして日の目を見ることはあるのでしょうか？ ScanSnapがいくら高速でも、1日が48時間になるわけではあり
実例アプリで学ぶ“Railsらしさ”の基礎
実例アプリで学ぶ“Railsらしさ”の基礎：Railsで目指せ、情熱エンジニア（6）（1/2 ページ） Ruby on Railsで書かれた実例アプリを取り上げて、Rails初心者が陥りがちなコードの書き方を指摘します。より「Railsらしい」コーディングを目指そう！ 実際の例でRailsらしさを知る 今回からRailsで書かれた実際のWebアプリの例で、リファクタリングとテストについて解説します。取り上げるのは「Worklista」です。 Worklistaは、＠IT編集部の西村賢さんによる作品です。deliciousやhatenaブックマークのような一種のブックマークサービスですが、特徴は自分の記事を1カ所にまとめることに特化していることです。私の場合、個人のブログより会社のブログ、あるいは今回の記事のように商業サイトに書いたりと、自分の作品が散在しているので、このようなまとめサイトが
noupe - THE magazine for webworkers and site owners
Saving for college is quite a daunting task. We all want to set our kids up for success, right? But, the path to financing their dreams can feel like a maze of decisions and ...
スマフォ対応の洗練されたUIエレメントがすぐに実装できるCSSとJSの開発キット -Skeleton
Forms -フォーム [ad#ad-2] Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメントをあらかじめ用意してあるので、すばやくサイトの制作が始められます。 Style Agnostic SkeltonはUIのフレームワークではありません。最もベーシックなスタイルを提供していますが、あなたの好きなデザインを適用することができる開発キットです。 Skeltonの対応ブラウザ・デバイス Latest Chrome (Mac/PC) Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC) Latest Safari IE9, I
実は厄介、ケータイWebのセッション管理
実は厄介、ケータイWebのセッション管理：再考・ケータイWebのセキュリティ（3）（1/3 ページ） “特殊だ”と形容されることの多い日本の携帯電話向けWebサイト。そこには、さまざまな思い込みや性善説の上しか成り立たないセキュリティが横行しています。本連載は、ケータイWebの特殊性をていねいに解説し、正しいケータイWebセキュリティのあるべき姿を考えます（編集部） 「Cookieを使えない端末」でセッションを管理する方法は？ 第2回「間違いだらけの『かんたんログイン』実装法」ですが、多くの方に読んでいただきありがとうございました。 今回は、前回に引き続き架空のSNSサイト「グダグダSNS」のケータイ対応を題材として、ケータイWebのセッション管理の問題点について説明します。携帯電話向けWebアプリケーション（ケータイWeb）のセッション管理は、かんたんログインよりも対策が難しく、厄介な問
ダメディレクターと呼ばれない？ディレクション業務で普段から気をつけている10のこと。 | Maka-veli.com
ユーモアのある人生を。 IT / Web / Design / Device / Photo / Movie / Music / LOVE…and HUMOR. Masato's LifeStyle BLOG 先日、 「デザイン未経験、プログラム出来ず人間がWebディレクターとして前線に立つ為に心がけていること」 という記事を 書きましたが、これは社会人としての心構え的なものでしたので もっと 具体的に、ディレクターとして気をつけている事を今度はメモします。 ぶっちゃけどちらもWebあんま関係無(ry 一番恐れているタスク（プロジェクト）から手をつける 一番気をつけているかも。 タスクが積み重なってくると、優先順位がおろそかになります。 そして、一番仕事しづらい、恐れている事を後回しにしてしまう事があります。 あとでゆっくり、じっくり このタスクは負担が大きいから後で とか
PHP × Ajax = CMS » [CakePHP] Debugkit（デバッグツール）
CakePHP / CodeIgniter / MySQL / HTL5 / CSS3 / jQuery を活用したWebシステム開発 Debugkitとは 10分程度で設置できる、CakePHPのデバッグツールのプラグイン。 Debugkitの設置方法 下記URLからファイル名の日付が最も新しいZIPファイルをダウンロードする。 http://git2zip.com/thechaw/debugkit/ ZIPファイルを解凍してできたdebug_kitというフォルダを、app/plugins以下に置く。 /app/config/core.phpのデバッグレベルを2に設定する。 Configure::write('debug', 2); 運営中の本番環境でデバッグツールを使用する場合は、以下のように記述する。 （***.***.***.**のところに開発者のIPアドレスを入れる。） if
HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」:phpspot開発日誌
HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」 2011年05月26日- jQuery HTML5 Uploader HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」。 デスクトップからブラウザにドラッグ＆ドロップできたら、初心者の人とかはもっとアップロードが簡単になるはずですね。 HTML5を使って実装されていて、そのUIなんかも面白いUIで提供されていたのでご紹介。当然ダウンロードして使うことができます。 ファイルを画面の割れ目の穴にドロップしましょう。複数ファイルもOKみたい。 なんと、すぐ下にイメージが表示されてアップ開始。進捗表示もできます。 こんなことが出来るんだというのを知っておくだけでもよさそうですが、jQue
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
designerterminal.com
プログラミング言語Scala 日本語情報サイト
ほとんどの画像エディタで使える、人物写真の顔だけ明るくする早くて簡単な方法 | ライフハッカー・ジャパン
萌える痛PCケース : ニュー速VIPブログ(`･ω･´)
ダフト・パンクのトロンのテーマ曲『Derezzed』のギターソロが超格好いい（動画）
TechCrunch | Startup and Technology News
プログラミング言語Scala 日本語情報サイト
請求書.jp
新着記事