変数を使う時はnew RegExp、そこで()使って$1とかで置換したい時はRegExp.$1か引用符で囲む - こんにちはこんにちはmonmonです！
正規表現に変数を使いたくて、前に覚えたJavaScriptの正規表現で変数？ - おふぃす・ぞんち開発日記みたいに re = new RegExp("^" + vname + "[0-9]+$"); ってやってたのだけど、置換文字列に$1を使うときのやり方でハマった。 var keyword = 'text'; var reg = new RegExp('(' + keyword + ')', 'gi'); var pre = 'pre'; var post = 'post'; 'text-text-text'.replace(reg, pre + $1 + post); でエラー。 なんでだ？なんでだ？と散々考えた結果、 var keyword = 'text'; var reg = new RegExp('(' + keyword + ')', 'gi'); var pre = 'pr
JavaScriptの正規表現で変数？ - おふぃす・ぞんち開発日記
昨日の続きで、今日は技術的なお話。 JavaScriptの正規表現で変数使う時ってどうするんだろね・・・。 今回は、入力フォームの変数としてimage1,image2・・・にマッチする物を見つけたかったのね。それだけなら、 aaa.match(/^image([0-9]+)/) でいいんだけど、画像（image）と拡大画像（limage）を共通処理にしたかったんで、この正規表現の「image」の部分を可変（変数）にしてマッチさせたいってわけ。Perlだったら、 $aaa =~ /^$image[0-9]+/ と変数「$image」とでもしてぶち込んじゃえばいいんで、非常にわかりやすいし便利。JavaScriptで同じことしようったって、変数に「$」がついてて区別出来るわけではないので、入れようがない。 調べてみたら、正規表現オブジェクトというのがあるらしい・・・ re = new RegE
[JS]複数行の異なる高さのブロックをそれぞれ同じ高さに揃えるスクリプト
画像のサムネイルやテキストを配置したボックスなど、異なる高さのブロックが数多くあっても全ての高さを等しく揃えるスクリプトを紹介します。 Equal Height Blocks in Rows 一行目と二行目では、違う高さで揃えていることに注目してください。 [ad#ad-2] デモでは異なる高さのブロック（スクリプトオフ時）が、スクリプトによって行ごとに同じ高さに等しく揃えています。 デモページ 実装のアイデアとなったのは、「Making DIVs, using the CSS "Float Left" property...」とのことで、そのdiv要素がどの横列に属しているか調べ、その中で一番高いものに揃えています。 [ad#ad-2] 実装方法 HTML 画像やテキストを配置できるdiv要素を使用しています。 <div id="page-wrap"> <div></div> <div>
Photoshop初心者さんが写真のレタッチ（色調補正）などをするために覚えたい機能
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
初心者でもできるOSの再インストール手順完全ガイド | ライフハッカー・ジャパン
パソコンが遅い！ できる事はとりあえずやってみたけど、まだまだ遅い！ といった場合、「OSの再インストール」は常に選択肢としてあります。ですが、一口にOSを再インストールといっても、一体どうやってやるの？ という方のために今回は、再インストールの手順、コツ、最も効率的なやり方などを、詳しく説明してみたいと思います。 再インストールを迫られるまでのシナリオは数多く考えられます。過程がどうあれ、再インストールの手順は同じであり、それが最善策であることも多いです。ただし、間違えるとデータが消えてしまう危険性もあるので、十分注意して作業して下さい。やり方は多種多様ありますが、今回は時間効率的に優れた方法を紹介していきます。 手順1: ハードディスクのクローンを作成 まずはデータのバックアップが必要です。バックアップをオンラインで行っている方、Dropboxに必要なものを保存したり、AppleのTi
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
shuraba.com - JavaScript: 任意のオブジェクトまでスクロールする
どういうスクリプトか 任意のオブジェクト (ID で指定する) までヌルヌルと動く JavaScript を考えよう。どうして「ヌルヌル」という動作条件が出てくるのかといえば、単にジャンプするだけなら HTML のアンカーを使えば良いからである。例えば、 <a href="#hoge">Go HOGE</a> <p id="Hoge"><a name="hoge"></a>HOGE HOGE</p> と記述すればよろしい。しかしそれでは面白くない。ここで JavaScript を使って作りたいのは、「Go HOGE」をクリックすると id="Hoge" まで滑らかにスクロールするスクリプトである。 必要な値 このスクリプトを組むにあたって必要な値は以下の通り。 オブジェクトの x, y 座標 (objX, objY) スクロールされた（ウィンドウの左上に表示されているドキュメントの）x,
高速でPhotoshopを使う | esungo.com TIPS
「高速で」というのは、「WindowsをチューニングしてPhotoshopがサクサク動くように」ということではありません。「アクションやショートカットキーなどを駆使し、行動を迅速に行う」という意味です。 Photoshop（フォトショップ）の機能の中で、よく使うものを説明しながら、どうしたら速く操作できるかを考えていこうと思います。最初は慣れなくても、あまりにも良く使うのですぐに覚えてしまうことがほとんどです。何度もPhotoshopの使い方を教えるのが面倒なのでまとめておくという動機もあります。 マウス操作とキーボード操作 基本的にPhotoshopなど多くのアプリケーションでは、マウス操作(ペンタブレット含む)とキーボード操作を組み合わせて操作します。どちらか片方だけで操作するのは効率的でありません。 マウス操作は直感的な操作方法です。触っているような感覚でわかりやすい反面、速く選択す
JavaScriptのデバッグTips - os0x.blog
JavaScript Advent Calendar 2010 8日目担当のid:os0xです。 JavaScriptネタは案外範囲が広くて色んなネタがあるので、毎回が楽しみですね。 さて、私はデバッグをネタにしたいと思います。テストではなくデバッグです。誰かが書いたコードをメンテナンスしなきゃー、とか。jQueryプラグイン導入しようとしたけど、なんかうまく動かないーみたいなケースのおはなしです。 JavaScriptのデバッグは大変なので、多くの方が日々苦労されていると思います。なぜJavaScriptのデバッグが大変なのか少し整理してみましょう。 ブラウザ依存 まず、なんといってもJavaScriptはウェブブラウザ上で実行されるので、環境が一定ではありません。特定の環境だけを対象にJavaScriptを書くことは滅多にありません。PC向けではIE、Firefox、Chrome、Sa
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
Zen-Codingが楽しい - ぱせらんメモ
最近ちょっと興味があったZen-Codingがvimでも出来るというプラグインがあったので試してみた。 Zen-Codingってのはプログラマが使うエディタについてるスニペット入力みたいな感じでHTMLがサクサク書けるようになるライブラリ。スニペットのHTML特化版。 CSSセレクタのような記法なので普段からWebの開発に関わってる人なら簡単に体得できると思う。 単体のエディタではなくプラグイン形式になっていて色々なエディタやIDEで使えるというのもいいところ。詳しくは下記サイトを参照。 zen-coding - Set of plugins for HTML and CSS hi-speed coding http://code.google.com/p/zen-coding/ vimプラグインはこっち。 Sparkup http://github.com/rstacruz/sparku
高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス
iPhoneの液晶カバーを気泡無しに張る、たったひとつの方法
寒さに負け、今日からヒートテックタイツを履き出した、僕 鼻沢です。 iPhoneの液晶カバーを張るときって緊張しませんか？気泡が入ったらどうしよう・・・って。でも大丈夫です。実は簡単な方法で誰でもキレイに張ることができます。 準備する物 ●液晶カバー ●メンディングテープ ●メガネ拭き ●ヘラ（なくても大丈夫です）※あれば、STEP.5で気泡を追い出す時に使います。 少しだけ大まかな流れを確認したいと思います。 STEP.3終了後で気泡が入りますが、これは想定の範囲内ですから気にしないでください。それではやっていきましょうか。 STEP.1 液晶カバーを袋から取り出して、シールを剥がさずにiPhoneの液晶画面に乗せます。 この作業は仕上がりのイメージを確認するためにします。 本体と液晶カバーとの間にどれくらいの隙間（余裕）があるかを確認しましょう。 （液晶カバーが本体よりも小さい、または
フッタ固定 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb
低価格、短納期、高品質なWebサイト制作|ScuderiaWeb Webサイト制作をご検討中の方へ。ScuderiaWebが低価格・短納期・高品質なWebサイトを制作いたします。 ボディ部分がヘッダ・コンテンツ・フッタから成っているWebページの場合、ヘッダやコンテンツ部分のテキスト量によってフッタの位置は変わってしまいます。 テキスト量が多く、スクロールバーが表示されるようなページの場合、必然的にフッタはスクロールした先の画面最下部に表示されますが、テキスト量が少なく、スクロールバーが表示されないようなページの場合は、画面の中央にフッタが表示され、その下は不格好に空白ができてしまいます。 こういったスクロールバーが表示されない、テキスト量の少ないページでも、ブラウザの最下部にフッタを表示させる方法です。 フレームのように画面の上下に常にヘッダ・フッタを固定しておく方法は、ヘッダとフッタを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ごりゅご.com
5509.me
Windows XPの起動時の長いディスクアクセスは、Windows Updateの履歴が溜まりすぎていたせいだった？！ - 全力HP
Dearps
Dearps
Dearps