goto_jp さんのアバター 697views

WordPress:グローバル変数を全て見る「$wp_query」

<pre><?php print_r($wp_query); ?></pre> Woredpressのカスタマイズで困ったらとりあえず「$wp_query」を表示させて、今取得できる変数を全部見るのが便利 2014年9月10日
goto_jp さんのアバター 799views

WordPress:「今開いているカテゴリ」のカテゴリIDを取得する

<?php $catID = get_query_var('cat'); ?> 上記でエントリーページでもアーカイブページでも、「今開いているカテゴリ」のカテゴリIDを取得できます。 WordPressにはほかに「get_the 2014年9月10日
goto_jp さんのアバター 1,854views

リスト(<li>)のマーカーにWebフォントを使う

画像を使わずリストマーカーを変更するサンプルです。 See the Pen list marker FontAwesome by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. HTML <li 2014年9月8日
goto_jp さんのアバター 167views

twitterで日本語のみ対象に検索する

英単語やURLで検索をかけると海外のツイートも多くヒットします。 日本語の情報のみに絞って検索したい時はキーワードに下記を加えます。 lang:ja 例えば日本語ツイートのみでaipoに関して検索したければ下記のようになります。 aipo 2014年9月8日
goto_jp さんのアバター 1,767views

jQuery:アコーディオンメニュー改訂版

See the Pen jquery accordion menu by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. jQueryでアコーディオンメニューを作る 以前作った上記アコーディオンメニュ 2014年9月5日
goto_jp さんのアバター 1,732views

Sass:変数を別ファイルで管理しよう

下記のファイル構成を前提とします。 css └style.css sass ├_variables.scss └style.scss Sassは標準設定ではファイル名冒頭に「_」の付くファイルはコンパイルを行いません。 また、そうしたファイ 2014年9月4日
goto_jp さんのアバター 781views

Safariでspanにposition:absoluteした要素がAjaxでバグる

.num { position: absolute; top: 5px; right: 5px; min-width: 12px; line-height: 12px; padding: 0 2px; } このクラスは下記のように、動的に内 2014年9月3日
goto_jp さんのアバター 150views

Git:リモートリポジトリにブランチを作る

git push {リポジトリ名} {ブランチ名} 2014年9月2日
goto_jp さんのアバター 956views

HTMLページをスライド表示する「Reveal.js」を使う

Reveal.js ページ全体をプレゼン用スライド化するのに便利なライブラリです。 準備 Githubリポジトリからパッケージをダウンロードしましょう。 落としてきたファイルを展開し、css、js、lib、pluginフォルダを実際に利用す 2014年9月2日
goto_jp さんのアバター 343views

micro clearfix

.clearfix:before, .clearfix:after{ content:""; display: table; } .clearfix:after{ clear:both; } .clearfix{ *zoom:1; } ちな 2014年9月1日
goto_jp さんのアバター 401views

とりあえず「box-sizing:border-box」

通常CSSでは、実際に表示される要素の幅は「width(height) + padding」になります。 .class1 { width: 50px; height: 30px; padding: 10px; } 上記の場合、.class1 2014年9月1日
goto_jp さんのアバター 596views

GitShellで「not find ssh-agent」エラーが出た時の対応

GitShellを起動したら下記のようなエラーが出てgitコマンドが一切使えなくなっていました。 Warning: git command could not be found. Please create an alias or add 2014年8月29日
goto_jp さんのアバター 8,674views

iPadのSafariでHTMLソースを開く

まず下記のリンクを開いてください。 リンク 一見同じページですが、そのままブックマーク登録してください。 登録したてのブックマークを編集します。 名前は「ソースを開く」などに変更し、URLの冒頭から「?」まで含めた部分を削除してください。 2014年8月27日
goto_jp さんのアバター 205views

Git:リモートリポジトリを特定コミットに巻き戻す

$ git revert {コミットID} 2014年8月26日
goto_jp さんのアバター 161views

Git:addしたファイルを取り消す

$git reset HEAD {ファイル名} ファイルの更新内容は変えず、addした記録のみ取り消します。 2014年8月26日
goto_jp さんのアバター 252views

Sass:ネスト構造のおさらい

