タグ

ブックマーク / archiva.jp (6)

  • コードは<pre>でマークアップするべき ...か? - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 技術系のネタを出すときに避けて通れないのが、ソースコードの出し方。通常は<pre>要素でマークアップするのが一般的。だけど<pre>要素でマークアップすると、基的にはどれだけ横長になろうがソース中の改行でしか改行されないため、表示領域内に収めることが難しい。 だが待ってほしい。 そもそも<pre>でマークアップしなければいけないのか? そんな事はない。<pre>(整形済みテキスト)はソース中のスペースや改行をそのまま表示するために作られたタグで、改行や空白に大きな意味をもつ詩や俳句なんかのために用意されている。それがソースコードのマークアップに使われるのは、単にイン

    nilab
    nilab 2012/01/01
    <pre>, <pre><code>, <p><code>, <ol><li><code> パターンあれこれ。 / コードは<pre>でマークアップするべき ...か? - Archiva
  • Vimのキーマップを弄ってみた - Archiva

    Make a note of it: Web tech, montaineering, and so on. 最近ですが、エディタに Vim を使うようになりました。WinとLinuxで同じエディタが使えるし、マウス使わなくて良いので楽しいです。正確にはWin では gVim ですが。あと、自宅で使ってる HHKB にも合ってるのでメチャ楽~♪ Vim では .vimrc(Vimの設定ファイル) に記述を加えることで、初期設定を書き換えることができます。タブ幅からオートコマンドまで、殆どなんでも。この辺の解説は他に譲るとして、今回は今んとこ使ってるキーバインドを晒してみます。微妙に Emacs 風味。 移動系 inoremap <Leader>a <Home> inoremap <C-e> <End> inoremap <C-d> <Del> inoremap <C-h> <Left> i

    nilab
    nilab 2011/12/27
    Vimのキーマップを弄ってみた - Archiva
  • vimrcを晒してみる - Archiva

    Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 @hamashunに今さら捧ぐ。けっこう前に出すと言いつつ、伸ばし伸ばしになってたネタを投下してみます。あんまり弄ってないけども。 まず軽く紹介。Vimはviから派生したテキストエディタで、特にUNIX系OS(LinuxMac)ではEmacsと並んで広く使用されているエディタです。プログラマによって開発されたプログラマのためにエディタであり、全ての操作をキーボードから行えることが特徴かな。基的な操作方法は手前味噌ですが「Vim操作まとめ」を参照のこと。 んで、「.vimrc」という設定ファイルを――ホームディレクトリなり、exeファイルのあるフォルダなりに――用意してやることによって、好きなように拡張して使っていくわけです。無ければ単純なVi互換モードとして動きます

    nilab
    nilab 2011/12/27
    vimrcを晒してみる - Archiva
  • Webタイポグラフィまとめ - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記

    nilab
    nilab 2009/03/04
    Webタイポグラフィまとめ - Archiva
  • JavaScriptの変数とスコープ - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 一度しっかり試しておきたかった変数とその有効範囲について。 JavaScriptには変数の型という考え方がない(任意のデータ型の値を代入できる) JavaScriptでサポートされるデータ型には、基型と参照型がある 参照型の変数には、参照が格納される(実際のデータ値ではない) 関数、配列、オブジェクトなどが参照型 変数の有効範囲を、その変数のスコープという 暗黙的に宣言された変数は、必ずグローバル変数になる 関数の内部で暗黙的に宣言された場合でも、グローバル変数になる var文で宣言した変数は、ローカル変数になる ローカル変数のスコープは、その変数が宣言された関数の

    nilab
    nilab 2008/03/28
    JavaScriptの変数とスコープ - Archiva
  • JavaScriptの巧い書き方 - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎! 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m

    nilab
    nilab 2007/06/19
    JavaScriptの巧い書き方 - Archiva
  • 1