タグ

tipsに関するforesetiのブックマーク (39)

  • javascript - ソースを見せてかつ動かすための3つのtips : 404 Blog Not Found

    2009年02月24日04:30 カテゴリLightweight LanguagesTips javascript - ソースを見せてかつ動かすための3つのtips livedoor Blogを私が愛用しつづけている理由のひとつが、JavaScriptを受け付けること。 おかげでかなりのentriesが溜まりましたが、それだけにで実行用のソースと表示用のソースを用意するのが人一倍おっくうに感じられます。そんなわけで、どうやれば怠慢をもっと発揮できるかをまとめてみました。 0. DOMにIDをふらずにデモる こんな感じのデモがあったとしましょう。「404 Blog Not Found:javascript - Array#sortがオレquicksortより遅い!?」にあるものを書き直したものです。 # of Items: よくあるのは、inputタグやpreタグにIDをふって、docume

    javascript - ソースを見せてかつ動かすための3つのtips : 404 Blog Not Found
  • StarChartLog - Firefoxの最適化で遅くなった起動・終了が速くなる

    私が使っているパソコンにインストールされているFirefoxを起動しようとすると、ウィンドウが表示されるまで1分以上かかるというひどい遅さになっていました。終了もやっぱり1分以上。さすがに耐えかねて高速化する方法を探し始めました。 Google検索するとまず出てくるのがFirefox PreloaderまたはMinimizeToTray。どちらも終了させてもタスクトレイに常駐させる事で、起動が速く見えるようにする代物。ただ、私はFirefoxを起動したら起動しっぱなしにしておいて、最初の起動が耐えられないぐらい遅いという理由ですので却下。 いろいろ探していくうちにFAQ - Mozilla Firefox まとめサイトに行き当たりました。最初から探してればよかった。 「ダウンロードしたファイルを記録しない」とか「履歴保存期間を短くする」なんて基的なのは既にやっているので、プロファイルを最

  • amachang の 「一行で IE の JavaScript を高速化する方法」を掘り下げてみた - latest log

    2009-11-12 ナビ子記法について追記しました 文 今日は、amachangさんの記事 http://d.hatena.ne.jp/amachang/20071010/1192012056 を 1mm だけ掘り下げ、IE 以外のブラウザでも document へのアクセスを速くする方法がないか、色々試してみます。 # 記事自体はずいぶん前に書き上げてたけど、公開するの忘れてたんだな。 C系を追加しました。C系は「ネストしたスコープからグローバル変数にアクセスするとどうなるか?」がテーマです。 試したこと 以下は様々な方法で document へのアクセス速度を計測します。 A系では、非日常的な方法で測定し、B系では実際の用法に近い形で測定します。C系では何重にもネストしたスコープから、グローバル変数にアクセスするとどうなるかを測定します。 A系 A0 は、素の document に

    amachang の 「一行で IE の JavaScript を高速化する方法」を掘り下げてみた - latest log
  • BIOS設定の謎を解く - builder by ZDNet Japan

    身近な改善の第一歩! ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント オープンソース活用はあたりまえ! そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク ものづくり現場の情報セキュリティ インダストリー4.0は製造業の変革期 工場のデジタル化によるリスクへの対応 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 高まるゼロトラストの気運 妥協のない安全のために適材適所で組合せ トップ4社によるゼロトラストセキュリティ 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 体験から学んだ成功への知見 マネーフォワード×エム・フィールド対談 Fintechプラットフォーム開発の「鍵」 非構造化データの

  • スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る ―モダンブラウザ編―

    floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法(<div style="clear: both"></div>)を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた(「floatを繰り返すとレイアウトがくずれる」参照)。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 基的な発想は上記の空ボックスによるクリアと同じだが、それをHTMLには一切手を加えず、スタイルシートだけで実現しているところに大きな特徴がある。しかし、ひとくちにclearfixといっても様々なバリエーションがあり、その記述のしかたは微妙に異なる。 例えば、clearfixの提唱者ではないかと類推されるPosition Is Ever

  • Seven JavaScript Techniques You Should Be Using Today - Digital Web

    Got something to say? Share your comments on this topic with other web professionals In: Articles By Dustin Diaz Published on April 23, 2007 Whether or not your JavaScript is maintainable often seems to be relative to the task you’re trying to accomplish. You can follow best practices, or not, and sometimes you’ll be fine either way. Nevertheless, in this article, we’ll demonstrate seven technique

    Seven JavaScript Techniques You Should Be Using Today - Digital Web
  • ふつうに横三角 - ぼくはまちちゃん!(Hatena)

    CSSで横三角。「半キャラずらし」 (インターネット帳面) 今回はお題の通りインターネット帳面でもやってる「CSSで横三角をやる方法」。2バイト文字の三角記号は▲や▼しかないので横方向を示すことができませんでした。これをなんとかどーにかできんものかと。 ↑こんな記事があって、ちょっと面白かったので、 参考までに、ふつうの横三角のコードも書いておきますね! » (&raquo;) « (&laquo;) ▷ (&#x25B7;) ▶ (&#x25B6;) ◁ (&#x25C1;) ◀ (&#x25C0;) そうそう、この中でも &raquo; って結構使えるよ! よくサイドのメニューとかで、CSS を使って <li> の背景左端に、三角っぽい画像を設定したりするよね! でも &raquo; をつかえば、画像がなくてもこんな感じ! » Diary » Bookmark » Fotolife »

    ふつうに横三角 - ぼくはまちちゃん!(Hatena)
  • Googleカレンダーをもっと便利に使うための13のツール&Tips | P O P * P O P

    さて新年度ですね。何かと忙しい時期ですがきちんとスケジュール管理をしたいものです。 そこで今回は「Googleカレンダーをもっと便利に使うための13のツール&Tips」をご紹介します。数あるTipsの中から個人的に使ってみて気に入ったものを選んでみました。 そのまま使っていても便利なGoogleカレンダーですが、他のツールと組み合わせればもっと便利に使うことができますよ。 さて、一体どのようなことができるのでしょうか。以下よりご覧ください。 ■ Googleカレンダーに新しい情報を追加する 現在時刻のラインを表示する Googleカレンダー上に現在時刻のラインを表示するGreasemonkeyです。次の予定までの空き時間がぱっと見てわかります。 » Google Calendar Display Current Time Line 天気予報アイコンを表示する livedoorが提供している

    Googleカレンダーをもっと便利に使うための13のツール&Tips | P O P * P O P
  • Gmailで最近のメールを再取得するには? - ネタフル

    How to re-download recent Gmail messagesというエントリーより。 You’ve already downloaded your Gmail messages via POP, but now you want them again in another client. メールをPOP経由でダウンロードした後に、別のクライアントソフトでも読む必要が出てきたときにどうするか? 普通は既にダウンロードしてしまっているのでPOPサーバは空になっているのですが、なんとGmailでは再取得することができるのだそうです。 既読とマークされているメールを再び読む方法とは? ヘルプに書かれているということですが、メールソフトの‥‥ username@gmail.com という設定を、 recent:username@gmail.com に変更すれば良いのだそう。つまり「

    Gmailで最近のメールを再取得するには? - ネタフル
  • サルでもわかる 逆引きデザインパターン 第1章 はじめてのデザインパターン はじめに:

    第1章 はじめてのデザインパターン はじめに デザインパターンとは 特集の構成 すぐわかるオブジェクト指向 すぐわかるUML おわりに 第2章 逆引きカタログ ロジック編 Singleton (シングルトン) Factory/Factory Method (ファクトリ/ファクトリメソッド) Strategy (ストラテジ) Composite (コンポジット) Visiter (ビジタ) 第3章 逆引きカタログ J2EE編 Template Method (テンプレートメソッド) Facade (ファサード) ViewHelper (ビューヘルパ) DAO (Data Access Object) 第4章 逆引きカタログ その他 ユーティリティクラス 実行時例外を標準的に使う Nullオブジェクト 第5章 デザインパターン適用の勘所 はじめに アプリケーションの仕様 リファクタリング前のサ

  • Firefoxの検索効率を2倍(当ブログ比)にする為の処方箋 | Blog.37to.net

    home blog labs about contact Web・コンピュータ > Firefoxの検索効率を2倍(当ブログ比)にする為の処方箋 Firefox 検索 作成: 2007-02-18T20:55:02+09:00 更新: 2009-04-19T17:36:28+09:00 検索。 Firefox初心者から、userStyleマニア、拡張収集家まで、全てのFirefoxer、ネットユーザーが自然に行って いる行為。 そんな検索ですが、Firefoxデフォルトの機能から拡張機能、user.jsを利用して便利にする方法に焦点を当てて紹介してみたいと思います。 エントリの内容はFirefox2当時の情報なので、古くなっています。 Firefox3からはデフォルトでアドレスバーから検索出来るようになっていますので、あくまで参考程度にご覧下さい。 意外と知られていないFirefoxデフ

  • 新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN' LISTEN::::::to the silence:::::::

    esprit

    新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN' LISTEN::::::to the silence:::::::
  • bodyに設定しておくと便利な3つのポイントとおまけ|CSS HappyLife

    CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記を読んで、ボクなりな最初に指定して置くと良いポイントを上げたくなったので書いちゃいます。 むしろこのサイトの方向性的に有った方が便利だよなーと。 書くきっかけを頂き、感謝いたします。 ちなみに、最初に指定しておくポイントってそれぞれだと思うので、一つの参考として読んでいただければ幸いです。 最初にbodyに指定しておくと便利だと思う3つを。 body { background:#FFF url(../img/share/bg.gif) no-repeat left top; font-family:Verdana, "MS Pゴシック", sans-serif; font-size:80%; } じゃあ、詳細について色々書

    bodyに設定しておくと便利な3つのポイントとおまけ|CSS HappyLife
  • cha-han.net - このウェブサイトは販売用です! - cha han リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • [NS] 100個以上のWiiの裏技、小技を一挙公開

    説明書を読まずに不自由を感じている人は多い。そこで、あえて当たり前のことも含めて、役に立ちそうな裏技や小技のたぐい、いわゆるTipsをかき集めてみた。 実のところ、小技がほとんどで、裏技はそれほど多くない。ごめんなさい。なんだよこれ、説明書載ってるじゃん!知ってるよ!というツッコミがあると思うけど、それは気にしない方向で。 ほとんどのものは自分で実際に試して確認済みだが、数が多いだけに誤りがあるかも知れない。その点はご指摘ください。 ソフトに関する裏技は見たくない人も多いだろうから、「WiiSports」と「はじめてのWii」の2に限定し、記事の一番最後に掲載した。 ※以下、延々続きます。 01-01:Wiiリモコンの追加方法1 Wiiリモコンを持ち寄って遊ぶ場合の追加方法。いきなりショボイTipsでごめんなさい。 1.現在利用可能なWiiリモコンのHOMEボタンを押す 2.画面一番下

  • MySQL+Apache+PHPをインストールしよう(1/3) ― @IT

    PHPMySQL はじめに、PHP(Personal Home Page tool)について簡単に紹介します(注)。ご存じのように、PHPはWebアプリケーションの定番として定着しています。また、Strutsのような大規模開発向けフレームワークがもてはやされる一方で、PHPをはじめPerlRubyPythonといったスクリプト系言語に代表される「Lightweight Language」が手軽さと機能の豊富さから近年再注目されています。特にDBやWebとの相性がいいPHPは、初歩的なWebアプリケーションから格的な用途まで幅広く利用されています。 PHP 4.1まではおおむね順調にリリースされていたのですが、PHP 4.2で「register_globals問題」が大きく取りざたされました(コラム1)。ちなみに、快速MySQLでデータベースアプリ!の第5、6回で紹介しているPHP

    MySQL+Apache+PHPをインストールしよう(1/3) ― @IT
  • 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine

    CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the la

    53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
  • ウノウラボ Unoh Labs: prototype.jsへの依存を無くす方法

    komagataです。 Javascriptで何か書こうと思ったときにどのライブラリをベースにして作るかで非常に悩みます。一端特定のライブラリに依存してしまうと途中で変更するのが難しそうですし、コアオブジェクトを汚染しているものは混ぜると動かなくなる組み合わせもあります。 別に「Mochikitにしよう!」とか宣言して決めてしまえばいいじゃないかという意見もありますが、妙にそんなところが気にかかってなかなかプログラムを書き始められないことが多いです。 そこで、「どうしても使いたい関数はインライン化すればいいんじゃないか?」と思ったので試してみました。 どういうことかというと、例えばprototype.jsのObject.extendを使って以下のように書きたいところを・・・ var dst = {'foo':1, 'bar':2}; var src = {'foo':100}; var r

  • もう、class名やid名で悩まないんだからっ!!|CSS HappyLife

    class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent

    もう、class名やid名で悩まないんだからっ!!|CSS HappyLife
  • floatさせた子ボックスが親ボックスの外にはみ出すバグを回避 | BLOG � WORLD ENDING

    This domain may be for sale!