標準ネスト .class1 { margin: 0; .class2 { margin: 0; } } ▼CSS出力 .class1 { margin: 0; } .class1 .class2 { margin: 0; } Sassネスト 2014年8月25日
goto_jp さんのアバター 4,298views

JavaScript:getElementsByTagNameの直下子要素のみ取得版

例えば下記のHTMLがあったとします。 <ul id="list"> <li> <div></div> </li> <li> <ul> <li> 2014年8月21日
goto_jp さんのアバター 644views

Haml:textarea、preでの複数行テキスト出力

%textarea :preserve テキスト テキスト %pre = preserve do :escaped <div>test1</div> <div>test2</div> コンパイ 2014年8月20日
goto_jp さんのアバター 243views

Haml:クラス、IDを付与する

!!! %html %head %title Haml test %body %h1.title Hello World #main %p テスト コンパイルすると下記HTMLに出力されます。 <!DOCTYPE html> & 2014年8月20日
goto_jp さんのアバター 624views

Haml:出力HTMLのコード内改行を制御する

%div %p %span 改行されるテキスト 例えば上記のようなHamlをコンパイルすると下記HTMLに出力されます。 <div> <p> <span>改行されるテキスト</span> &l 2014年8月18日
goto_jp さんのアバター 746views

Haml:ループ(for文)を扱う

Hamlの文中でforを使った条件ループを行えます。 !!! %html %head %title Haml test %body %ul.list - for i in 1..5 %li list #{i} コンパイルすると下記HTMLに 2014年8月18日
goto_jp さんのアバター 3,690views

Haml:条件分岐(if文)を扱う

Hamlの文中で条件分岐を行えます。 !!! %html %head %title Haml test %body -x = 3 -if x >= 5 %p xは5以上 -else %p xは5未満 コンパイルすると下記HTMLに出力 2014年8月12日
goto_jp さんのアバター 1,015views

Haml:変数を扱う

頭に「-」を付けることで変数の宣言を行えます。 !!! %html %head %title Haml test %body %h1 Hello World -x = 3 -y = 5 %p x:#{x}, y:#{y} %p #{x * 2014年8月12日
goto_jp さんのアバター 302views

Haml:Haml内でRubyの記述を使う

HamlはRubyで動いているため、Haml内の記述にRubyを使うことができます。 !!! %html(lang="ja") %head %title Haml test %body %h1 Hello World -x = 3 * 3 2014年8月11日
goto_jp さんのアバター 578views

Haml:CSSやJavaScriptをフィルター機能で記述する

例えば下記のように<style>タグを書こうとしてもHamlコンパイル時にエラーが出てしまいます。 !!! %html %head %title Haml test %style .test { margin: 0px; } % 2014年8月11日
goto_jp さんのアバター 966views

MySQLのDBファイルが大きすぎる場合にコンソールでインポートする方法

ローカルのphpMyAdminにMySQLのDBをインポートしようとしたところ、sqlが巨大すぎて正常にインポートが行えませんでした。 そこでphpMyAdminを介さずコンソールで直接取り込みを行いました。 コマンドプロンプトの起動→My 2014年8月8日
goto_jp さんのアバター 2,250views

XAMPP環境にMovableTypeをインストールする

XAMPP環境でかなり久々にMovableTypeをインストールしようとしたら下記のようなエラーで止まってしまった。 Error message: couldn't create child process: 720002: mt-chec 2014年8月8日
goto_jp さんのアバター 1,647views

MySQLのDBファイルが大きすぎてphpMyAdminでインポートできない時の対処

CMSで使っているDBはファイルサイズがすぐ膨大になり、phpMyAdminを使って直接DBをエクスポート&インポートで移行しようとする際、DBダンプファイルが大きすぎてインポートする時ファイルサイズ制限で泣かされることがあります。 php 2014年8月8日
goto_jp さんのアバター 2,526views

Haml:コメントの書き方

!!! %html %head %body / 一行コメント / 改行&インデントでコメントも入れ子になります。 改行&インデントでコメントも入れ子になります。 -# HTML出力されないコメント -# HTML出力されないコメント HTM 2014年8月7日
goto_jp さんのアバター 353views

Hamlの基本

!!! %html(lang="ja") %head %title Haml test %meta(charset="UTF-8") %body %h1 Hello World %p %a(href="http://www.google.c 2014年8月7日