Sublime Text 2とEmmetで制作効率アップ！@福岡マークアップ勉強会
Tweet半年くらい前からSublime Text 2を使い始め、使い心地がよくてすっかりメインエディタになってしまいました。 というわけでSublime Text 2やプラグインのEmmetを使ってコーディングのスピードアップを図ろう！というテーマでまとめてみます。 ちなみにこの内容は福岡マークアップ勉強会でライブコーディングを交えてお話しさせて頂きました。 Sublime Text 2って何がいいの？ 僕は以下のようなポイントが気にっています。 起動が軽い。 前までDreamweaverやNetbeansでコーディングをしてたのですが立ち上がりの速さがだいぶ変わりました。 プロジェクトの管理が簡単 サイドバーにフォルダをドラッグ＆ドロップするだけ。 拡張性が高い プラグインのインストール、アンインストールも簡単です。 まずはインストール！ こちらのサイトからSublime Text 2
Sublime Text 2 の設定したメモ | SANOGRAPHIX
Sublime Text 3 のベータ版が出たということなので、今更かよって感じですが Sublime Text 2 を使ってみようと思ってたので設定などをメモします。ちなみに前使ってたのは Coda 2 でした。 Package ControlControl + ` でコンソールを開いて下記をコピペする import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf)
プロジェクトで統一した方が良い設定（空白の扱い） - Qiita
gitなどでソース管理をする上で、空白のルールが統一されていないと空白に関するdiffが増えて、ソース管理の邪魔になりやすいので、以下の設定は必要に応じてチームで決めた方が良い。（マージ時にCONFLICTしにくい） { "draw_white_space": "all", "ensure_newline_at_eof_on_save": true, "tab_size": 2, "translate_tabs_to_spaces": true, "trim_trailing_white_space_on_save": true, ... } draw_white_space 空白（タブ、スペース）を可視化 ensure_newline_at_eof_on_save 最後の行を空白行にして保存 tab_size 空白サイズ translate_tabs_to_spaces タブをスペースに
Sublime Text 3初期導入 - Qiita
挨拶 Mac Book Airが完全に使い物にならなくなったので、 Mac Book Pro Retinaに乗り換えると、同時に環境を構築し直さないといけなくなったので、 どうせなら、この記事として残しておこうと思った次第です。 もちろん、この記事はMacでの設定なので他OSユーザーの方は参考程度にしかならないかもです。 ご了承ください。 設定 まず、Sublime Text3をダウンロードし、インストールします。 http://www.sublimetext.com/3 起動しましたら、 大抵、最初にやることはPackage Controlを導入することです。 https://sublime.wbond.net/installation#Manual_Instructions こちらのSublime Text3の方をコピーして、Sublime Textに戻り、ターミナル(View->Sh
【夏休みの自由研究】Sublime Text 2 を日本語化してみたよ | TokyoHeadTerminal
すばらしいエディタ、Sublime Text 2 の設定メモです。 01_「Sublime Package Control」をインストール Sublime Text 2 には、デフォルトにはないさまざまな追加機能（Package）があります。この Package管理をアプリから直接行えるようにしておきます。 「View > Show Console（Control + Shift + @）」でコンソールを表示して、以下のコードをコピペします。 import urllib2,os; pf=’Package Control.sublime-package’; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(ur
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
世界中のホームページの情報を集め、その情報を「検索結果」という形で出力する。しかもそれを「利用者が使いやすく・有益なもの」するために、Googleは複雑なアルゴリズムを日々進化させています。 そのため、Googleの「アルゴリズム（algorithm）」はとても複雑になっています。 しかし、おおまかな姿を把握しておくことは、SEOに直接携わらない人でも大事なことです。情報の良し悪しや成否の判断ができることは、誰にとってもメリットが有るはず。なぜなら、検索エンジン経由でのアクセスはほぼすべてのサイトで重要だからです。 そこで今回は、このアルゴリズムの全体イメージを図解した記事をご紹介します。 例えば「ハミングバード（Hummingbird）になったというけれども、ペンギンやパンダはもうなくなったの？統合されたの？」「手動ペナルティはペンギン・アップデートなの？」といった疑問をきれいに解消でき
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/24d2b2c1cc24564ac7e639c7a56e01b5852249b5/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2022%2F08%2F2013-10-23_NEW_no-seoer1.jpeg)
[Grunt]grunt-contrib-jstでjsテンプレートを管理する。 | DevelopersIO
今回はCUIツールのGruntのプラグインgrunt-contrib-jstを使ったjsテンプレートを管理する機会があたので一連の流れをご紹介します。 アジェンダ JavaScript Templates(JST)とは? Grunt-contrib-jstを使ってみる JavaScript Templates(JST)とは? テンプレート部分とデータ部分を関連づけて表示するイメージです。以下の記事がイメージしやすくとても参考になりました。 参考記事:JavaScriptテンプレートエンジンJsRender 基本のキ それではJSTを用いて実際に表示してみたいと思います。今回はサンプルとして、Underscore.jsのテンプレートAPIを使って表示してみます。 使用したライブラリ jquery.js underscore.js backbone.js bootstrap.js bootst
![[Grunt]grunt-contrib-jstでjsテンプレートを管理する。 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b914c60b41b5cbac7441b87079e338e9114cdee/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F10%2Fgrunt.png)
リワード広告におけるCookieも端末IDも使わないFingerPrintを使った計測方法について：That's the Way to GO!：オルタナティブ・ブログ
今回は最近よく聞かれるようになった「FingerPrint（Device Fingerprinting）」という技術について書いてみたいと思います。「なぜにリワード広告で使えるの？」までを説明するに、これまでの計測方法の経緯もあったほうがわかりやすいと思ったので少し長文です。 「（広告計測で使われる）FingerPrintってなんですか？ググっても日本語のサイトがあまりないんですよ。」とよく聞かれるようになりました。このFingerPrintを超ざっくり言うと「アクセスする端末のブラウザから取得できる情報（ブラウザのバージョンやプラグイン、解像度、IPアドレスなどなど）から端末を推測する技術」といった感じになります。 2010年ころにElectronic Frontier Foundation（電子フロンティア財団）から「How Unique Is Your Browser?」といった感じ
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
