Webページの中でスクロールさせたい領域を作りたいということがあると思います。 サイトの最新の更新履歴を残す場合などは、スクロールできたほうが便利だと思います。Webページをスクロールさせる時、昔はframe等を用いたりiframeを使用したりして実現していました。 しかし、frameやiframeを使うとHTMLを複数用意しなければならず、何かと面倒でした。 今回はそれ以外の実現方法として、CS……

今回はRubyのfor文による繰り返しを解説していきます。for文for文は、あらかじめ用意されている配列などの要素から値を取り出し、繰り返しを実行します。基本的な書式は以下のようになります。for (変数) in (オブジェクト) do #doは省略できます (実行する処理) endfor文で使えるオブジェクトはなんでもいいわけではありません。基本的に、配列やハッシュのようなオブジェクトを……

今回は、Rubyでの条件分岐の書き方について解説します。基本的なif 文の文法基本的なif 文の書式は以下のようになっています。if (条件式1) then #thenは省略可能 (条件式1が真のときの処理) elsif (条件式2) then (条件式2が真のときの処理) else (条件式1・2が偽のときの処理) endif の条件式１が”真”であるとき、then 以下の処理……

良いプレゼンをするのに一番大切なものの１つとして論理構成があります。筋の通っていない話ほど、わかりにくいものはありませんよね。一枚一枚のスライドの完成度を上げるのも大切ですが、話の流れを時々振り返ることも大事です。逆に、話の流れを作ってから、スライドを作成する方が良い場合もあります。話の流れを整えるのに役立つのが「アウトライン」機能です。アウトライン機能とはアウトラインとは「目次」のようなものです……

HTML5の仕様が策定され各ブラウザがHTML5の対応を進めています。しかしブラウザはそれぞれの団体が各自に実装をしているため、HTML5の実装状況はまちまちです。今回はそんなHTML5の各ブラウザでの実装状況をチェックできるサイトをまとめます。HTML5 & CSS3 Supporthttp://fmbip.com/litmus/HTML5とCSS3の対応状況を各ブラウザのアイコンととも……

HTMLとCSSは別の言語です。なので二種類のファイルを記述しても自動的にスタイルが適用されるわけではありません。今回はHTMLにスタイルを適用する方法を紹介します。HTML内部に書く場合HTML内部に書く場合はheadタグ内部で指定する方法と、各タグにstyle属性で記述する二種類の方法があります。headタグ内部で指定する方法はheadタグ内にstyleタグを記述し、内部にCSSを記述していき……

HTML5で作られたWebページは今までのHTMLで作られたページよりも表現力が豊かです。しかし、新しい機能を有効的に使うとなると、今までとは違う考え方をしなくてはならないため、いきなり作り始めるのは難しいと思います。そこで今回は参考になるHTML5のサイトを紹介します。これからあげるサイトを参考にしてよりよいWebサイトを作成しましょう。Applehttp://www.apple.com/有名な……

HTMLやCSSは改訂が進み新機能が次々と実装されていきます。そんな変化の早いWeb技術について行くのはかなり難しいことだと思います。変化の早いWeb技術だからこそ、更新が早いWebの情報が頼りになります。今回はHTML5とCSS3が勉強できるサービス・サイトを紹介します。HTML5、きちんとhttp://www.slideshare.net/myakura/html5-2480964このスライド……

HTML５で特徴的な機能としてcanvas要素があります。今までのHTMLでは画像を扱うには画像のファイルを用いるかFlashなどのプラグインを用いる必要がありました。追加されたcanvas機能は２Dのグラフィックを描くことができます。今回はcanvasタグを用いて図形を描画する方法を簡単に紹介します。canvasタグHTMLのcanvasタグの設置は通常のタグ同様簡単です。<canvas ……

パワーポイントでスライドを作成するのはなぜですか？ほとんどの場合は、プレゼンテーションのために、発表のためにスライドを作りますよね。発表するということは原稿が必要です。パワーポイントのスライドには「ノート」という形で発表原稿や補足説明などを付け加える欄があります。ノートはスライドショーを操作している時も参照できますが、スライドと一緒に印刷することも可能です。今回はパワーポイントのノートの印刷方法に……