MySQLでテーブルを作成する際、サロゲートキーとしてidカラムを用意し、データインサート時に自動的に採番を行うようAUTO_INCREMENT属性を設定する場合が良くあると思います。
採番された最新の値は内部で保持されているため、一旦すべてのレコードを削除した場合でも、新しく挿入したレコードのidは1には戻りません。
idの数字自体には意味がありませんので、特にそのままでも問題はないかと思いますが、1にリセットしたい場合は次のクエリを実行します。
ALTER TABLE <TableName> AUTO_INCREMENT=0;また、Truncateをすると、データの削除と同時にAUTO_INCREMENTの値もリセットされるようです。
TRUNCATE TABLE <TableName>;前回、IntelliJの組み込みWebサーバーをご紹介しましたが、今回は、各プログラミング言語に含まれているWebサーバーをご紹介したいと思います。
IntelliJの場合は、プロジェクト名のサブフォルダがパスに含まれてしまうため、画像等を「/img/xxxxx.png」のようにドキュメントルートからのパスで指定している場合は、こちらの方法の方が良いかもしれません。
各言語とも、コンソール上でコマンドを実行することでサーバーを立ち上げることができます。
$ php -S <Host>:<Port>「<Host>:<Port>」には例えば「localhost:80」を指定します。 コマンドの実行場所がドキュメントルートになります。
$ python -m http.server [<Port>]<Port>を省略すると80が選択されます。 コマンドの実行場所がドキュメントルートになります。
$ ruby -run -e httpd <DocumentRoot> -p <Port>コマンドの実行場所をドキュメントルートにするには、<DocumentRoot>に「.」を指定します。
Nodeには標準でWebサーバーは含まれていませんが、モジュールとして簡単に組み込むことができます。今回は、一番有名なhttp-serverをご紹介します。
まずはnpmでhttp-serverをインストール。
$ npm i -g http-serverhttp-serverを実行。
$ http-server [-p <Port>]<Port>を省略すると80が選択されます。 コマンドの実行場所がドキュメントルートになります。
弊社では、ソフトウェア開発のIDEとしてIntelliJ IDEAを利用しています。
現在、静的なサイトの開発中を行っており、その動作確認にWebサーバーが必要になったのですが、IntelliJには組み込みのWebサーバーが備わっており、IntelliJ起動時に自動的に立ち上がるみたいですね。
標準のポートは63342で、次のURLでアクセスすることができます。
http://localhost:63342/<ProjectName>
ポートを変更したい場合は、
Settings -> Build, Execution, Deployment -> Debugger
のBuilt-in serverで設定することができます。
TurbolinksはPjax（pushState + Ajax）を実現するためのライブラリで、Rails 5では標準で有効になっています。Turbolinksを使うと、ページ遷移時に画面全体の読み込みが行われないため、非常にスムーズな操作性を実現することができます。
しかし、Turbolinksが適用されたサイトにGoogle AdSense（Googleが提供する広告配信サービス）を導入すると、ページ遷移後に広告が正しく表示されない問題が発生する場合があります。
これを防ぐには、Turbolinksによる画面の読み込みをトリガとして、新たに表示された広告ユニットを認識させる処理を加える必要があります。
例えば、自動サイズの広告ユニットを表示させる場合、Turbolinksを適用させていない通常のサイトでは、<head>タグ内に
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>を追加した上で、HTMLの広告を表示させたい場所に次のようなコードを挿入します。一つのページに複数の広告ユニットを表示することも可能です。
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>一方、Turbolinksが適用されたサイトでは、<head>内でのadsbygoogle.jsの読み込みは同じですが、広告を表示させたい場所には<ins>タグのみを挿入し、
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"
data-ad-format="auto"
data-full-width-responsive="true"></ins>その上で次のコードを<head>タグ内に挿入します。（外部Javascriptファイルに切り出して、読み込ませてもOKです。）turbolinks:loadに対するイベントリスナを設定することで、初回表示時やTurbolinksによる画面遷移時に処理が走ります。
<script>
document.addEventListener('turbolinks:load', function () {
var ads = document.querySelectorAll('.adsbygoogle');
if (ads.length > 0) {
ads.forEach(function (ad) {
if (ad.firstChild) {
ad.removeChild(ad.firstChild);
}
window.adsbygoogle = window.adsbygoogle || [];
window.adsbygoogle.push({});
});
}
});
</script>ここでは、 adsに格納された<ins>要素を一つ一つ走査し、ブラウザバック等で既に広告の実体が挿入されている<ins>に関しては初期化を行った上で、 window.adsbygoogleに対して空のハッシュを挿入することで、adsbygoogle.jsに対して広告ユニットの存在を知らせています。
以上で、Turbolinksが利用されたサイトでもGoogle AdSenseによる広告が正しく表示されるようになります。
Windows10にいつの間にか範囲を指定してスクリーンショットを撮る機能が追加されていました。
使い方は簡単。「Shift + Win + S」をクリックすると、画面が白く曇りカーソルが十字型になります。その状態で、撮影したい領域をマウスで選択するとスクリーン画像がクリップボードにコピーされます。PNG等の形式で保存したい場合は、ペイント等に貼り付けて保存します。
従来のやり方も含めて、三種類の方法でスクリーンショットを撮れるようになりました。
| 画面全体を撮影 | Print Screen |
| アクティブなウィンドウを撮影 | Alt + Print Screen |
| (New) 選択した範囲を撮影 | Shift + Win + S |
ちなみに、撮影した画像に文字やマーカーを入れる場合は、Windowsに標準で含まれる、Snipping Toolというアプリケーションを使うのが便利です。タスクバー左下の検索窓に「sn」を入力すると出てきます。
また、有償ですが、Snagitというツールは様々な領域の自動選択や撮影履歴の自動保存、動画撮影等、より高度な機能を持っているため、私は普段こちらを利用しています。
https://www.techsmith.com/screen-capture.html
運用しているWordPressのサイトのドメインを変更した際に、一部の画像が表示されなくなる問題が発生しました。
それらの画像はImage Pasteというプラグインを利用してクリップボードから投稿に張り付けたものでしたが、どうもドメインを含む絶対パスで画像を指定するため、ドメイン変更後も古いURLのままになっていたことが原因でした。
一つ一つ修正するのは手間がかかるため、データベース上で直接修正できないかと調べたところ、MySQLのREPLACE関数を使うことで、投稿の文字列の一部だけをまとめて変更できることが分かりました。
UPDATE tmpa60d8d_posts SET post_content = REPLACE(post_content, 'old.domain', 'new.domain') WHERE post_content LIKE '%old.domain%'
EclipseでHTMLファイルを開くと、内容がUTF-8にも関わらず以下のように勝手にShift_JISと判定される場合があります。
これは、org.eclipse.wst.html.core.internal.contenttype.EncodingGuesserの挙動によるもので、文字コードの判定ができない場合、日本語環境においては自動的にShift_JISが設定されるようです。ワークスペースの文字コードを変更しても、Content TypesのHTMLのDefault encodingを設定しても効果はありません。
対策としては、HTMLファイルの<head>内に<meta charset=”UTF-8″>タグを含める方法があります。charsetに指定してある文字コードが自動的に設定されます。しかし、フレームワーク等でHTMLファイルを分割して利用している場合は、この方法をとることはできません。他にも、.htmlの拡張子を持つファイルをHTML以外のコンテントタイプに紐づけたり、EnxodingGuesser自体を書き換えてしまうアプローチを取っている方もいるようですが、少し手間がかかりそうです。
一番簡単なのは、Eclipseを英語環境で起動する方法です。eclipse.exeと同じ場所にあるeclipse.iniにEclipseを起動するJVMの環境変数として、「-Duser.language=en」を加えます。
Eclipseを再起動すると、以下のようにUTF-8と設定されていることが分かります。日付の表記も英語に変わってしまいましたが、大きな問題ではないでしょう。
[参考]
https://bugs.eclipse.org/bugs/show_bug.cgi?id=237567
Windows10でスリープから勝手に復帰しないようにするでは、電源オプションから「スリープ解除タイマーの許可」を無効にするように設定しました。しかし、これでは不十分なようで、ネットワークアダプターによる通信によってスリープが勝手に解除されてしまうケースがありました。
これを防ぐには、まずスタートボタンを右クリックして表示されるコンテキストメニューからデバイスマネージャーを起動します。
ネットワークアダプターの中の該当のデバイスを右クリックし、プロパティを選択します。
「このデバイスで、コンピューターのスタンバイ状態を解除できるようにする」のチェックを外し「OK」ボタンをクリックします。
ちなみに、マウスによるスタンバイの解除を停止するには、マウスのプロパティから同様の操作をします。
既にコミットしたファイルを.gitignoreに追加しても、自動的に除外してくれません。除外するには、以下のステップを実施します。
まず、.gitignoreに除外したいファイル（/path/to/file）を追加します。
$ vim .gitignore .project .settings/ /path/to/file
次に、gitのキャッシュをクリアします。
$ git rm --cached /path/to/file
最後に変更をコミットします。
$ git add .gitignore $ git commit -m "Add /path/to/file to .gitignore"
プログラミング言語であるPythonをWindowsにインストールした際のメモです。
PythonにはWindows用のインストーラが用意されています。PythonのWebサイトからダウンロードします。
必要なバージョンのダウンロードボタンをクリックします。ここではv3.5.1をダウンロードしました。
Pythonはバージョン2系と3系に互換性がないため、2系が未だに主流であると言われています。違いを理解するために、以下のサイトを参考にさせていただきました。
http://postd.cc/the-key-differences-between-python-2-7-x-and-python-3-x-with-examples/
ダウンロードしたインストーラーを実行すると、インストールのためのウィザードが開始します。pythonコマンドに対してパスを通すために、「Add Python 3.5 to PATH」にチェックを入れ、「Install Now」をクリックします。
以下の画面が表示されればインストールは完了です。
念のため、コマンドラインでバージョンを確認します。
>python --version Python 3.5.1