iOSアプリのデザインをスタイルシートで行う凄い技術·Pixate MOONGIFT
PixateはMac OSX用のソフトウェアです。 iOSアプリのデザインはXcodeを使って行うのが一般的です。しかしWebデザイナーや開発者にとっては思い通りにいかなくてやきもきするときがあるかも知れません。そこで注目したいのがPixateです。何とスタイルシートと同じ記述で画面を作成できます。増資し、フリーになりました。 ボタンのデザイン。確かにスタイルシート調です。 記述を変えればダイナミックに描画が変わるのも特徴です。 SVGの表示も行えます。 さらにタップすると線だけに。 こちらはプレイグラウンド。様々な表示例があります。 ラベル。テキストエリアの部分は変更できます。 こんな感じにダイナミックに文字サイズを変更できます。 地図のポインター部分の大きさを変更。 本当に数多くのデモがあります。 検索ボックス。 セクション付きのテーブルビュー。 様々なテキストビュー。 Pixateは
スマホアプリの作り方【超まとめ】Web編：HTML5やjQuery MobileなどスマホWebアプリ開発に役立つ記事52選 - ＠IT
Web編：HTML5やjQuery Mobileなど スマホWebアプリ開発に役立つ記事52選 ＠IT編集部 2012/1/31（2013/2/28 改訂） iOS（iPhone／iPad／iPod touch）、Android、Windows Phoneなど、さまざまなスマートフォンのプラットフォームのアプリを作るための＠IT記事のまとめです。今後、順次更新・追加していきます。 開発者が登録したApp StoreやMarketplaceなどからダウンロードしてインストールするアプリ、もしくは、あらかじめインストールされているアプリは、「ネイティブアプリ」と呼ばれています。iOSやAndroid、Windows PhoneといったOS上で動き、マイクやカメラなどデバイスの機能を十分に使えるのが特徴です。作り方は、基本編やデザイン／グラフィック編で紹介した記事が参考になると思います。 一方で
【まとめ】Gmailを自分だけのオリジナルなメールアドレスで使う方法 | 教えて君.net
Gmailのメールアドレスには「xxx@gmai.com」しか使えないと思い込んでいないだろうか。GoogleAppsに独自ドメインを登録すれば、「xxx.@xxx.com」といった風に、徹頭徹尾、完全オリジナルな自分のだけのメールアドレスを利用できるようになる。そのための手順をまとめてみたぞ。 メールアドレスは、その人の中身を映す鏡のようなもの。自分の好きな言葉や、お気に入りのアーティスト名を含んだメールアドレスを使っている人は、よく見かける。だが、それでは物足りない、「自分だけの完全オリジナルなメールアドレスを持ってみたい」と考えている人もいるだろう。 「完全オリジナルなメールアドレス」の利用は、自力でメールサーバーを運用するノウハウがある人にとっては難しくないし、高い月額料金を払えばレンタルサーバーで利用できないこともない。しかし、そんなに敷居の高い方法をとらずとも、GoogleAp
表現力の高さに驚き。HTML5/Canvasグラフライブラリ·Flotr2 MOONGIFT
Flotr2はHTML5/Canvasを使ったグラフ描画ライブラリです。 これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラフです。 途中で途切れた曲線のグラフも描けます。 棒グラフです。 マウスオーバーで値を表示できます。 積み上げグラフです。 円グラフです。 レーダーチャート。 範囲グラフ。 ローソクチャートです。 滑らかな曲線のグラフです。 マウスオーバーでグリッドが表示されます。 マウスズームのデモです。 マウスで一部の範囲を指定できます。 折れ線グラフです。 マイナスの値にも対応。 クリックでリアルタイムにグラフを描きます。 画像ダウンロード
これはいい！設置するだけでWebサイトを高速化·FastPage MOONGIFT
FastPageは静的サイトを対象にしたWebサイト高速化ソフトウェアです。 Googleはページの表示速度を検索順位の要素に盛り込むようになっています。そうでなかったとしてもページが高速に表示されるのは良いことです。そこで既存のサイト構成そのままにサイトを高速化するFastPageを使ってみましょう。 ファイル構成です。 例えば実行したイメージです。普通にファイルの内容が返ってきますが、実際にはキャッシュが使われています。 FastPageではファイルサイズの小さい画像をHTML/CSS内にインラインで展開したり、JavaScriptもサイズが小さければHTML内で展開します。さらにファイルもGzipで圧縮して転送量を小さくする、キャッシュ（サーバサイド、クライアントサイド）の利用などの施策がとられています。 なお商用版ではAmazon S3やWindows Azureを使ったCDN配信
URL エンコード/デコードフォーム
URL エンコードされた文字列をデコード、もしくは文字列を URL エンコードします。 EUC-JP、SJIS (シフト JIS)、JIS、UTF-8 に対応しています。 2008-01-30、 軽快なバージョンを用意しました。 2009-12-30、Firefox の検索バーからデコードできるものを公開しました。 入力フォーム 入力欄 (M) 文字列を入力してください デコードではなくエンコードする (E) エンコードする場合の文字コード (C) 送信(S) 使い方 デコード方法 「入力欄」に %A4%B3%A4%CE... のような URL エンコードされた文字列を入力し、「送信」ボタンを押すだけです。文字コードはたぶん自動認識します。 エンコード方法 「入力欄」に URL エンコードしたい文字列を入力し、「デコードではなくエンコードする」にチェックを入れます。さらに希望の文字コードを
WebClientクラスでWebページを取得するには？
連載目次 プログラムからWebページを取得するクラスとして、.NET Frameworkのクラス・ライブラリには次の2系統のクラスが用意されている（いずれもSystem.NET名前空間のクラス）。 WebClientクラス WebRequestクラス／WebResponseクラスとその派生クラス 前者のWebClientクラスは、典型的なWebページ処理をメソッドとしてまとめ簡略化したクラスである。ただし、その内部では後者のWebRequestクラス／WebResponseクラスが利用されている。本稿では、WebClientクラスを利用してWebページを取得する基本的な方法についてまとめる。 WebClientクラスの2種類のメソッド 通常、WebページへアクセスにはHTTPプロトコルのGETメソッド（GETリクエスト）あるいはPOSTメソッド（POSTリクエスト）が使用されるが、WebC
テーブルの列をドラッグ＆ドロップで入れ替え可能にするJavaScriptライブラリ『dratable』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
サーバーエンジニアが入れておくと便利なFirefoxアドオン７選 - Unix的なアレ
サーバーエンジニアといえど、ページ表示のパフォーマンスチューニングなどブラウザで確認したりすることはよくあると思います。 自分自身のメモもかねて、そんな際に自分がよく使用しているアドオンを紹介したいと思います。 firebug JavascriptやCSSのコーディングをやる方にはおなじみですね。firebugです。私はjavascriptのDebugだけでなく、各コンテンツの取得時間を見る際にも使用しています。 https://addons.mozilla.org/ja/firefox/addon/1843 Yslow firebugに付加機能として追加できるyslowです。これもパフォーマンスチューニングの際には効果を発揮します。 expireの期間や、gzipしているかなどからそのページのパフォーマンスのランクを表示してくれます。 https://addons.mozilla.org
ちょっとした息抜きに最適、ナショナル ジオグラフィックの｢Your Shot Jigsaw Puzzle Generator｣
120年の歴史に裏打ちされた臨場感溢れる映像や専門家による正確な記事などの上質なコンテンツで有名なナショナル ジオグラフィックのサイトにユーザーが写真を投稿する「Your Shot」というコーナー内に、好きな投稿写真を選んでジグソーパズル化し、プレイすることができる「Your Shot Jigsaw Puzzle Generator」というのがあります。 ちょっとした息抜きには最適かも。どのようなものかという詳細は以下から。Your Shot Jigsaw Puzzle Generator - National Geographic Magazine まずは絵柄を選択します。気に入った絵のところでクリック。 次に完成図が表示されます。画面上のどこでもいいのでクリック。 パズル開始。画面右上にタイムが表示。操作方法はドラッグのみ。ピースの向き変更はありません。 もうじき完成。 完成すると、こ
MOONGIFT: » ブラウザをターミナルから操作して自動テストを実現「Firewatir」:オープンソースを毎日紹介
Webアプリケーションのテストは面倒くさい。HTTPでゲットするだけであれば良いが、ポストしたり、JavaScriptでレンダリングしてあったりと、動作も複雑だ。それらを全て網羅的にテストするのはなかなか難しい。 自動操作中 そこでテストにブラウザを使ってみよう。自動操作することで、テストの効率化をはかれる。 今回紹介するオープンソース・ソフトウェアはFirewatir、Firefoxを自動操作するソフトウェアだ。 FirewatirはIEをRubyを使って自動操作するソフトウェア、WatirのFirefox板とでも言うべきソフトウェアだ。実際、読み込むファイル等は違えども全体的な操作はWatirと同じスクリプトで動作する。 操作中のターミナル 実際の使い方はFirewatirの提供するXPIをFirefoxにインストールし、JSSHを起動する。そしてGemを使ってFirewatirをイン
MOONGIFT: » Web上の開発環境「Rainbow 9」:オープンソースを毎日紹介
様々なWebアプリケーションが登場しているが、それでも作成はローカル環境で行う必要があり、不便さが残っている。開発すらWeb上でできればどれだけ手軽だろう。 そんな希望を実現させてくれるかも知れないのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはRainbow 9、Webブラウザ上で開発するソフトウェアだ。 Rainbow 9はテキストエリアをJavaScript、CSS、HTML、XML等が作成しやすいように変化させてくれる。JavaScriptは、その場で実行できるコンソール機能がある。 エディタ上の見た目も、CSSで指定すれば色の変更が容易に行える。補完機能もあり、エディタとしてもなかなか面白い。 そして、HTML、JavaScript、CSSを作成し、その場でプレビューすることもできる。ファイルはタグ情報とともに保存され、後で呼び出すことが可能だ。尚、試してみた
「フォトフェイシャルはアンチエイジングにも効果的」って本当？
「フォトフェイシャルはアンチエイジングにも効果的」って本当？ フォトフェイシャルで肌トラブルを改善させていきましょう。加齢が原因の肌トラブルにも効果が期待できるとして、アンチエイジングしたい方にもピッタリといえます。
MOONGIFT: » Python上でHTML2PDF「pisa」:オープンソースを毎日紹介
HTMLをPDFに変換することができれば、様々なサービスでの活用が考えられる。Memotuneでも可能だが、mozilla2psを経由するために動作が重たくなりがちだ。 ブラウザのレンダリングエンジンを使わなければ、高速に動作するのは間違いない。そしてPythonで作られたソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはpisa、PythonによるHTML2PDFだ。 pisaはHTML5とCSS2をサポート対象としている。全てのCSSスタイルが利用できる訳ではないが、color/font-family/font-size/display/text-decoration/background-color/border/padding/width/heigth/text-align/white-space等、文字装飾や配置関連のスタイルが指定できる。 また、テンプレートを使
閉鎖する前に考えてほしいこと
Web サイトには寿命がある 消す理由、悲しむ理由 内面の問題と、その解決策 ミラーサイトの提案 まとめ 補遺 参考 第1稿：2003年4月24～27日 第2稿：2004年12月2日 第3稿：2006年1月12日 Web サイトには寿命がある たいていの Web サイト（以下「サイト」と略す）には「寿命」があり、毎年、たくさんのサイトが閉鎖されています。きちんと死に向き合わずとも生を享受できるのが、この世界です。明るい未来を展望するばかりでサイトの死について考えない方が多いのは、不思議なことではありません。 言葉の定義 Web サイトの「閉鎖」は様々な文脈で用いられる言葉ですが、私は次の2項目をもって定義とします。 更新が停止する 管理されなくなる サーバの都合などにより閲覧不能となるサイトは多々ありますが、作者が更新の継続を望むならば、URI は変化してもサイトは復活します。また更新は止
検索エンジンが順位を決める53の要因（39人のSEOプロが評価した重要度とコメント付き） | Web担当者Forum
この文書は自然検索に対する最適化のリーダー39人の英知を結集したものだ。彼らは、Googleの順位決定アルゴリズム（検索エンジンが検索結果を並べる順番を決める方法）を構成するさまざまな要因について投票した。その結果、この上なく価値の高い情報ができあがった。もちろん、200種類以上あるといわれる要因のすべてが含まれているわけではないが、私見では、Googleのアルゴリズムに関して必要な90％～95％の知識がここにふくまれるはずだ。 順位決定の要因に加え、Googleの順位決定に関してパネリストに尋ねた4つの質問への回答がこの文書の最後に示してある。これだけ優秀な人たちに協力してもらったのだから、貴重な回答をもう少し得られずにはいられなかったのだ。 ※注：この文書は、Googleのアルゴリズムをリバースエンジニアリングすることを試みるものでなければ、ウェブ開発者やウェブマーケターにサイトの最適
ななめ読みに特化したウェブブラウザ·Listleaf MOONGIFT
ウェブサイトの数が増加の一途をたどる一方で，質の高いウェブサイトを高速に，そして高効率にさがしあてることは困難になりつつある．情報の豊富さが情報へのアクセスをさまたげている． 検索エンジンによる検索結果の１０ページ目まで目を通す人は，一体どれだけいるだろう．１５ページ目にすばらしいウェブサイトが隠れていたとしたら，見つける自信はありますか？ そこでお勧めするのが，Listleaf だ． このソフトウェアは，Google や Yahoo! などの検索結果をリスト表示することで，複数のウェブサイトを驚くほどのスピードでななめ読みすることを可能にした．クリックを一切必要とせず，ウェブサイトからウェブサイトへの移動がキーボードだけでできる．検索にかぎって言えば右にでるものはないだろう． タブが不要なら，簡易版のListbrowserでも十分にウェブサイト探索を楽なものにしてくれる． Listlea
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Real Estate 7 - Premium Real Estate WordPress Theme
シルエットデザイン
IDEA * IDEA
