Vim Cheat Sheet
全般 :h[elp] keyword - 「keyword」のヘルプを開く :sav[eas] file - 名前を付けて保存 :clo[se] - 現在のペインを閉じる :ter[minal] - ターミナルウインドウを開く K - カーソル下の単語の man ページを開く カーソル移動 h - 左に移動 j - 下に移動 k - 上に移動 l - 右に移動 gj - 表示行で1行下に移動 gk - 表示行で1行上に移動 H - 画面上部に移動 M - 画面中央に移動 L - 画面下部に移動 w - 次の単語の先頭に移動 W - 次の（区切り文字を含む）単語の先頭に移動 e - 次の単語の末尾に移動 E - 次の（区切り文字を含む）単語の末尾に移動 b - 前の単語の先頭に移動 B - 前の（区切り文字を含む）単語の先頭に移動 ge - 前の単語の末尾に移動 gE - 前の（区切り文字を
スクロールアニメーションによる立体コンテンツの見せ方 (1/2)
スクロールによって立体的に浮かび上がるサムネイル サムネイルに視点をフォーカスさせる仕掛けが目を引く、動画のポートフォリオサイト「MANUEL RUEDA」。ページ中央にあるサムネイルには奥行きが設定されており、スクロールによって手前に起き上がってくる動きが斬新だ。サイドナビにもスクロールに合わせたギミックが用意されており、コンテンツを何度も行き来してしまうおもしろさがある。 今回は、このサイトをヒントに、CSS3の3D表現とjQueryを使ったスクロールアニメーションを制作する。 STEP 1：スクロール値を取得する スクロール値を基にCSS3のプロパティを変化させるため、スクロール値を正しく取得することから始めよう。 スクロール値は jQueryのscrollメソッドを使って取得する。以下のようにして現在のスクロール値を取得できる。 ■ソースコード（HTML） <p id="posy"
Wordpressサイトのカスタマイズでよく使う！初心者が覚えておきたい条件分岐タグ9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ！ 初心者エンジニアのドドリゲス・パンチョフ・ブジョンヌィ5世です。ひろゆきです。 今回はWordpressをカスタマイズする際によく使う条件分岐タグをまとめてみました。 目次 条件分岐タグとは is_home() メインページ判定 is_single() 詳細ページか判定 is_page() 固定ページか判定 is_category() カテゴリアーカイブか判定 is_tax() タクソノミアーカイブか判定 is_post_type_archive() ポストタイプアーカイブか判定 is_author() 筆者アーカイブか判定 is_singular() 投稿タイプの詳細ページか判定 is_preview() プレビューページか判定 まとめ 条件分岐タグとは 条件分岐タグとは、現在どこのページが表示されているかを判定するための関数です。例えば、ヘッダーをheader.phpとし
ページを移動（離脱）するときにjQueryで警告を出す方法
Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 １．ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか？'; }); }); </script> <form method="post" acti
JavaScriptのthisの覚え方 - Qiita
JavaScriptのthisは同じソースコードでも呼び出し元次第で意味が違ったりして複雑だと思われがちだけど、一回覚えてしまえば簡単だ。 JavaScriptにはthisが4種類ある これだけをしっかり覚えておけば、後は必要な時に 4種類って何があるんだっけ？ と考えれば容易に思い出せる。 ちなみに、下記のコードはブラウザ上で実行することを想定している。(なのでwindowを使う) トップレベルのthis グローバルオブジェクトを指す。 var hoge = "fuga"; window.foo = "bar"; // fuga+bar と表示される console.log(this.hoge + "+" + this.foo); (function(){ // 同じくfuga+bar と表示される console.log(this.hoge + "+" + this.foo); })(
JavaScript のスコープを理解する - tacamy--blog
スコープとは、変数の有効範囲のことで、プログラムのどの場所から参照できるかを決める概念です。 スコープの種類 JavaScript のスコープには、グローバル変数とローカル変数の 2 種類あります。 グローバル変数 ローカル変数 関数の外（トップレベル）で宣言した変数 関数の中で宣言した変数, 関数の仮引数 プログラム全体から参照できる その関数の中でのみ参照できる ブロックスコープは存在しない Java などの言語では、if や for などの {} で囲まれたブロックごとにもブロックスコープがありますが、JavaScript には存在しません。 JavaScript でどうしてもブロックスコープを使いたい場合は、with 命令を使う方法や、無名関数を定義と同時に呼び出すなどの方法で、擬似的にブロックスコープを作ることは可能です。 補足 : let を使うとブロックスコープがつくれると教
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
