以前公開すると宣言して先延ばしになっていた、CalendarViewの公開を開始しました。 Android Calendarview - Project Hosting on Google Code※ CalendarViewはAndroid 1.6以降で動作するシンプルなカレンダービューです。 日本の祭日判定を行うK.Tsunoda氏の"kt祝日名取得"を阿蛭 栄一氏がJavaにポーティングした"KtHoliday.java"をほぼそのまま使用しており、ビュー上で祭日を判定/表示することができます。 年月を変更する方法として以下をサポートしています 「<<」「>>」のタップ それぞれ前月、次月に遷移します 年月のタップ ダイアログにより直接希望の年月に遷移します フリックモーション 左右又は上下のフリックモーションを検出して前月、次月に遷移します ライセンスはApache2.0を採用して
ある要素を画面下や画面右などに配置する jQuery プラグインを書きました。ページトップへ戻るボタンやウィジェットなどを固定位置に表示させたいときに使います。 tanabe's jStageAligner at master - GitHub デモページ 基本的な使い方 要素に対して .jStageAligner(position) を実行します。position には画面の四隅とそれぞれの辺の中央、画面中央の合計 9 つの場所を指定できます。 下記は、画面の右下に配置するコードです。 $("#box").jStageAligner("RIGHT_BOTTOM"); オプション また、オプションで移動までの時間やマージンを指定できます。 $("#box").jStageAligner("RIGHT_BOTTOM", {time: 500, marginRight: 100, margi
内側にpositionを設定しておくと、外側にoverflow: hiddenを設定しても切ってくれない。 外側にもpositionを設定すれば大丈夫。 <div id="type1" class="container"> <p>IE7ではみだしちゃう。</p> <div class="content">SupercalifragilisticexpialidociousAndSupercalifragilisticexpialidocious</div> </div> <div id="type2" class="container"> <p>IE7でもはみださない。</p> <div class="content">SupercalifragilisticexpialidociousAndSupercalifragilisticexpialidocious</div> </div> .
更新日 2019/5/3 戻る Perlメモへ - メールアドレスの正規表現へ Perl正規表現雑技へ 更新履歴 2019/05/03 「制御文字を除去する」「参考文献」RFC5321日本語訳のリンク修正 2009/08/13 $atextのバグ修正 2009/05/06 「正規表現を簡略化する」追記 2009/04/29 「旧形式を削除する」追記 2009/04/13 「IPアドレスを除去する」追記 目次 RFCに準拠したメールアドレスの正規表現 コメントと空白文字を除去する 制御文字を除去する IPアドレスを除去する 旧形式を除去する 正規表現を簡略化する 参考文献 RFCに準拠したメールアドレスの正規表現 メールアドレスについては RFC 5322 に addr-spec として書かれています. 下記は RFC 5322 に従って導き出した正規表現です. 14,277バイトあります.
ディスプレイサイズ(ブラウザサイズ)いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ(ブラウザ)のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します! 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
twitter facebook hatena google pocket LightBoxが流行り始めていくらかの時が流れ亜種がますます増えています。 今回紹介するThumboxもそんな一つではありますが、読み込まれている画像の数を明示できるなどナビゲーションが分かりやすくなっているのが特長です。 sponsors 使用方法 Thumboxからファイル一式をダウンロードします。 ※jqueryは1.4.3+で動作するようです。 <link rel="stylesheet" type="text/css" href="thumbox.css" /> <script type="text/javascript" src="jquery-1.4.3.min.js"></script> <script type="text/javascript" src="jquery.thumbox.js">
ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」 2010年11月12日- Official documentation for the jQuery 'onImagesLoad' plugin - by Cirkuit Networks, Inc. ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」 ブラウザの標準機能ではonloadはありますが、画像を読み込んだタイミングで発生させるonImageLoadを発生させられるjQueryプラグインです。 単純に、ページ全体の画像というくくりだけでなく、特定の<div>内の画像を全部読み込んだ後で発生させることも出来るみたいです。 AJAXを活用したダイナミックなサイトで活用できそうですね。 具体的な動作サンプルはサイトでチェ
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers WebページやWebアプリケーションを開発するにあたってJavaScriptは欠かすことができないプログラミング言語になりつつある。ブラウザさえあれば簡単に使い出すことができて、それなりにすぐに効果が見込める。しかし、検索してもまとまった優れたチュートリアルやAPIマニュアルにたどり着きにくいというプログラミング言語でもある。Mozillaがこの状況を変えようと取り組みを開始したことは、この状況のひとつの側面を示唆している。 しかし逆に見ると、毎日さまざまなブログでテクニックやティップを得やすいプログラミング言語だともいえる。すでにある程度のプログラミングの経験があるなら、JavaScriptはそうしたスニペットやティップを積み重ねて使っていくの
Building a 3D Cube With HTML5 and CSS3 デモ [ad#ad-2] 画像はdiv要素で実装されているため、CSSオフ時は上のキャプチャの左のように表示されます。 使用している画像はサイズ100x100の3枚で、下記のようになります。 画像のキャプチャ 実装は、下記のようになります。 HTML HTMLには、HTML5を使用しています。 <div class="cube"> <div class="face top"><img src="img/WPN-P.png" width="100" height="100"></div> <div class="face left"><img src="img/WPN-W.png" width="100" height="100"></div> <div class="face right"><img src="i
Tab Layout タブ UI を実現するには、TabHost と TabWidget を使う必要がある ・TabHost はレイアウトの root node でなければならない ・TabHost は、タブを表示するための TabWidget とタブの内容を する Framelayout を含む タブコンテンツの実装方法には2つある 1. 同じ Activity で、タブごとに View を切り替える 2. タブごとに別々の Activity を割り当てる ■ 同じ Activity で、タブごとに View を切り替える Tech Booster さんの説明がわかりやすいです。 ・タブメニューを利用する - Tech Booster - ■ タブごとに別々の Activity を割り当てる 1. 各タブの Activity を用意する public class Tab1Activity
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
インタラクティブな反応で操作をよりわかりやすいものに 紙やiPadなどのタッチパネル端末は、そのもの自体を触ってインターフェースを操作できますが、Webサイトはそれができません。マウスやトラックパッドを使って、モニタの中のカーソルの座標を、相対的に上下左右に動かすことで画面の中を移動・操作しなければなりません。 そのため、リンクやボタンにマウスオーバーした際に、クリックできる状態であることをユーザーに示す必要があります。そうした理由から、OSの場合はカーソルが矢印から手のアイコンに変わります。 図1 マウスオーバー時に変化するカーソルアイコン。ただ、これだけでは物足りない ただ単にカーソルを変化させるだけでなく、テキストリンクやボタンなどクリックできる箇所にhover処理を加えると、よりわかりやすいインターフェースとなります。hover時に、テキストリンクの色が変わったり、下線が引かれたり
AIRのアプリの設定項目に以下を記述するとGPUモードが扱えるようです。 <initialWindow> <renderMode>gpu</renderMode> ...以下参考リンクです。 Adobe Flash Platform * モバイル AIR アプリケーションでの GPU レンダリング Adobe AIR * モバイルアプリケーションプロパティの設定 Adobe Flash Platform * GPU Adobe Flash Platform * アプリケーション記述ファイルにおける iPhone アプリケーションプロパティの設定 Adobe Flash Platform * ハードウェアアクセラレーション AIR2.5の新機能の説明はこちらをどうぞ Adobe AIR 2.5 開発者向けリリースノート
大きい画像を限られた領域内に表示し、Googleマップのようにマウスのクリックとドラッグでその画像をアニメーションでスライドできるスクリプトを紹介します。 SpryMap デモページ [ad#ad-2] スクリプトはjQueryなどの他のライブラリは必要とせず、単独で動作します。 SpryMapの特徴 他のライブラリに依存せずに動作する超軽量(3KB)のスクリプト。 画像を表示する領域はピクセル単位で指定が可能。 画像を最初に表示する座標を設定可能。 スクロールのアニメーションの時間を設定可能。 SpryMapの実装 実装は簡単で、画像にidを指定して使用します。 HTML スクリプトでラッパーとなるdiv要素を追加します。divのclassはオプションで設定できます。 <img id="worldMap" src="map.jpg" alt="A map of the world." /
今回はDefaultHttpClientを使ってコンテンツを取得する方法を説明します。 DefaultHttpClientではHTTPリクエスト(GetやPut)を発行することができます。 「XMLをパース(解析)する」の中で紹介したサンプルを、DefaultHttpClientを使って取得したコンテンツをパースするものに修正してみます。 前準備 以前のサンプルからStringとして用意したXMLをパースする箇所をメソッドとして抜き出しておきます。 void parse(String str) { try{ XmlPullParser xmlPullParser = Xml.newPullParser(); xmlPullParser.setInput(new StringReader(str)); int eventType; while ((eventType = xmlPullPar
AndroidにおいてWebページのリンクから特定のアプリを起動させる方法が分かったのでメモ。 もちろん、アプリは事前にインストールされている必要があります。 FlashBuilderのモバイルプロジェクト作成時にある アプリケーション名-app.xmlに以下のように記述(caraCameraの部分は自分の作成したファイル名で) <manifest> <application> <activity> <intent-filter> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent-filter> <intent-filter> <action android:name="android.intent.
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
gitの勉強をしつつ取ったノートを記事化しました。一応これを読めばざっくりとした導入やSVNとの違いが分かってもらえるように書いたつもりです。svnを使った経験があることを前提に進めていきます。 svnの場合、一つのレポジトリに対して認証のあるユーザが変更を報告していくユースケースをとっています。gitの場合は、個々のローカルマシンにリポジトリが分散されて配置され、お互いに変更を報告しあうユースケース。これはLinuxの伝統的なバザール方式の開発を想定しています。そのため例えばカフェや電車で開発したり、マスターはgithubやgitfarm(Git Hosting参照)にしておいて時々ローカルの変更を報告することも可能です。 目次 インストール 基本操作 Gitリポジトリの作成 ブランチの作成。 タグ ファイルを無視する 索引の理解 取り消し 導入 --hardと--softの違い 一個の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く