Linuxでコマンドの履歴を表示するコマンド「history」について説明します。 直前のログを確認するほかにも、操作ログとして保存することもできるので便利です。 【history】コマンド履歴を表示する コマンド履歴を表示することができるコマンドです。scriptコマンドとは異なり、標準主力は記録されていません。 $ history [オプション] [表示コマンド数] オプション -c コ……
動きのあるWebデザインを実現させるためには、JavaScriptの使用を考える方が多いでしょう。しかし、CSS3からはtransitionやanimateを使うことでCSSでのアニメーションを実現させることが出来るようになりました。今回はtransitionプロパティを使って動きをつける方法をご紹介します。transitionプロパティでは、あるものからあるものへ変化する時の効果を設定することが……
ヘッダーやフッターを固定したい場面で、昔はフレームを使うのが主流でした。しかし、現在は様々な理由からフレームを使うことは難しいです。CSSで簡単にヘッダーとフッターの固定を実現させることができるので、こちらを採用するようにしましょう。CSSでヘッダーとフッターを固定する方法まず、位置を固定するにはposition: fixed;を利用します。ヘッダーもフッターもこのプロパティで位置を固定します。更……
画像の上にポインタが来た時に、画像を変化させる表現をロールオーバーと言います。ロールオーバーの実装方法はいくつかありますが、CSSの:hoverを使う基礎的な方法をご紹介します。:hoverを使ってマウスオーバー時に表示を切り替える方法基本的なマウスオーバーマウスオーバー時に画像の表示を切り替える基本的な方法としては、２種類の画像を用意し、ポインタがふれてる時とそうでない時で画像を切り替える方法で……
CSSには、文章の折り返しに関するプロパティに２種類あります。word-wrapとword-breakです。似ていて少しややこしいので、使い方を間違わないよう注意が必要です。word-wrapは文章が長くなってしまって折り返しが必要な場合、単語の途中でも折り返すかどうかを指定するプロパティです。対して、word-breakは単語に関わらず行の改行についての指定を行うプロパティです。今回は、word……
サイトのアクセシビリティを改善したい場合、新たな機能を追加したり、アクセシビリティ改善用に新たにコンテンツを複製する必要はありません。重要なのは、自分たちのサイトやコンテンツをデザインする際に、ユーザーによってはアクセス可能なデバイスが限られていることや、見たり読んだりする能力に違いがあるということをしっかりと理解することです。サイトを１から作る場合、アクセシビリティの高いものを作ったとしても、そ……
近年アプリ制作者の間では、UIだけでなくアプリのUXを検証すべく、プロトタイピングツールの需要が年々高まっています。国内ではPrott、国外ではInvisionやPixate、Flintoなどがありますが、最近だとAdobeもAdobe XDというツールを発表するなど、大手も積極的に業界に参戦しています。 そんな中、Facebookの開発者向けイベント「F8」にてFacebookのプロトタイ……
Google Apps Scriptでスプレッドシートを操作する時に基本となるセルの取得と書き換えについて説明します。 【Google Apps Script入門】 第１回 Google Apps Scriptとは？ 第２回 スクリプトエディタの基本操作 第３回 セルの取得・変更をする スプレッドシートを操作する基本 Google Apps Scriptでセルを操作するには、以下のような手順が必……
Google Apps Scriptのコードを書くことができるスクリプトエディタの使い方を説明します。スクリプトエディタの基本操作と、Google Apps Script独自のオブジェクトを覚えれば、あとは通常のJavaScriptと大きな差はなくコーディングすることができます。 今回は、Googleスプレッドシートからスクリプトエディタを使う例を紹介していきます。 【Google Apps ……
Googleスプレッドシートを使って毎日のKPI管理をしている時などに使うと便利な「Google Apps Script」の基礎と使い方について説明していきます。 【Google Apps Script入門】 第１回 Google Apps Scriptとは？ 第２回 スクリプトエディタの基本操作 第３回 セルの取得・変更をする Google Apps Scriptとは Google Apps ……