このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
4月から入社した2011年度新卒社員です。 ハロこんにゃんセヨ がぜんウェブウェブしているほんだです。 今年4月より、意匠部のME課(めか)でマークアップエンジニアとして働いているほんだです。 入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType(ブログ構築ツール)での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。 そんな中でも最近多い業務はjQueryを使ったビジュアル面でのちょっとしたJavaScript(以下 JS)プログラミングです。 jQueryってとっても便利ですなぁ。HTML+CSSの知識を持っている人なら、簡単に「使える」エフェクトをつくれます。 この記事では僕が入社して2ヶ月間に学んだ、簡単で「使える」jQueryテクニックを紹介します。 jQueryってなんぞってとこと、使う前の準備をざっくり解説 jQuer
追記: Crowsnestは、2011年10月3日より正式公開されています。Twitter IDをお持ちであれば、どなたでもお使いいただけます。 僕が今年から働いている株式会社Rmakeのプロダクトとして、Twitterのタイムラインを自動でまとめるソーシャル・ニュースリーダー『Crowsnest』のベータ版を開始しました。 追記: 2011年12月時点の最新のスクリーンショットは以下になります。 Crowsnestとは Crowsnestは、日々Twitterにつぶやかれる大量のURLを収集し、ユーザのタイムラインに基づいてまとめ直し、時系列に並べて閲覧することができるサービスです。 TwitterやFacebookのようなソーシャルメディアが勢いを増す中で、インターネット上の情報収集手段は、RSSリーダーやソーシャルブックマークといった従来のツールから、ソーシャルメディアベースへと徐々
jQuery Mobile でページ遷移がおかしいとき しょっちゅうあります. これらの挙動へのカウンターとしてページ遷移する直前に,保存されているpageオブジェクトを取得してプロパティを書き換えたりすることがあります. var active = $.mobie.urlHistory.getActive(); var prev = $.mobie.urlHistory.getPrev(); var next = $.mobie.urlHistory.getNext(); こんなカンジで,オブジェクトが手に入ります. このオブジェクトがpageを持っていますので,適当に操作すると症状が改善したりします. たとえばの例 2011-06-22追記.jQuery Mobile Beta1でこの挙動は改善されているため,これは古いノウハウとなりました. jQuery MobileのreFocusと
jQueryでAJAX入門2回目:JSON形式を扱う 前回はXML形式のRSSをAJAXで取得してリストで表示させました。今回はXMLではなく、JSON(ジェイソン)と呼ばれる形式を扱い、同じようにリストを表示させてみることにします。今回ご紹介するJSON形式も、前回紹介のXML形式同様jQueryで取得・表示をさせることができます JSON? JSONはJavaScript Object Notationの略で、JavaScriptで簡単に扱えるテキストベースのデータフォーマットです。たとえば下記のような構造になっています。 JSONサンプル [ { "name": "技評太郎", "age" : 26, "skills":["PHP" , "JavaScript"] }, { "name": "長谷川広武", "age":25, "skills":["HTML" , "CSS"] },
iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス
☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。???(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ
iPhoneやiPad、Android端末の普及でスマートフォン専用のページを用意するサイトも増えてきています。 スマートフォンからのアクセスに対して「リダイレクトによってスマートフォン専用のURLに振り分けるとき」の注意点を今日はお伝えします。 rel=”canonical”タグで、対応するデスクトップ用ページのURLを指定してください。 重複コンテンツの発生を防止するためです。 現状GoogleはデスクトップPCとスマートフォンを区別せず同等に扱います。 スマートフォン用の検索結果も用意していません。 共に、ウェブクローラのGooglebotがクローリングします。 ※従来のモバイル端末はモバイルクローラのGooglebot-Mobileがクローリングします。詳しくはこちらの記事を参照。 スマートフォン用のコンテンツはデスクトップ用のページと、完全ではないにしてもほぼ同じになるはずです。
スクロールパネルを実装するjQueryプラグイン「jScrollPanel」を使用して、指定したユーザー(複数指定可)のTLをコンパクトに表示する方法が掲載されています。 マウスホイールイベントをJSで制御するjQueryプラグイン「jquery.mousewheel.js」を使用することで、マウスホイールでスクロールできるようになっています。 鳥アイコンやデザインはCSSで変更できるようになっています。角丸は画像でなく、CSS3を使用して実装されています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml
前の記事 「目」のポスターは効果的:調査結果 「使いにくいiPadアプリ」問題点を分析 2011年5月31日 デザイン コメント: トラックバック (0) フィードデザイン Casey Johnston 『Moleskine』ノートアプリの使い方解説。 米Nielsen Norman Group社の調査報告(PDF)によると、iPadアプリの多くにおいて、操作に必要なジェスチャーが難しく、ユーザーに混乱が生じるという問題が発生している。指先の精度の限界への配慮が十分でないアプリもあるという。 調査では、購入2ヵ月以上のiPad利用者たち16人について、利用時に障害になっているポイントの解明を目指した。被験者たちは、さまざまなアプリといくつかのウェブサイトで、いろいろな課題の実行を求められた。例えば、『The Daily』で興味のある記事を探してまた戻る、『NPR for iPad』でSci
Skitter 多種多少なアニメーションで画像を変更するスライドショー。 キャプチャは「cube」、キューブ状になって変更します。
Posted: 2010.11.14 / Category: javascript / Tag: jQuery, 正規表現 正規表現といえばフォームチェックがぱっと思いつきますが、最近ではjQueryで外部APIで様々な情報を取得する機会が増え、それによって文字列の置き換えなどもできるようにならんとな、と思ったりしている人も増加しているはず! ということでお手軽に使えるjQueryを使用して正規表現をちょこっと勉強してみようと思います。 文字列を置き換える基本の形 正規表現の前にjQueryで単純な文字列を取得して、置き換えて表示するということをしてみます。 html <p> 正規表現はjavascript以外のプログラムやテキストエディターなどの検索でも使えます。でもここではJavaScriptを使うんです。 </p> 例えばここにpタグでマークアップされた文字列があります。 「java
シリコンバレーで日常をテーマにする会社で働いています。世界の課題解決も、ビジネスの種も、幸せのかけらも、実は日常の中に眠っているのではないかと思います。そんな日常についてのブログです。 スタンフォードのMBAに通うきっかけになった話をしようと思う。 受験している最中もそもそもMBAに行きたいのか、最後まで迷い、Waitlistでスタンフォードに受かった後も、正直通おうかどうか、ずっと悩んでいた。今になって思えば大変おこがましいが、当時はビジネスコンサルタント出身者がMBAに通う意味に少々懐疑的だった。 そんな風に斜に構えていた私の心を動かしたのは、実は合格者のために開かれた模擬授業での一こまだった。 授業では、中小企業を顧客と想定してサーバーを開発してみたら、実は大企業からのほうが需要があって、さて困った、というスタートアップのケースを扱った。大企業のほうが需要が強いといっても、大企業向け
2011/03/26 2011/03/26 10:30 jQuery Mobile - APIの利用でより細かなカスタマイズ 他と差別化できるjQuery Mobile jQuery Mobileに対して、楽に実装できる反面自由度に欠けるのではないか、という印象をお持ちの方も少ないかと思います。 私の過去のエントリでも、jQuery MobileがいかにHTML完結でサイト構築できるかに焦点を当てて紹介してきました。 過去のエントリ : jQuery Mobileのススメ - 商用利用に耐えうる3つの理由 jQuery Mobile - 標準テーマでらくらくデザイン jQuery Mobile - data-transition属性でアニメーション指定 ところがどっこい、jQuery Mobileは独自にJavascript・CSSを記述して、独自に拡張可能なように設計されています。 他の
シンプルな仕様で使い勝手の良い作業スペース。そんな場所が自宅の一角にあれば、多目的に活用できます。今回も、おなじみ「theofficestylist.com」から好例をピックアップしてみました。 もともと狭い部屋でも、その一角に壁面収納と机を設置し、さらに省スペースな作業場を確保。たとえ机が部屋の隅に面していても手狭な感じはなく、この「すき間」的な空間がなんだか落ち着きますね。 こざっぱりとしていながらシンプルにまとめられ、周囲に穏やかに溶け込みながら、さりげなく住む人のセンスを主張している、そんな存在感があります。持ち主が「母のシックなファッションセンスに影響を受けた」と話しているのも納得です。 部屋や机の上が散らかっているとストレスが溜まる一方。ゴチャついた空間ばかりに気をとられてしまいます。逆に平面(水平面)がたくさん見えている家は、清潔感・爽快感があり、片付いて見えるものです。 そ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く