はてなブックマーク

• あとで読む

  アップル（ストア渋谷店）にがっかりした話の顛末 :: 5509

  276 users

  5509.me

  割とアップルの製品は好きだし、好きだっただけにこんなにがっかりしたことは初めて。 発端 ことの発端は仕事で使っているMacBook Airが液晶割れしてしまったことで 液晶割れっていくらになるんだろうとか思いながら、アップルストア渋谷店に持っていったところ 40000円弱ですね、とのこと。 お金かかるだろうなっていうのは分かってたしそれはまー仕方ないからおいとくとして、スリープから復帰しないっていう別の致命的な不具合もあったのでそれ見てもらった。 で、こっちは無償で修理しますんでっていうことでお願いして、1週間後くらいに連絡もらって取りに行きました。 最初のミス その場で簡単に検証して ロジックボード変えたので大丈夫だと思いますみたいなこと聞いて まーまた不具合あったら持ってきますわーって言って持って帰ったんですけど なんかこのMacBook Air処理が遅い気がする・・・ で、この時は検

  • テクノロジー
  • 2012/04/27 06:51

  • Apple
  • サポート
  • MacBook Air
  • apple store
  • Mac
  • support
  • アップル
  • MacBook
  • ユーザー体験
  • air
• あとで読む

  5509.me

  17 users

  5509.me

  This domain may be for sale!

  • テクノロジー
  • 2012/04/08 23:23

  • UI
  • javascript
  • デザイン
  • *webデザイン
  • *web制作
  • jQuery
  • スマートフォン
• あとで読む

  5509.me

  7 users

  5509.me

  This domain may be for sale!

  • テクノロジー
  • 2012/04/04 09:46

  • jQuery
  • plugin
  • UI
  • CSS
  • Programming
  • JavaScript
• あとで読む

  5509.me

  20 users

  5509.me

  This domain may be for sale!

  • テクノロジー
  • 2012/03/28 10:01

  • sass
  • prefix
  • SCSS
  • css3
  • CSS
  • webdesign
• あとで読む

  5509.me

  20 users

  5509.me

  This domain may be for sale!

  • テクノロジー
  • 2012/03/20 02:40

  • jQuery
  • carousel
  • カルーセル
  • JavaScript
  • プラグイン
• あとで読む

  5509.me

  31 users

  5509.me

  This domain may be for sale!

  • テクノロジー
  • 2012/03/11 13:57

  • css3
  • CSS
  • Tips
  • *css
  • html
  • Web制作
• あとで読む

  フロントエンドの開発を加速するCodeKit :: 5509

  60 users

  5509.me

  また紹介エントリーか。。。Sass布教活動の一貫です。どうも。 SassとかLESSって使ってますか？書くのがとても億劫なCSS（個人の感想です）を快適に書くことが出来るようになる上に、始めた頃の楽しさが戻ります（個人の感想です）。詳しいことは以下のエントリかたがたを見てもらうとして。Sassの記事が多いのは僕がSass使ってるからです。Sass推しです。 CSSとフレームワークとメタ言語 Sass、そしてSassy CSS (SCSS) Sass を今すぐ実務で使おうよ！ Sassを覚えよう LESS初心者向けのナニカ というか LESS & Sass Advent Calendar 2011（） をみてください。 浸透しにくい理由は色々ある気がしますが・・・ コンパイルがめんどい そのとおりです。慣れですけどね。とっつきにくい感をこいつが出してるのはその通りでしょう。 黒い画面がちょっ

  • テクノロジー
  • 2012/02/20 15:26

  • sass
  • css
  • CodeKit
  • less
  • scss
  • web制作
  • webデザイン
  • mac
  • webdesign
  • app
• あとで読む

  Chromeで超簡単にUser Agentを変える方法 :: 5509

  374 users

  5509.me

  @hokaccha に言われて便利すぎて脳みそ飛び出るかと思った途中から嘘です 以下、見たことのある内容が続きます 全然気がつかなかった・・・いつからだろう・・・ ＞ 17からだそうです Chromeにビルトインされてるのですぐ使えます。 ちなみに、キャプチャはChromeのdev版なのでstable版は少し違うかもしれません。stable(Macの17.0.963.46)でもOverride User Agentの項目あるのは確認してます。 通常はもちろんユーザーエージェントはChromeですが、Cmd+Option+I などでインスペクタを開くと 右下にギアアイコンがあって、そこからインスペクタのSettingが開けます すると Override User Agent という項目があるので チェックすると、よく使いそうな User Agent 一覧がプルダウンで開きます 試しに iPh

  • テクノロジー
  • 2012/02/09 13:48

  • chrome
  • User Agent
  • UserAgent
  • Google Chrome
  • web制作
  • tips
  • 便利
  • google
  • iPhone
  • コンピュータ・IT
