yagisukeのWebなブログ

フロントエンドとサーバーサイドをさまようエンジニア

SourceTreeが自動でコミットメッセージのスペルミスを修正しちゃう問題

問題と背景 GitのGUIクライアントにSourceTreeを使っており、 英語でコミットメッセージを書くとスペルチェックをしてくれるのですが、 コミット時に自動でスペルを修正してしまうことがありました。 例えば、「add axios」ってコミットメッセージ欄に入力し…

brewで気軽にVagrant環境を準備したよ for Mac

オフィスでYoutube GW中ですがちょっと勉強でもするかと、休日に会社のオフィスへ。 ちょっと古いですが、O'Reilly Japan - インタラクティブ・データビジュアライゼーションでD3.jsでも触ろうと。意識高い!w やる気は満々!! だったんですが。。肝心の本…

Wiresharkでパケットキャプチャしてみた

Wiresharkとは TCP/IPで流れるデータを確認できる「パケットキャプチャ」ソフトの代表格。 Windows版, Mac版, Linux版それぞれあります。 ここではMac版を試します。 Wiresharkの公式サイト: https://www.wireshark.org/ Wiresharkをインストール Wireshark…

土居健太郎「10年使えるSEOの基本」を読んで - 検索エンジンは最高の回答者であろうとする -

10年つかえるSEOの基本posted with ヨメレバ土居 健太郎 技術評論社 2015-04-23 AmazonKindle楽天ブックス 「どうすれば検索されたときにサイトを上位表示できるか」 そんなふうに捉えてSEO対策を行うとかえってうまくいかなかったりすることがあるようです…

佐藤ナオキ「問題解決ラボ」を読んでみて

佐藤ナオキさんに興味を持ったのは、NHK「プロフェッショナル 仕事の流儀」を見てから。 世界で活躍している若手デザイナーで、ルイ・ヴィトン、コカ・コーラ、エルメスなど世界的な企業とやり取りをしており、デザインの領域はクリップ1つから建築物や駅前…

SQLで集合演算にトライ 〜和集合/積集合/差集合について〜

SQL

SQLの集合演算についてまとめてみた テーブル同士の集合演算について簡単に書き留めたので投稿。 集合演算は、和集合・積集合が一般的ですが、 差集合というのもあるらしいのでそちらについても記載しときます。 サンプルデータ 以下は説明で使用するテーブ…

Vim(テキストエディタ)の備忘録

Vimエディタの備忘録 Vimエディタの使い方 Vimは起動しただけでは文字入力を受け付けない。 この状態をノーマルモードというらしい。 ファイル編集の最低限 ノーマルモードで文字を挿入する位置まで移動して、iを入力。 これを文字入力可能状態(挿入モード)…

nano(テキストエディタ)の備忘録

nanoエディタの備忘録 nanoエディタの使い方 ファイルを開く: nano hoge/hoge/sample.txt 保存: Ctrl + o 終了: Ctrl + x 保存せずに終了: Ctrl + x + n コピー / 切り取り: 開始位置の指定: Ctrl + 6 範囲選択: 矢印キーで移動 コピー: Alt + 6 / 切り取り:…

VirtualBoxのキーボードレイアウトの変更方法について

あけましておめでとうございます。 本年も気が向いたらブログを書いていきたいと思いますのでよろしくお願いします。 VirtualBoxのキーボード設定が日本語キーボードのレイアウトだったので、僕のキーボードのUSキーボードのレイアウトに変更しました。とい…

Eclipseのショートカットが効かない...

MacでEclipseの便利なショートカットキーを有効に OSのショートカットキーとバッティングしてEclipseの便利なショートカットキーが使えないことがあります。 バッティングしないためには、OSのショートカットキーを変更もしくは削除するか、Eclipseのショー…

SAStrutsのチュートリアル環境を準備

SAStrutsのチュートリアルページに開発環境の構築方法が詳しく記載されているため、今回は僕がはまったところだけ。 環境 OS: Mac Eclipse: Luna 4.4.1 チュートリアルのセットアップページ内の「3.SAStrutsでの開発を便利にするPlugin」で下記のようにプラ…

EclipseにTomcatを設定

Tomcatをダウンロード 1, Tomcatのダウンロードサイトへいきます 2, Binary Distributions は以下の tar.gz を選択 今回は7.0.57のバージョンを選択しましたが、こだわりがあれば色々探してみてください。 3, ダウンロードしたapache-tomcat-x.x.x.tar.gzを…

Eclipse Luna (4.4.1)の日本語化

昨日インストールしたEclipse Luna(以下、Eclipse)を日本語化します。英語のままやろうと思ったのですが、、メニューを理解するのにあまりに時間がかかるため挫折。そのうち英語に挑戦します。 Eclipseの日本語化 Pleiadesのダウンロード 日本語化プラグイン…

JDK1.7.xのダウンロードからEclipseの起動まで(mac os x 10.9)

今月からフロントエンドエンジニア(HTML, CSS, JS)から、サーバーサイドエンジニアへ移動しました。 以前に1年ほどJava(SAStruts + DBFlute)をやっていたんですが、、、元々未熟だったのに加え、時間も空いてさらに未熟者になってしまい、泣くハメに><; 少し…

:before擬似要素に隣接セレクタをつけて直後の要素にスタイルを当てたらどうなるか

CSS

デベロッパーツールのHTMLを見て、::beforeに隣接セレクタで直後の要素にスタイルを当てられるんじゃない??と前々から密かに思っていたので実験してみました。 仮にスタイルを当てられるとしても、使う場面はないと思いますがワラ HTML <p class="text"> <span class="text__mess">ためしてがってん</span></p>…

CSS設計の教科書をまとめてみた

CSS

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法posted with ヨメレバ谷 拓樹 インプレス 2014-07-24 AmazonKindle楽天ブックス CSS設計の教科書を読んで、今後意識していくべき項目を大雑把にまとめてみました。…

Macのプロセッサが32bitか64bitかを確認する方法

mac

1, Finder を開く 2, アプリケーション を開く 3, ユーティリティ を開く 4, システム情報 を開く 5, ハードウェア を選択 6, プロセッサ名 を下記の表と比較 プロセッサ名 32bit / 64bit Intel Core Solo 32bit Intel Core Duo 32bit Intel Core 2 Duo 64b…