mixiアプリ 縦幅を自動調節してスクロールさせない方法 - mixiアプリ開発日誌
こんにちは！ akahoshiです。 mixiアプリを作っているとなんか縦スクロールが出てきて 見た目が悪くなることありますよね？ mixiアプリはフレームで表示されますので そのフレームより中身が大きいとスクロールが出現してしまったりします。 そういった問題の解決策としてフレームの大きさを自動で調節してくれる素敵な関数があります。 gadgets.window.adjustHeight(); こちらを入れると自動的に縦幅を調節してくれます。 また、()内に数字を入れるとその高さに調節してくれます。 gadgets.window.adjustHeight(1000); こんな感じですね。 しかし、画像を読み込んだりするアプリの場合はこの関数を入れてもスクロールが出現してしまうことがあります。 それは、画像を読み込む（表示する）前に高さ調節の関数を実行してしまうためです（多分）。 で
mixiアプリでcss,js,img などの外部ファイルを使用するときの注意点をメモ - 雑想空間
mixiアプリでcssを使うときには気をつけなきゃいけないことがあったので、メモ。 １．キャッシュを無効化する方法 opensocial には大きく別けて、４つのキャッシュが存在します。 ガジェットXMLのキャッシュ makeRequestでアクセスされる外部APIのキャッシュ featureを固めたJavaScriptのキャッシュ JavaScript、CSS、imgなどHTMLからリンクされたリソースのキャッシュ この４つです。 今回は、一番下の 『JavaScript、CSS、imgなどHTMLからリンクされたリソースのキャッシュ』 の回避方法をメモ。 cssを読みこませるには、絶対パスで指定すればいいです。 <link href="http://sample.com/sample.css" rel="stylesheet" type="text/css">こんな感じ。 しかし、mi
コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」:phpspot開発日誌
コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」 2009年07月06日- jquery-fontavailable - Google Code コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」。 ページの font-family でフォントタイプを指定したりしますが、そのフォントが入ってるかどうかを調べて挙動を変えることができるjQueryプラグインが存在するようです。 $(document).ready(function() { if($.fontAvailable('tahoma')) { // フォントが存在したら行う処理 } else { // フォントが存在しなかったら行う処理 } }); 動作のメカニズムとしては、まず、ダミーのhidde
Windows XPが立ち上がらない！ そのときの対処法
Windows XPが立ち上がらない！ そのときの対処法：あきらめる前に試すべき5つの対処法（1/6 ページ） Windows XPが起動不能に！ ああOSの再インストールかとあきらめる前に、試してほしい5つの対処法。大事なデータと時間を無駄にしない復旧テクを解説する。 連載目次 頻繁に起きることではないとはいえ、さまざまな理由から突然、Windows OSが起動しなくなることがある。故障や破損といったハードウェア障害の場合は本体や部品の買い替えが必要だが、ソフトウェア的な障害が原因なら、最悪の場合でもハードディスクをフォーマットしてWindows OSを再インストールすれば解決できる。しかしこの場合、ハードディスクに保存したデータやさまざまな設定情報は失われてしまうし、Windows OSだけでなくアプリケーション・ソフトウェアのセットアップと再設定も必要である。いうまでもなく、できるだ
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
5年後に後悔しないJavaプログラムの書き方 - L'eclat des jours(2009-07-02)
_ 5年後に後悔しないJavaプログラムの書き方 ここ数日、死ぬほど後悔しまくっているので、あらためて（というのは、数年前にも一度後悔しまくって、そのときの知見はあらかた処方箋とかコーディングの掟に書いているからだが）後悔しないための書き方をいくつか紹介する。 とにかく、ファクトリメソッドパターンを使うこと。 これは本当に重要。しかも簡単でありながら効果は絶大。 だめな例。 public class FooBar { private Connection conn; ... protected void setup() { ... conn = DriverManager.getConnection(url); ... } urlを指定することや、DriverManagerの実装を交換すれば良いだろうと想定していても（というか、Connectionならそういう方法もあり得るが、そうはいかな
JavaScriptの最適化について、code.google.comの記事の適当訳 - それ図解で。・・・tohokuaikiのチラシの裏
GoogleがWeb全体のスピードアップにいよいよ本格的に着手, 一社だけではできないと強調 からリンクのあった、 http://code.google.com/intl/ja/speed/articles/optimizing-javascript.html が日本語かと思ったら日本語じゃなかった・・・・。 いやー、意外とというか文字列については、全然知らんかった。 Closureって便利だし、「おぉ〜俺って使ってるジャン」みたいな気になれるからついつい使っちゃうんだけど、高コストなのね・・・・。反省。 ということで、超適当翻訳。どっかの誰かが書いてるかも。 前おき 著者: Google Chromeのエンジニア Gregory Baker, Software Engineer on GMail & Erik Arvidsson 推奨される経験：JavaScriptの実践的な知識 クライ
パワーポイントで作る企画書のデザインを美しくみせるための7つのポイント - ハックルベリーに会いに行く
はじめにパワーポイントというのは、今や企画書作成用ツールとしてビジネスになくてはならない存在になった感があります。ぼく自身も、本業は企画者なので、これまで数え切れないくらいの企画書をパワーポイントで書いてきました。そんな中で、最も気をつけ、また力を入れてきたのが「デザイン」でした。内容もさることながら、見た目の美しさや、読んでみたくなるような構成・演出、読みやすさなどに、何よりこだわってきました。なぜかといえば、企画書というのは、多くの場合、まず手に取ってもらうまでに大きなハードルがあるからです。その次に、実際に見て読んでもらうまでにまた大きなハードルがあります。 企画書というのは、書いたら必ず読まれるというものではありません。むしろ多くの企画書は、ほとんど読まれない運命にあります。なぜかといえば、企画書というのはたいていいくつも提出されるからです。一つの案件に対し、10個も20個も提出さ
SQLiteとトランザクション - とほほのN88-BASIC日記
SQLiteの追加/更新はトランザクションを使うと高速化に効果があるというのはよく効くので実際試してみました。 use strict; use warnings; use DBI; use Benchmark qw(:all); my $count = 100; my $loop = 100; cmpthese( $count, { commit_each_insert => \&commit_each_insert, commit_bulk_insert => \&commit_bulk_insert, } ); sub commit_each_insert { unlink('test1.db'); my $dbh = DBI->connect('dbi:SQLite:dbname=test1.db'); $dbh->do( "CREATE TABLE test (id int not
Apache2を1台のマシンで複数インスタンス起動するメモ - Pixel Pedals of Tomakomai
1台のマシンにApache2を複数インスタンス建てたくなった*1んで、調べたことをメモっときます。 先に結論 Apache2の複数起動は結構泥臭いです。httpdに「-f your-httpd.conf」オプションを渡すために、init.dスクリプトを複数用意しましょう。こだわりがなければapachectlのことは忘れましょう。 基本 httpd コマンドに、 「-f ファイル名」 オプションを渡すことができれば、別のhttpd.confで起動できます。別のhttpd.confの中では、PidFileやらポート周り(Listenとか)やら*2を変えておく必要があります。 ただし、Apacheを使ってる人ならわかると思いますが、httpdコマンドを直に呼ぶことはまずありません。apachectlコマンドとinit.d scriptを利用することになると思いますが、やっかいなことにデフォルトの
JavaScriptなしに動作するLightbox「Futurebox」:phpspot開発日誌
Futurebox, lightbox without the JavaScript | The CSS Ninja - All things CSS, Javascript & xhtml JavaScriptなしに動作するLightbox「Futurebox」。 CSS3のテクニックを使って、JavaScript なしにLightboxっぽいことが出来るみたいです。 ↓↓↓クリックでアイテムを拡大↓↓↓ アニメーションはしないですが、これは面白いですね。 CSS3から使える :target 擬似クラスを使っていて、.overlay:target { display: table; } の部分が作用しているようです。 CSS3のテクニックを使っているため、Firefox 1.5+ 、Safari 3.2+ 、Chrome 2+ 、Opera 9.5+ が必要。 関連エントリ CSSとdi
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
BLOG - siwa32.com
1. MySQLバージョン SELECT VERSION(); +-----------+ | VERSION() | +-----------+ | 8.0.20 | +-----------+ 2. デフォルトのCollation SHOW COLLATION WHERE COLLATION LIKE 'utf8mb4%' AND `default` = 'Yes'; +--------------------+---------+-----+---------+----------+---------+---------------+ | Collation | Charset | Id | Default | Compiled | Sortlen | Pad_attribute | +--------------------+---------+-----+---------+--
JavaScriptからFlashにフォーカスを与えられるよ - てっく煮ブログ
asこんな記事を見つけたけどそんなことないよ。Flash上でキー操作をするにはFlashにフォーカスが当たっていなければならない。フォーカスが当たっていない時にJavaScriptからフォーカス出来るか実験してみた。http://codefairy.org/etc/focus-swf.html結果。Firefox 3: 一度手でフォーカスを当てる操作をした後だとフォーカス出来るSafari 4: 無理Chrome 2: 無理IE 8: 無理むり！ less - JavaScriptからFlashにフォーカスを与えられるかこの記事ではフォーカスを得られるかどうかを MXML の Application.focusIn イベントで判別してるんだけど、ここに問題がある。簡単にまとめると、Flash を扱う場合にはフォーカスといってもブラウザが管理しているフォーカスFlash が管理しているフォー
Trac（Lightning）でプロジェクトを作成して最初にやること - Natural Software
ちゃんと読んでいなかったここを読んでみた。 006 Tracマクロを3つだけ覚えれば梅雨でも仕事が楽しくなる - EC-One ナレッジセンター レスキューサービス ブログ そういえば TicketQuery マクロを書こうと思ってたんだ。 おかもとさんに教えてもらって前にも書いたけどもう一回。 Trac（Lightning）でプロジェクトを作成して最初にやること == あなたの未解決チケット == ［［TicketQuery(status!=closed,owner=$USER,order=priority,table)］］ == すべての未解決チケット == ［［TicketQuery(status!=closed,order=priority,table)］］ Wiki のトップをこれに書き換える（"［［"と"］］"は半角に変えてください＾＾；） そうするとこんなんなる。 これさえ入
3キャリア共通のモバイルサイトコーディングにおけるポイント
MT4i3.0.8X1の公開後、テンプレートセット作ったりしてますが、中には自分でコーディングしたい!って人もいると思われます。 そんな人のために、既に情報としてはいろいろなところで出ているんですが、一応3キャリア(i-mode/EZweb/Yahoo!ケータイ)共通のコーディングのポイントを纏めておこうかなと。 別にMT4i3.0.8X1だけじゃなく、普通にどんなモバイルサイトのコーディングでも使えます。 一応、注意点をまず述べておくと、XHTMLに対応しているのは、 docomoのFOMA端末 auのWIN端末 softbankの3GC端末 という、いわゆる上位端末になります。古い下位機種では利用できません。 最近は下位端末を利用している人は少なくなりましたし、仮に利用していてもまずネット閲覧にケータイを使う目的ではないので、このあたりは非対応でも問題ないかなと考えています。 次に全体
高額なローミングチャージを払わずに海外でiPhone 3Gを使う方法
海外でiPhoneを利用すると、驚くほど高額なデータ・ローミングチャージを請求されることがあります。 請求が怖くてせっかくの便利なiPhoneの電源をOFFにしておくのはもったいないので、海外で使う際の注意点や安く利用する方法をいくつか紹介したいと思います。 【注意】以下の情報はMacWorld、WWDCでサンフランシスコを訪れた際の経験をもとにしており、他の国・地域では状況が異なる場合があります。また、高額な請求の回避を保証するものではありませんので、利用は自己責任でお願いします。 恐ろしいデータ・ローミングの請求額 iPhoneはメール・Webサイト閲覧・マップや動画など、PCやMacと同等に使えるのが魅力ですが、送受信するパケットの量も膨大になります。 もちろん国内では、「パケット定額フル」によって上限が決められているため、パケット代を心配する必要はありませんが、旅行や出張で海外へ持
ServletFilterではなくIRequestCycle - nagaseyasuhito Architekt works.
対DoS攻撃用のIRequestCycleを書きました。 あるIPアドレスから同じURLへ一定期間(expire)に閾値(threshold)以上のアクセスがあるとDosAttackExceptionをぶん投げます。 こういったものはServletFilterで書くのも手ですが、そうするとWicketTesterでテストをするのが手間になってしまうため、IRequestCycleのonBeginRequest()とonEndRequest()で書いています。 JPAのTransaction管理もServletFilterではなくIRequestCycle内で完結させることでTransactionがcommitできなかった場合はIRequestCycle.onRuntimeException(Page page, RuntimeException e)呼べるので便利。 これはまた別の機会に詳
携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About
携帯サイトの作り方 第1回 作成方法の基礎携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 (注) 本記事の解説は、ガラケーサイトの作成方法です。 本記事は、ガラケー(フィーチャーフォン)端末向けのウェブサイトを作成する方法の解説です。スマートフォン端末向けのウェブサイトの作成方法ではありませんのでご注意下さい。スマートフォン向けモバイルサイトの作成方法に関しては、下記の記事などをご参照下さい。 スマートフォン対応サイトを作る際の注意点 レスポンシブ・ウェブデザインの簡単な作り方 レスポンシブCSSで使うブレイクポイントの決め方 モバイルファーストでデザインする際のCSSの書き方 ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選
![携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/99ea29bf657cd4dbe096c25bd4423077e189e7a5/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F9%2F9%2F201610192029%2Ftopimg_original.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