• あとで読む

  タイプライターっぽいエフェクトを実行できる jq.typewrite :: 5509

  24 users

  5509.me

  今さらなんでもないメソッドですけど、せっかく作ったので記事書いておきます。対象要素内のテキストを一文字ずつ表示するだけです。 jq.typewrite のサンプル ホスト / ダウンロード 5509/jq.typewrite – GitHub ダウンロード 使い方 そのままつかう 最初に $.typewrite(jQueryオブジェクト) で初期化しておきます。あとは任意のタイミングで .play() メソッドでエフェクトを実行できます。 .play(4) のように実行時に duration を決めることもできます。 .play() メソッドは jQuery Deferred オブジェクトを返すので、完了時に何かしたいときは .done() でつなげばOKです。 JavaScript var typewrite1 = $.typewrite($('#typewrite1')); $('#d

  • テクノロジー
  • 2012/01/23 01:21

  • タイプライター
  • jQuery
  • JavaScript
  • 拡張機能
  • テキスト
  • plugin
• あとで読む

  swpnav

  4 users

  5509.me

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce augue nulla, rhoncus sed faucibus sit amet, sagittis at metus. Mauris tristique dui eget turpis interdum ultricies. Donec volutpat, velit a congue convallis, nisi est ultricies tortor, sed pretium eros enim nec lorem. Pellentesque iaculis, felis ac interdum tincidunt, tortor lacus ultrices nisl, ut porta magna enim eu nunc. Cras nec ve

  • テクノロジー
  • 2011/12/19 18:17

  • jQuery
  • UI
  • iphone
• あとで読む

  iPhone AppのPathみたいなナビゲーションを実装できる Swpnav.js :: 5509

  72 users

  5509.me

  PathみたいなナビゲーションをWebページに実装するライブラリです。同じようなのは他にもあると思いますけど、これの特徴は対象に当たっている他のライブラリと干渉しにくいということでしょうか。iScrollみたいなイベントキャンセルが強力なやつはだめだと思います。 サンプルがまさにそれなんですけど、同僚の@が作った flipsnap.jsとは共存できます。レイヤー毎にスワイプ判定をしてるので、上位レイヤーで一度キャンセルすると Swpnav が実行されてる下位レイヤーにはイベントが飛ばなくなるような感じで、この Swpnav とか flipsnap のような作り方をしているライブラリとは共存できると思います。 サンプル（Webkitのみ ホスト githubにあります 5509/Swpnav – GitHub 使い方 ソースコードをダウンロードして、任意の場所に swpnav.js を置き、

  • テクノロジー
  • 2011/12/19 16:42

  • jQuery
  • javascript
  • UI
  • Path
  • iPhone
  • プラグイン
  • スマートフォン
  • iOS
  • ライブラリ
  • plugin
• あとで読む

  Node.jsでLESSファイルを動的にコンパイルする :: 5509

  24 users

  5509.me

  「Less & Sass Advent calendar 2011」9日目のです。 流れをぶった切ってしまってあれなのですが、Node.jsとあわせてLESSファイルを動的にコンパイルするようなやつ書きます。 みなさんご存知の通りLESSはJSで書かれているので、Node.jsを使ったアプリでは動的にLESSファイルをコンパイルできます。 ところがLESSのサイトに書いてある方法は var parser = new(less.Parser); parser.parse('.class { width: 1 + 1 }', function (err, tree) { if (err) { return console.error(err) } console.log(tree.toCSS()); }); ・・・やさしくない！ まあでも早い話、parse(hoge, func)のhogeにL

  • テクノロジー
  • 2011/12/09 10:52

  • less
  • node.js
  • javascript
• あとで読む

  使いやすいセレクトボックスを実装できる jqselectable.js :: 5509

  123 users

  5509.me

  3年くらい前に最初のバージョンを作ったjQselectableをほぼ全て書き直しました。書きなおす流れで以前のものと互換性がなくなってしまったので、新しいものとして公開します。 jqselectable のサンプル 5509/jQselectable – GitHub 使い方 実行する前に ファイルをgithubからダウンロードして、CSS/JSファイルを読み込んでおきます。 jQueryプラグインなので、jQueryも読みこんでおきます。推奨は一応最新バージョンです。 CSSは jqselectable/style の中に selectable natural xp と3つ入っているので好きなものを選んでください。自分で書いても大丈夫です。そのときはgithubからpullリクエストください。 実行する ready関数は必要に応じて使ってください。 jQuery(function($){

  • テクノロジー
  • 2011/12/07 21:00

  • jQuery
  • フォーム
  • javascript
  • プラグイン
  • form
  • Web制作
  • jQuery
  • selectbox
  • js
  • セレクトボックス
• あとで読む

  フロントエンドの開発効率が3倍に…！？デバッギングプロキシCharlesの使い方 :: 5509

  433 users

  5509.me

  タイトルは釣りかとおもいきや僕は普通にあるのとないのとで3倍くらい差があるので、界王拳アプリのひとつです。特にWebアプリとか大きめの規模のサイト開発でとても役に立ちます。 Charles こんなことができます（目次） いちいちサーバーへファイル転送なんかしてられない Charlesのインストールとライセンス Map Local（指定URLのリクエストをローカルへ向ける Map Remote（指定URLのリクエストを別のURLへ向ける 常にキャッシュをオフに Locations 設定の流れ（ほとんど全部共通） Throttling で回線速度をシミュレート リクエストが丸裸 例えばXMLHTTPRequestの場合 ログの設定はRecording Settingsから 紹介してる以外にも Reverse Proxy を設定できたり、 Break Points で指定リクエストのパラメータを

  • 暮らし
  • 2011/11/21 10:46

  • proxy
  • Charles
  • web制作
  • 開発
  • ツール
  • tool
  • web
  • debug
  • development
  • アプリ
• あとで読む

  5509.me

  28 users

  5509.me

  This domain may be for sale!

  • テクノロジー
  • 2011/11/09 15:27

  • apache
  • mac
  • lion
  • httpd.conf
  • development
  • dev
• あとで読む

  カスタムイベントとイベントの発火 :: 5509

  4 users

  5509.me

  IE8以下以外は普通にaddEventListenerするだけなんだけど、IE8以下はaddEventListenerが使えないのと、イベントハンドラには既に予約されてるonhogehogeしか使えないので、ondataavailable（※）に全て登録しておいてeventオブジェクトに処理を保存しておく。triggerする際は、evtObj.nameをキーに処理を引き出してhogehogeする。 ※ なんかサイ本みたらondataavailableに登録するみたいなことが書いてあったからそうした。

  • テクノロジー
  • 2011/10/11 06:46

  • JavaScript
  • development
• あとで読む

  Chromeのキャッシュをオフにする方法 :: 5509

  302 users

  5509.me

  全然気がつかなかった・・・いつからだろう・・・ Chromeにビルトインされてるのですぐ使えます。 ちなみに、キャプチャはChromeのdev版なのでstable版は少し違うかもしれません。stableでもcacheの項目あるのは確認してます。 通常、キャッシュがあればそっちを見に行くので304になりますが 右下にギアアイコンがあって、そこからインスペクタのSettingが開けます Disable cacheにチェックを入れておくと Cacheが常にオフになり 常に200、キャッシュを見にいかなくなります

  • 暮らし
  • 2011/10/05 10:57

  • chrome
  • Google Chrome
  • cache
  • Tips
  • browser
  • web制作
  • Google
  • キャッシュ
  • WEB
  • ブラウザ
• あとで読む

  いつappendされるか分からないDOMノードを監視して何かする :: 5509

  6 users

  5509.me

  最後の手段として使える場合があります。最後の手段です。 プラグインとか使いまくってると（そもそも挙動を理解していないプラグインを使いまくるのはよくないので、注意したほうがいいです）、「プラグインで生成したノードがDOMツリーに追加された後なんかしたい」みたいなときがあったりするかもしれないですが、そういうときになんとかする方法です。 jQuery使ってないときは$(“object”)をquerySelectorとかに変えます。 var object = undefined; (function() { object = $("object"); if ( object && object.length > 0 ) { // ここに処理書く return; } setTimeout(arguments.callee, 30); }()); 上の例だと、objectを監視し続けてほしい個数分取

  • テクノロジー
  • 2011/09/28 14:11

  • javascript
  • jQuery
• あとで読む

  jQueryのappendパターン :: 5509

  27 users

  5509.me

  appendで追加するあれやこれのパターン。別に珍しいことないですよくある光景です。appendだけじゃなくてhtmlとかafterとかそゆのでも使えます。まあ何で使えるかっていうのはjQueryのドキュメント見てください jQueryオブジェクト まあ普通はこれですよ。 var hoge = $("#hoge"); $("#fuga").append(hoge); とか極端な例だけど $("#hoge").append( $(" ") .append( $("") .attr("href", fuga) .text(piyo) ) ); みたいなの HTML要素 これもあるある。 $("#hoge").append( "

  • テクノロジー
  • 2011/08/30 23:59

  • jQuery
  • jQuery
  • JavaScript
  • HTML
• あとで読む

  Edit in placeエディタを実装するEIP :: 5509

  13 users

  5509.me

  シンプルで使いやすいEdit in placeエディタを。 EIPは指定の要素にEdit in placeエディタ機能を付加します。データの保持はカスタムデータ属性で行い、コールバック関数を呼べるためある程度自由にデータのやりとりができます。 EIPのサンプル ダウンロード Githubから 使い方 jQueryとeip.js、eip.cssを読み込みます。 次にHTMLを用意します。このとき、HTMLにはdata-eipが必須です。実行対象はdivでもspanというか何でも大丈夫ですが、display: block指定がされているか、ブロック要素がいいと思います。（※data-eipについては後述

  • テクノロジー
  • 2011/08/01 16:05

  • jquery
  • javascript
  • plugin
• あとで読む

  Skroll

  10 users

  5509.me

  Photo by Martin Gommel "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque

  • テクノロジー
  • 2011/07/13 12:11

  • scroll
  • jQuery
  • @写真
• あとで読む

  5509.me

  92 users

  5509.me

  This domain may be for sale!

  • 暮らし
  • 2011/07/12 10:45

  • jQuery
  • スクロールバー
  • javascript
  • UI
  • iOS
  • scroll
  • web制作
  • plugin
  • スクロール
• あとで読む

  GPUアクセラレーターが使える環境で強制的に有効にできるCSSの指定方法 :: 5509

  86 users

  5509.me

  This domain may be for sale!

  • テクノロジー
  • 2011/07/05 10:55

  • css3
  • css
  • iOS
  • iphone
  • transform
  • アニメーション
  • 3D
  • animation
  • GPU
  • プロパティ
• あとで読む

  5509.me

  23 users

  5509.me

  This domain may be for sale!

  • テクノロジー
  • 2011/07/04 19:21

  • CSS3
  • CSS
  • timing-function
  • Animation
  • Web制作
  • アニメーション
  • これは便利
• あとで読む

  5509.me

  16 users

  5509.me

  This domain may be for sale!

  • テクノロジー
  • 2011/06/24 02:26

  • jQuery
  • javascript
  • バグ
  • *jQuery
  • tips
  • *tips
• あとで読む

  5509.me

  10 users

  5509.me

  This domain may be for sale!

  • テクノロジー
  • 2011/06/23 09:02

  • *jQuery
  • jQuery
  • *あとで読む
• あとで読む

  使いやすいマルチプルセレクトへの道のり（セレクトボックスとチェックボックスについて） :: 5509

  14 users

  5509.me

  jQselectableの拡張で、しっくりきて使いやすい、控えめなマルチプルセレクト（複数選択可能なセレクトボックス）を模索中、、つまり考察だけだす おさらい ※ 仕様ではなくて、認識です セレクトボックス 一覧の中からひとつを選択させるもの（そもそも） チェックボックス 基本的には一覧である必要はなくて、複数ある項目の中から指定する項目を選択させるというもの セレクトボックスのmultiple属性 どちらもそもそもの使い方が全然違うけど、セレクトボックスにはmultiple属性があって、trueにすると（multiple属性を追加するだけやけど）、PCではShiftかCtrl(Cmd)を押しながらクリックすると複数項目が選択できる ただのmultiple select – jsdo.it – share JavaScript, HTML5 and CSS この「ShiftかCtrl(Cm

  • テクノロジー
  • 2011/06/10 21:00

  • jQuery
  • フォーム
  • ユーザビリティ
  • UI
  • HTML
  • webdesign
  • mobile
  • iPhone
• あとで読む

  http://5509.me/sbm/

  7 users

  5509.me

  • 学び
  • 2011/06/10 11:57

  • *webサービス

次のページ