VagrantのboxのVBoxGuestAdditionsを超簡単に最新版に更新する方法
小ネタです。 Vagrantを使って色々やっているときにちょっと困ることとして以下のようなことがあります。 VirtualBox本体が頻繁にバージョンアップするので、boxのGuestAdditionのバージョンとVirtualBoxが要求するバージョンがすぐにずれるvagrantboxesをはじめとする外部で公開されているboxをダウンロードして使おうとすると、GuestAdditionのバージョンが古い解決する方法はもちろんboxにインストールされているGuestAdditionを最新版に入れ替えることなのですが、これを手作業でやると結構面倒です。すなわちインスタンスを起動して、GuestAdditionのisoイメージをマウントしてインストーラーをどっかにコピーし、自分でビルドしてインストールしなければならないわけです。そもそも、GuestAdditionのisoイメージどこだっけ？
CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事：CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね！ New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS（Cascading Style Sheets、スタイルシート）ですね！今では CSS3 が話題を集めていて、CS
jQuery の on() と off() を理解する - tacamy--blog
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
配列の重複をはじく、もしくは重複を取り出す - Qiita
重複を削除する方法はいくつか方法があるみたいですが、 filterを使用する事で非常に楽に実現出来ます var a = [1,2,3,3,2,2,5]; // 重複を削除したリスト var b = a.filter(function (x, i, self) { return self.indexOf(x) === i; }); // 重複のみをリスト var c = a.filter(function (x, i, self) { return self.indexOf(x) !== self.lastIndexOf(x); }); // 重複を検出したものを重複しないでリスト var d = a.filter(function (x, i, self) { return self.indexOf(x) === i && i !== self.lastIndexOf(x); }); co
配列から重複する値を削る関数とin演算子 - console.lealog();
参考：【Javascript】配列内の重複を除く at softelメモ in演算子の使い方には、こういうのもあるんだなぁというメモ。 実はfor-in文とin演算子をごっちゃに解釈していたのですが、投稿後Twitterでフィードバックをいただき、以下の記事内容を少し修正・加筆しました。 助かります、ありがとうございます！ in演算子 参考：in - MDN これによると、 オブジェクトにプロパティが存在するかをチェックして、trueかfalseを返すやつで、 var obj = { first: '最初', last: '最後' }; console.log('first' in obj); // true console.log('middle' in obj); // false 値が設定されていようとなかろうと、プロパティがあればtrueになる・・と。 もうひとつ、別物だけれどもつ
BackWPup3でWordPressブログを丸ごとバックアップする方法（復元手順テスト済み・Q&A付き）
データベース＋ファイルシステムを丸ごと定期バックアップできるBackWPupの最新版BackWPup 3が公開されました。 旧バージョンから大幅に変更されている点もあるため、インストールから復元作業までの手順を総点検したので、共有します。 「復元手順テスト済み」なのはあくまで【私】です。この機会に皆さんも是非、自分で「復元手順テスト済み」に仲間入りしてみてください。 合い言葉は、 復元手順の確認までがバックアップ！ です（言い過ぎ）。リストア作業の確認は面倒だよーという人も、WordPressのデータが消えたら困る！という人で、まだバックアップをやってない！という人は、この記事を参考にBackWPupの設定を実践してみてください。 目次 1. BackWPupの長所2. BackWPup3での変更点3. 今回の実験環境紹介4. 準備5. バックアップの流れ6. 【バックアップ】 １．Bac
.NET Frameworkのバージョンを確認する方法 － ＠IT
対象ソフトウェア：Windows 2000／Windows XP／Windows Vista／Windows 7／Windows 8／Windows 8.1／Windows 10／Windows Server 2003／Windows Server 2008／Windows Server 2008 R2／Windows Server 2012／Windows Server 2012 R2、.NET Framework 1.0／1.1／2.0／3.0／3.5／4／4.5／4.5.1／4.5.2／4.6 解説 .NET Frameworkとは、Visual Studioなどで開発したCLR（Common Language Runtime）ベースのプログラム（.NETアプリケーション）を実行するために必要なランタイムである。.NETアプリケーションを実行するには、Windows環境に.NET F
CSS3 IE対策まとめ
CSS3を使うにあたっていつも問題になるのが Internet Explorer（IE）です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか？ ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応しているか知っておく必要があります。個人的によく使っているのはこのサイトです。 CSS3 & HTML5 Browser Support CSS3で追加されたプロパティ、セレクタについてブラウザごとの対応状況が分かりやすく表示されています。 2. CSS3セレクタに対応する セレクタはSelectivizr.jsだけあれば簡単に対応できます。「CSSセレクタって何？」「CSS3セレクタってどういうもの
CSSでサイドとメインの高さを揃える方法 - ウェブ屋 Junonet
2カラムでサイトを作っていると、ブログでもそうですが、メインの部分が長くなると、サイドバーの部分が上の方で切れてしまい、下の方に行くとサイトイメージが変わってしまうことがありますよね。 サイドの背景色に高さを長めに設定しても、ページによって変わるメインと同じ高さに合わすことはできません。 背景画像を設定しrepeat-yで対応できなくもないんですが、コリスさんがCSSでサイドバーと本文部分の高さを揃えるいい方法を紹介してくれてました。 [CSS]高さの異なるカラムを揃えるスタイルシート | コリス どうするかといえば、サイドの「padding-bottom」と「margin-bottom」に、同じ数値をプラスとマイナスで指定して、サイドとメインのdiv要素を包んだdivに「overflow:hidden;」を指定するという方法です。 で、設定する数値っていうのは「32768px」というお
jQueryであとから付け足した要素にクリックとかのイベントを指定する
HTMLと要素追加時のサンプル 今回は空の【ul要素】にjQueryで後から【li要素】を追加していったんです。が．．． [html] <p>茶トラ</p> <p>ミケ</p> <p>サバ</p> <ul></ul> [/html] こんなHTMLで、もとから存在した p要素 のテキストをjQueryで後から ul の中にリスト可をしてみました。 [javascript] var lists; //リスト可したpのテキスト入れ for (var i=0; i<jQuery("p").length; i++) { var t = jQuery("p").eq(i).text(); lists += "<li>" + t + "</li>"; } jQuery("ul").append(lists); [/javascript] このコードで、もともと空白だった【ul要素】にリストが作成されま
JavaScript：undefined値の判定
JavaScriptでは初期化されていない変数には全て「undefined」という値が入っています。 var a; alert(a); //undefinedが入っている これを利用して、変数が定義済みかどうかを判別することが可能です。…が、やり方がいろいろあるみたいなので、まとめてみることにします。 undefinedと比較する if (a === undefined) { alert("aは未定義"); } グローバル変数として、そのまんまundefinedという名前の変数が用意されているので、それと比較するやり方。一番素直な方法ですが、JavaScriptにおいては良くない書き方とされています。 undefinedは予約語ではなく、単なる変数です。だから上書きすることができるし、関数スコープ内で同名のローカル変数を作ることもできます。（ただし最近の処理系ではconst扱いになって上書
WordPress春のお掃除大作戦！データベースをキレイにし最適化する方法
WordPressはバグフィックスやセキュリティパッチで最新のバージョンにしておくと、かなり強靱で効率的なアプリケーションです。しかし長く使っていると、データベースに不必要な値が貯まってしまい、それが原因でサイトの速度を遅くしてしまいます。 WordPressのデータベースを掃除し、各種設定を見直し、最適化する方法を紹介します。 How To Clean Up & Optimize Your WordPress Install 下記は各ポイントを意訳したものです。 1. データベースのバックアップ 2. ファイルのバックアップ 3. 使用していないプラグインのゴミを掃除 4. 自動保存された記事の掃除 5. 記事のメタデータを掃除 6. サムネイル生成を停止 7. スパム判定待ちを削除 8. 古い記事だけコメントを閉じる 9. データベースの最適化 10. 最後にセキュリティのチェック 1
PHPでユニコードエスケープ（unicode_encode, unicode_decode代替） - はて日記
PHP6からは unicode_encode() 関数と unicode_decode() 関数が追加されるらしいのですが、PHP5やPHP4でユニコードエスケープをしたい時のために。 // UTF-8文字列をUnicodeエスケープする。ただし英数字と記号はエスケープしない。 function unicode_decode($str) { return preg_replace_callback("/((?:[^\x09\x0A\x0D\x20-\x7E]{3})+)/", "decode_callback", $str); } function decode_callback($matches) { $char = mb_convert_encoding($matches[1], "UTF-16", "UTF-8"); $escaped = ""; for ($i = 0, $l =
Android Tips #20 EditText の inputType で日本語が制限できない指定 | DevelopersIO
EditText の inputType とは EditText に入力される文字の種類を限定したいとき、 inputType プロパティを指定することで IME に入力制限をかけることができます。XML で指定することもできますし、 Java から指定することもできます。例えば以下のように電話番号に使われる文字だけ入力させるようにできます。 XML で指定する場合 <EditText android:id="@+id/edit_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:inputType="phone" /> Java で指定する場合 editText.setInputType(InputType.TYPE_CLASS_PHONE); 実行結果 (POBox
EditTextの文字制限/ヒントとかについて - 素人のアンドロイドアプリ開発日記
ヒント表示 EditTextに関しては、何も入力をされてない場合に入力を促す文字(hint)を入力できます。ヒントに関しては文字入力を行うと消えます。 ヒントの実装に関しては、xmlでの設定かスクリプトでの制御となります。 xmlの場合は下記のように <EditText android:layout_width="fill_parent" android:text="" android:hint="ヒントだよ" android:id="@+id/editText1" android:layout_height="wrap_content"></EditText> hintに入力できます。hintを入れる際にはtextの中に文字が入っている場合に、hintが表示されませんのでデフォルトではhintのみ表示させたい場合はtextの中身を空にしておきましょう。 また、スクリプトで制御を行う場合は
Android Filterを使ってみた
android.widget.Filter を使ってみた。 例えば、EditText で英数字しか入力できないようにするには こんな感じにする。 public class FilterTest extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); EditText ed = (EditText)findViewById(R.id.edittext); ed.setFilters(filters); } private InputFilter[] filter
Android開発メモ - tomstay's memo
忘れそうなのでメモ。 エミュレータの起動元のマシンを見に行く方法 開発環境でサーバを立ててそこのAPIを叩きにいく場合はエミュレータではlocalhostと入れるとエミュレータの中を見に行ってしまう。 10.0.2.2を指定してやると良い。 画面の回転禁止 Androidは画面を傾けると勝手に横向きにしたり、縦向きにしてくれたりするけど、縦固定、横固定にしたいときはAndroidManifest.xmlの指定したいactivityに下記を追加 縦固定 android:screenOrientation="portrait" 横固定 android:screenOrientation="landscape" 画面が回転したときに回転する前のデータを保存する Androidは画面の向きを切り替えるときは初期化するようで、onCreateからやり直している。 これはつまり、onCreateのとき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
システムリソースの画像を使う
ツール不要、設定変更不要！Win7で今見ているフォルダをコマンドプロンプトで開くには？ - 適宜覚書-Fragments
AWS特集 の記事一覧 | DevelopersIO
