vimで、設定系ファイルを特に修正すること無くfolding（折り畳み）する方法 - ヒルズで働く@robarioの技ログ
こんにちわ！今日も元気に折り畳んでますか？ 設定系のファイルはこんな感じになっていることが多いですよね。 # コメント abc def # コメント２ # コメント２−１ foo bar これをvimで元気に折り畳みたいけど、いちいち{{{とか}}}とか書くほどの元気は無いので、以下のコードをファイル冒頭に書いてみたら # vim:set foldmethod=expr foldexpr=getline(v\:lnum-1)!~'^#'&&getline(v\:lnum)=~'^#'?1\:getline(v\:lnum+1)=~'^\\s*$'?'<1'\:'=' : こんな感じになって +-- 3 行:# コメント---------------------------------------------------------------------------------------
HTML文書内にJavaScriptで使う「見えないデータ」を入れる - 檜山正幸のキマイラ飼育記 (はてなBlog)
Kuwataさんとリポジトリ共有のためにBitbucket（http://bitbucket.org）を使っているんですが、そのヘルプのHTMLソースを見たら、表示と関係ない要素がいろいろ入ってました。 JavaScriptを使うことを前提に、JavaScriptプログラムから使うデータをHTML文書内に埋め込んでいるんですね。もちろん、これらのデータは見えてはいけないので、隠すように細工されています。 meta要素を使う head要素内のmeta要素は何も細工しなくても隠れています。ここにプログラム用データを入れられます。「メタ情報である」というセマンティクスに沿ったデータなら、metaに入れるのも理にかなっているでしょう。 <meta name="ajs-build-number" content="2032" /> <meta id="atlassian-token" name="a
HTMLメールの制作時に気をつけたい9つのポイント | コリス
Vdot Mediaのエントリーから、HTMLメールの制作時に気をつけたい9つのポイントを紹介します。 9 best practices for email design 旧式のHTMLを使用する CSSレイアウトは使用しないで、安全で旧式のテーブルレイアウトを使用する。 スタイルは、インラインで指定する head部分のスタイル指定を無視するメーラーがあるので、CSSはインラインで指定する。 背景画像に頼ったデザインにしない 背景画像が表示されない場合があるので、表示されなくても破綻しないデザインにする。 画像は表示されないものと考える 画像が表示されない場合でも、情報が伝わるようにデザインする。 画像には、altを設定する 画像が表示されない場合、altに記述したテキストで情報を伝えられます。 パス指定は、絶対パスを使用する 画像のパスは、http://から記述します。 ファイルの容量は
Adobe - デベロッパーセンター : クロスクライアントHTMLメールの作成
HTMLメールは、Webデザイナーにとって特別な困難を引き起こします。Web標準になじんだ世代のデザイナーにとっては、特にそうです。 CSSベースのレイアウトで、外部スタイルシートを正しく使ってメールを送れば、当然うまくいくだろうと思うのが普通です。しかし、受け取った側がそのメールを開いてみると、作成者の意図とは似ても似つかない乱れたデザインが表示されることは珍しくありません。 ブラウザ戦争はかなり昔に決着が付き、淘汰によって生き残った少数のブラウザはおおむね互換性がありますが、電子メールクライアントの分野ではまだ混乱が続いています。それどころか、デザインに関する状況は近年むしろ悪化しています。MicrosoftがOutlook 2003をOutlook 2007に置き換えたときに、Microsoft Word HTMLレンダラが新たに採用されました。これは、従来のエンジンに比べてCSSへ
Mac OSXでのvim環境整理。.vimrcやらオヌヌメPlug inやらまとめ。 - ( ꒪⌓꒪) ゆるよろ日記
「そんな.vimrcで大丈夫か?」 「一番いい設定をたのむ」 ってことで、新しくMacbook Pro 15inch買ってSSDで世界が変わったゆろよろですこんにちうぉー。 で、pathogen.vimというvimのplugin管理を導入して、.vimrcやら見直したりしてみたんで色々と紹介してみようと思ったんですわ。 まぁ、この記事見たのがきっかけです。 vimプラグインでよりよいコーディングを | tech.kayac.com - KAYAC engineers’ blog もっとVim戦闘力を上げたいので、誰かvim scriptのハンズオンとかやって俺にvim scriptの書き方を教えてください……! MacVim-KaoriYaのinstall まずは、vim本体をMacVim-KaoriYaにします。 MacVimに対して、香り屋パッチの統合、ローカライズ、MacVim固有の
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
Vim, 指定したパターンにマッチしない文字列を検索/置換する - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥
正規表現の否定は\@!を使う。:help \@! 参照。ちなみにこれはzero-widthなマッチなのに注意。ふつうの否定とかないんですかね、まあいいけど。 例: バッファ内、 PATTERN にマッチしない行を REPLACEMENT で置き換える :%s/\(PATTERN\)\@!.*/REPLACEMENT/ 追記: :vコマンドを使う 上の例だと :%v/PATTERN/s/.*/REPLACEMENT/ :vの詳細は:help :vを熟読のこと。 :g!と等価のコマンドで、「指定したパターンにマッチしない各行に対して以下のコマンドを実行する」というコマンド。 thanks>mattn
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
script, styleタグ内のコードの書き方 - os0x.blog
# 最初にちょっと余談を。Chromium-Extensions-JapanのほうにChrome6 Betaの変更点を書きました。どうぞよろしく。 さて、scriptタグ内をHTMLコメントで括ってからJavaScript書くのって意味あるの? - Togetterの件に関して、関連ネタをいくつか書いておきます。。 まず前提として、scriptタグの中に直にコードを書くというのはできる限り避けたほうが良いです。とはいえ、ちょっとしたコードをいちいち外部ファイルにしていると読み込みのコストも馬鹿にならないので、インラインで書く事もよくあります。なので、以下は主に数行程度のコードをインラインに書く場合の話です。 scriptタグの中に直にコードを書くときはscriptタグに非対応なブラウザのために<！--で始め*1 // -->で閉じるというノウハウは今でも結構使われているみたいです。 しかし
iPhoneユーザーはSkypeを使わない手は無い！料金一覧＆ホワイトプラン料金を比較してみた | ひとぅブログ
Skype（スカイプ）と聞いてまずイメージすることは、パソコンでインターネット回線を使った電話サービスだという事では無いでしょうか？Skype同士では無料で魅力だけれども、パソコンの前に座ってわざわざ電話なんて面倒だし……。と何となく敬遠をしている人も多いのでは無いでしょうか。はい、私もそのひとりでした。でもスカイプの事をいろいろ調べるうちに、次の環境の方は絶対に得をすることが分かりました。Skypeを利用しない手はありません。 ■ Skype（スカイプ）を使った方が絶対お得な人 iPhoneユーザーである iPhoneから固定電話に電話かけることがある iPhoneから携帯電話に電話かけることがある どうですか？そうなんです。iPhoneユーザーで電話をかける方は、Skypeを使ったらお得！という事なんです。このように魅力的なサービスであるSkypeですが、残念なことに、公式サイトの料金
Vimの検索スタイルの変化 - サイト更新停滞ちうっ
URLの検索 http://nanasi.jp/articles/howto/file/expand.html 成長期 真面目にエスケープする。 /http:\/\/nanasi.jp\/articles\/howto\/file\/expand.html 反抗期 ?使ってエスケープ回避 ?http://nanasi.jp/articles/howto/file/expand.html 倦怠期 面倒くさいから、.や*使う。大丈夫大丈夫、誤爆なんか滅多にしない。←今ここ /http:..nanasi.jp.articles.howto.file.* 老年期 検索するまでもなく見つけて、行にダイレクトに移動する。 :58
「iPhone4が初めてのiPhoneです」という一般人がとりあえずやっておいた方がいいと思う12項目 - ネットナナメ読み - 山田井ユウキ - builder by ZDNet Japan
builder読者の皆さん、こんにちは。 金曜日担当の山田井ユウキです。 とうとうiPhone4が発売になりましたね！ 何やら行列もすごかったようですが、皆さん無事に購入できたでしょうか。 僕はまだ3GSを使っていますが、OSはアップデートしたのでとりあえず気分だけはiPhone4になってます！ ということで、たぶん今回の新型発売をきっかけに初めてiPhoneを買ったという方も多いと思いますので、以前書いた「今さらだけど、一般人がiPhone買ったらとりあえずやっといた方がいいと思う10項目」をアップデートしておこうと思います。なんか、ちょこちょこ変わった点もあるみたいなので。 前と同じで、対象は一般人です。 なので詳しい方からすれば「何を当然のことを」と思われるかもしれませんが、まぁそれはそれということで。 もし周りにiPhone4が初めてのiPhoneです、という方がいたら手っ取り早く
IEで透過pngにopacity - latest log
@nksm さんのつぶやき IE7+で透過pngに対してopacityを指定した時の汚さはなんとかならんかな。IE6はキレイなんだが・・・。 via http://twitter.com/nksm/status/16611637369 を見つけたので、VMLを使って透過pngにopacityを適用する方法を jsdo.it にあげました。 http://jsdo.it/uupaa/IEAlphaPng_x_Opacity 解説 知識として IE6〜IE8では、filter: AlphaImageLoader(src="**.png") で透過png画像を利用できる IE6〜IE8では、filter: alpha(opacity=0〜100)で 画像の不透明度(opacity)を指定できる filter: は一度にひとつではなく、複数指定できる があり、これを踏まえて filter: alp
自分仕様なMacBookの快適なところ - ザリガニが見ていた...。
iPadは場所を選ばず手軽に使えて便利なのだが、結局のところ、MacBookの代わりにiPadで作業しようとする限り、MacBook以上に快適に作業できることはなくて、現状ではiPadでの作業はMacBookに比べて冗長になる。（もちろん、iPadでしかできない作業とか、iPadが得意な作業というのもあって、例えば、現在地を絶えず追跡しながらカーナビのように地図アプリでナビゲーションするとか、PDFをまるで紙の本のように再現するとか。） たぶん、長年MacBook（のようなマウス＆キーボードUIのパソコン）を使ってきて、その環境での作業が慣れているせいもあるかもしれない。それに、そもそもマウス＆キーボードUIには25年以上の歴史があり、その中で常に進化し続けてきた。今のMacBookは、すべてがマウス＆キーボードUIに最適化され、かなり成熟した作業環境になっているはずなのだ。さらには、自分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://d.hatena.ne.jp/toromoti/touch/20101118/1290052925
Vim-users.jp - Hack #181 : Vimで使い捨てのファイルを作成する
株式会社スタイルズ
Fix HTML resized images in Internet Explorer | maratz.com
ちょっと本気でEvernoteの使い方を掘り下げてみる -第四回 ノートブックの中身とはじめて向けの提案
