2018-01-01から1年間の記事一覧
スライドショーの応用続き。 画像の両側に「戻る」「進む」機能をもたせた矢印マークを付けて、クリックしたら画像が切り替わる。 よく見られるアレ。
スライドショーの若干応用的なやりかた。 画像をクリックするのではなく、 一定時間が過ぎると勝手に次の画像に切り替わる。 setTimeoutで一定の時間経過後(この例では5秒きざみ)で勝手に切り替わる
JavaScriptで画像のスライドショーを実装する一番初歩的なやりかた。 まずは、画像をクリックすると次の画像に切り替わる単純な仕組みから。
UbuntuにRubyのバージョン管理ツールrbenvを入れて、最新バージョンをインストールした記録。 環境:Ubuntu 16.04 LTS 現在のgitのバージョン $ git --version git version 2.19.1
環境:Ubuntu 16.04 LTS 現在のgitのバージョン $ git --version git version 2.7.4 少し古いのでアップグレードしたい。
for...in文に対して ES2015で新しく追加された構文にfor...of文がある。 for...ofは、配列などの列挙可能なオブジェクト(NodeList, argumentsなど)、イテレーター/ジェネレーターなどを処理できる。 ■ for...ofの構文 for (仮変数 of 列挙可能なオブジェ…
配列を列挙して何かの処理をする場合、for...in命令を使うべきではないというのが前の記事。 配列を順に処理する最もシンプルな方法は、昔ながらのfor文である。
for...in命令 オブジェクトの要素を先頭から順に取り出して処理する。 ■ for...inの構文 for (仮変数 in オブジェクト) { 命令 }
今日帰ってPCを立ち上げると、なぜかログイン画面がゲストログインになっている。しかもパスワードを何度入れても入らず、すぐゲストログインされてしまう。 この現象は再起動しても、一旦終了してから起動しなおしても直らない。さてどうしたものか。一応ゲ…
npm init した時に出来るpackage.jsonについての解説はよく載っているが、同時に出来るpackage-lock.jsonがなぜ必要なのか分からない。 調べたらStack Overflowにとてもいい解説が載っていたのでメモっておく。
VS.Code のターミナルでPugコマンドを走らせ、HTMLファイルをコンパイルしたら文字化けする。Atomで同じことをすると問題なく、書きだされたHTMLはUTF-8であることが確認できる。なのでVS.Codeのみの問題と思われる。
Tabでコード補完を展開させる VSCode1.27を使っていますが、Emmetがデフォルトで入っていて便利。ただしこのへんのバージョンは提案型といってHTMLタグなどを書いていくと勝手に候補がずらずらっと展開される方式。 Atomと同じように文字のEemmet省略記法をT…
64bit版debパッケージのダウンロード 本家のサイトに移動 https://code.visualstudio.com/ 使っているOSがUbuntuだと、トップページ左にdebパッケージのダウンロードリンク(グリーンのアイコン)があるはず。
あるディレクトリ下にファイルが100とか200とかあるいは1000とかあって、全部に連番付きの新しいファイル名にしたいとする。 古典的なやり方でやってみる。
Ubuntu にNode.js をインストールしてバージョン管理する方法のメモ 本家日本語版のダウンロードサイトはこちら [Node.js ダウンロード](https://nodejs.org/ja/download/) うちの場合は Linux Binaries (x86/x64) をダウンロードだが、この方法はとらない…
Linuxマシンをアップグレードしたときや、古いWindowsから持ってきたファイルなど、こうした古いドキュメントの文字コードがEUCやSJISで、日本語が文字化けして読めないなんてことがよくある。 今時はWindowsでもMacでも、またUbuntuなどのLinux系でも、文字…
Atomの自動インデントのメニュー Atomには、メニューから自動で一括インデントできる機能がある。これにショートカットを割り当ててもっと便利に使えないか。
Atomの自動折り返しをさせる [Edit] > [Preferences] で環境設定に入る。 [Editor] > [Soft Wrap] にチェックを入れる。 できれば折り返し位置も調整したい。