Widget::Simpleを使ってテンプレートをDRYに - s_nobuの日記
皆さんがHackthon中*1なので、Plaggerでも新顔のプラグインのWidget::Simpleで遊んで見ました。 Widgetは面白いものの、使用しているテンプレートはmiyagawaさん謹製のP::GmailとP::Planet、P::PSPでしか使われていません(P::GmailをパクッたP::MaildirとP::IMAPも使用していますが…)。で、使用している箇所を見て見たらほとんど同じになっていたので、ちょっとハックして見ました。 ハック内容としては、Widgetを配置する場所の前に必ず記述してあるpostedtimeやpermalink、feedlinkもWiget::Simpleで記述しようと言うものです。 うまく使えれば、他のPublishでも面白い使い方が出来るのでは？ plagger/lib/Plagger/Plugin/Widget/Simple.pm W::
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
本を読む
恐竜について、「デカさ」「速さ」「賢さ」といった各分野における「最強の恐竜」を紹介する本。ただし、その問題に図鑑的に答えるというよりは、それをダシに発掘調査などの研究活動のエピソードを読み物的に語っている本だ。 本書で面白いのは、著者さんが恐竜の卵の化石を専門としている学者さんなこと。そのため、卵の化石や、足跡の化石、ウンコの化石（コプロライト）、脳の化石、化石についた噛み跡、など、ある意味で細かい要素を取り上げている。 たとえば、デカさについては、上腕骨と大腿骨から推定するらしい。足の速さについては、足跡化石から腰の高さを求めてそこから推定するとのこと。噛む力については、顎の幅と高さから顎の強度を調べる。あと、恐竜の卵は、骨格上の制限により、体のサイズに比べると小さかったとか。 ちなみに恐竜の卵の化石といえばオヴィラプトロサウルスがかつて卵泥棒と思われており、後に自分の卵だったとわかった
[javascript][抜粋]Function.prototype.* - koyachiの日記
javascriptはFunction.prototypeに追加したメソッドで元の関数の挙動を変更することができる。 later 最速インターフェース研究会 :: Function.prototypeを拡張して遅延実行を実現する 関数の実行を指定時間後に行なう。 var func = function(v){alert(v)}; func.later(1000)("1秒後に警告"); func.later(2000)("2秒後に警告"); func.later(1000).later(2000)("3秒後に警告"); (function(v){alert(v);arguments.callee.later(1000)(v)}).later(1000)("1秒ごとに実行") callTimeout, callInterval Kazuho@Cybozu Labs: setTimeout をオ
![[javascript][抜粋]Function.prototype.* - koyachiの日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9e7062108d4ed1810c09e872db5aea67bc045a2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127087450771%2F17680117127087455475%2F1556437284)
段落(pタグ)とアンカー(aタグ)さえあればどこにでも配置できるさ
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
red日記: Flash + SSL
テスト環境では、正常に動作していたにもかかわらず、 HTTPSに上げた瞬間変な挙動になった。 1)IE上で、sendAndLoadが異常に不安定になった。 というか、動作しなくなりました。 いや。する場合もある。 これは完全にIEのみ。 FFとか、Mac FireFox/Safariでは問題ナッシング。 解決策： 原因はPHPにある。 以下、下記のサイトを引用 ------------------------- 実はこのリクエストに応えるのがPHPなのだが、デフォルトでヘッダーにPragma:no-cache が含まれていて、それが問題らしい。IEのバグでPragma:no-cacheがヘッダにあると ダウンロードせずにキャッシュをみようとするんだとか。（逆やんか） 解決策はPHPのスクリプトの先頭に header('Pragma:'); といれておく。no-cach
キャズムを超えろ！ - たったの5つ！ これだけは覚えておきたいCoolなプレゼンのためのショートカット・キー(MS PowerPoint用)
クリスマスイブだがチョー実用的ネタをひとつ。パワーポイント（Microsoft PowerPoint）を使ったプレゼンでのらりくらりとマウス操作してるケースが目立つ。今日Microsoftの広報の方までがそんな調子だった。スマートじゃない。慣れない講演会場のPCだったりするとさらに操作がトロくて(見てるほうが)やきもきする。 というわけで、身に覚えがあるあなたは、5つだけでいいのでショートカットキーを覚えてほしい。プレゼンがスマートになるだけでなく、パワポ作成作業効率もUPするはずだ (編集中に)SHFT+F5*1 意外に知らない人が多い。今編集中のページからスライドショーを開始することができる。質疑応答などで編集画面に戻った際、速やかにスライドショーに復帰できる。画面左下のちいさいアイコンを苦労してクリックする必要は、今日から無くなる。 (スライドショー中に)数字キー+ENTER 1、2
人体の描き方を178の動画で説明する『The Structure of Man』 | P O P * P O P
これは貴重な資料です。リアルに人体を描くための動画が178ものステップにわけられて公開されています。 それらのすべてはYouTubeで見ることができます。こちらが、そのリンク一覧です。すごい試みですが、もっと高画質で見たい人はDVDを買ってね、ということらしいです。 » The Structure of Man 描いているのはRiven Phoenixさん。例えばこのような（↓）動画が公開されていますよ。 ステップごとにわかれているのがいいですね。お正月に新しいスキル獲得を目指されている方は一つずつクリアされてみてはいかがでしょうか。 ■ 関連記事 ディズニーの絵の描き方がわかる61のPDFが公開されています！ | p o p * p o p
CSSの小技集、20個:phpspot開発日誌
CSS Techniques Roundup - 20 CSS Tips and Tricks I never cease to be amazed at what problems can be solved with pure CSS. CSSの小技集、20個。 どのテクニックも、誰もが使うであろうテクニックで便利なものばかりです。 角丸 画像なしの角丸 投票用スターの作成 テーブルなしのフォーム リストをＣＳＳでデザイン 2カラムレイアウト 3ラムレイアウト 3カラム固定幅、中央寄せ 印刷とＣＳＳ RSSフィードにスタイルシートを指定 固定フッター 要素にHoverエフェクトを加える HRタグへのCSS ＦｌｏａｔのClearに関するテクニック CSSでポップアップ小窓 ボックスの見出し(Box Punch)を表現 CSSボタン オレンジのRSSボタンをP
【悪い記事でした。注意！】 これは必見！FirefoxとIEを高速化するための動画チュートリアル | POP*POP
百式管理人です。 以下、良い記事かと思ってご紹介しましたが、サーバー管理者に負荷をかけてしまう良くない方法だということがわかりました。ここに修正して謝罪いたします。 なお、自分自身は知らなかったため、大変勉強になりました・・・。他にご存知ない方もいらっしゃると思いますので原文、コメント等はそのままにしておきます。 この件に関してコメントをいただいたkoshianさん、Web屋のネタ帳さん、ありがとうございました。彼らの記事をここに載せておきます。 #2 最大接続数を増やして速くなったと喜ぶ人々、再び 百式の中の人、RFC違反はもちろんWebサーバ運営者の迷惑をまるで考えない設定を推奨するの巻 まだまだ勉強が足りないことばかりですね・・・また間違えてしまうこともあるかもしれませんが（そうしないように努力しますが）、またご指摘いただければ幸いです。 百式管理人 2006.12.19 これまでも
あなたが知らない（かもしれない）Googleコマンドまとめ | p o p * p o p
Googleを電卓や単位変換として使う・・・というのは有名ですが、「birthday」や「president」はどうですか？「music:」は？ よくある検索テクニックまとめ、ではありますが、自分が知らなかったものもあるのでメモとしてエントリー。ご存知の方はどうかスルーにてお願いいたします。 » Exploring Google’s Hidden Features では、全部で10カテゴリーをどうぞ！ 【1】 計算する 足し算、引き算などの一般的な計算ができます。この使い方は有名ですね。電卓を使うよりも手っ取り早いです。 3+5 ややこしい計算もへっちゃらです。 3/5*4-2*0.2+9^2 ある数値の一定割合もこうやって調べられます。 50% of 123 【2】 定数を知る 各種の定数を出すことも出来ます。 円周率（3.14159265）が出ます。 pi 光の速度（299,792,4
FACEs: バスキュールサイトのツボの所
バスキュールサイトの最後のお尻の部分に、 つぼに全てが吸い込まれていくという演出があります。 仕組みとしては大したことをしてるわけではないですし 要はジニーエフェクトの亜種なんですが 今でもそれなりに反響をもらうので解説しておこうと思います。 大分前なので結構忘れちゃいましたが。 ちなみにあそこ、その場で演算して描画してるんです。 flvとか事前に作っておけば軽くていい気がするんですが。 最初はインタラクティブになにか反応させる予定だったような。 さて、自分の場合、大きい面積で派手に絵が動く演出を作る場合 スピードを稼ぐためにflash.filters.DisplacementMapFilterに 計算で作ったBitmapDataを食わせるということをするんですが、 (数式が苦手な人には辛いと思いますがかなりスピードが稼げます。 これはこれで面白いです。そのうち機会が
pruto.jp - よく使うCSSの話|基本編
2008.06.24 1年半ほど前の記事なので、現在は通用しない部分もあるかと思いますので最新の技術・流行り等を求めている方はご注意ください。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCSSを書き始めるときである。 どうしようかなーなんて迷いながらもなんだかんだで結局はいつも同じ形で出来上がるから今後どうしようかなーなんて迷わずにスパっと仕事に入れるようにするためのまとめてみよう。 はてなブックマークなんかでもよくCSS関連の記事が人気エントリーにあがってきたりして、それらを踏まえつついつか自分なりにまとめて書きたいとおもっていたから丁度良い。 色々あるからまずは基本となるところから。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCS
FACEs: 動画を滑らかにシークしたい
動画を滑らかにシークしたい。外部から読み込んだFLVは無理だろうけど、タイムラインに貼り付けた映像だったら、シークバーをキュルキュルドラッグできるんではないか。 シークバーをドラッグしてみると、とても滑らかとは言えません。特に逆向きにシークした時のほうがひどいです。 ガタガタの理由は、ビデオのキーフレームの間のフレームを、Flashが補完しているからなのではないか。 だったら、FLVエンコードの際に、1フレームごとにキーフレームを打つようにすればよいのではないか。 滑らかです。しかし、絵がとても汚くなり、ビデオ自体のファイルサイズも3.3MBから5.5MBに増えました。絵が汚いのは致命的です。しかし、動きはぐっと気持ちいいですね。 ならば、あらかじめビデオの全てのフレームをビットマップとしてキャッシュし、GIFアニメ感覚でビデオを再生すればいいのではないか。 この場合、メモリの問題
【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RenameRef - JotSpot Wiki (developer)
マイブログ – ちょうど別のWordPressサイト
http://kengo.preston-net.com/archives/002974.shtml
Eight Black » Blog Archive » Firefox Start Page Trick
CSS Cheat Sheet