2018-01-01から1年間の記事一覧

スライドショー(戻る、進むボタンで画像を切り替える)

スライドショーの応用続き。 画像の両側に「戻る」「進む」機能をもたせた矢印マークを付けて、クリックしたら画像が切り替わる。 よく見られるアレ。

スライドショー(一定時間で切り替わる)

スライドショーの若干応用的なやりかた。 画像をクリックするのではなく、 一定時間が過ぎると勝手に次の画像に切り替わる。 setTimeoutで一定の時間経過後(この例では5秒きざみ)で勝手に切り替わる

スライドショー(初歩)

JavaScriptで画像のスライドショーを実装する一番初歩的なやりかた。 まずは、画像をクリックすると次の画像に切り替わる単純な仕組みから。

rbenv で ruby のバージョン管理

UbuntuにRubyのバージョン管理ツールrbenvを入れて、最新バージョンをインストールした記録。 環境:Ubuntu 16.04 LTS 現在のgitのバージョン $ git --version git version 2.19.1

git を最新にする

Git

環境:Ubuntu 16.04 LTS 現在のgitのバージョン $ git --version git version 2.7.4 少し古いのでアップグレードしたい。

Javascript の for...of

for...in文に対して ES2015で新しく追加された構文にfor...of文がある。 for...ofは、配列などの列挙可能なオブジェクト(NodeList, argumentsなど)、イテレーター/ジェネレーターなどを処理できる。 ■ for...ofの構文 for (仮変数 of 列挙可能なオブジェ…

for文で配列を処理する際の継続条件式

配列を列挙して何かの処理をする場合、for...in命令を使うべきではないというのが前の記事。 配列を順に処理する最もシンプルな方法は、昔ながらのfor文である。

Javascript の for...in

for...in命令 オブジェクトの要素を先頭から順に取り出して処理する。 ■ for...inの構文 for (仮変数 in オブジェクト) { 命令 }

【Ubuntu 16.04LTS】 困った、ゲストログインが無限ループする

今日帰ってPCを立ち上げると、なぜかログイン画面がゲストログインになっている。しかもパスワードを何度入れても入らず、すぐゲストログインされてしまう。 この現象は再起動しても、一旦終了してから起動しなおしても直らない。さてどうしたものか。一応ゲ…

npm package-lock.json の役割り

npm init した時に出来るpackage.jsonについての解説はよく載っているが、同時に出来るpackage-lock.jsonがなぜ必要なのか分からない。 調べたらStack Overflowにとてもいい解説が載っていたのでメモっておく。

PugでHTMLファイルをコンパイルしたら文字化けする

VS.Code のターミナルでPugコマンドを走らせ、HTMLファイルをコンパイルしたら文字化けする。Atomで同じことをすると問題なく、書きだされたHTMLはUTF-8であることが確認できる。なのでVS.Codeのみの問題と思われる。

Visual Studio Codeで Emmet を使いやすく

Tabでコード補完を展開させる VSCode1.27を使っていますが、Emmetがデフォルトで入っていて便利。ただしこのへんのバージョンは提案型といってHTMLタグなどを書いていくと勝手に候補がずらずらっと展開される方式。 Atomと同じように文字のEemmet省略記法をT…

Visual Studio Codeのインストール(Ubuntu16.04)

64bit版debパッケージのダウンロード 本家のサイトに移動 https://code.visualstudio.com/ 使っているOSがUbuntuだと、トップページ左にdebパッケージのダウンロードリンク(グリーンのアイコン)があるはず。

シェルコマンドでファイル名一括変換

あるディレクトリ下にファイルが100とか200とかあるいは1000とかあって、全部に連番付きの新しいファイル名にしたいとする。 古典的なやり方でやってみる。

Node.js のインストールとバージョン管理

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には、メニューから自動で一括インデントできる機能がある。これにショートカットを割り当ててもっと便利に使えないか。

Atomの自動折り返しの設定

Atomの自動折り返しをさせる [Edit] > [Preferences] で環境設定に入る。 [Editor] > [Soft Wrap] にチェックを入れる。 できれば折り返し位置も調整したい。