読者です 読者をやめる 読者になる 読者になる

プログラムをゲームを進めながら覚えられるCodeCombatを試してみました

CodeCombatというサイトをご存知ですか? その名の通り、codeを書いて、戦うゲームがオンライン上で楽しめるサイトです。 大半は子供がユーザーのようですが、20代、30代、40代の人も利用者にはいるようです。 プログラム的な書き方への抵抗をなくすという意…

【HTML5】 宣言文のテンプレート

HTML5の宣言文は、以下です。 もはやこれがほとんどで、以前のサイトを修正するくらいしか、ほかの宣言文を参照する機会はないとのこと。 テンプレートです。 ------------------------------ <html lang="ja"> <head> <meta charset="utf-8"> <title>HTML5の初期テンプレート</title> <meta name="description" content=""> <meta name="keywords" content=""> </meta></meta></meta></head></html>

【JavaScript】 headタグ内での宣言文

javascriptを使うときは、headタグ内に、以下を追記します。 <meta http-equiv="Content-Script-Type" content="text/javascript" /> そして、html内に、以下タグを追加し、なかにjavascriptを追記します。 <script type="text/javascript"> (ここにスクリプトを記述) </script> 外部読み込みする場合は、src属性を追加する。 <script type="text/javascript" src="xxx.js"></script> この際、タグ内に記述しても出力されない。</meta>…

【HTML/CSS】 レスポンシブ対応の第一歩:メディアクエリの書き方

CSSを知る前は、「レスポンシブ対応」というのはえらく仰々しい作業なんだろうと思っていました。 CSSを勉強して、「CSSをデバイスごとに複数かき分ける」ことなんだ、と知りました。 やり方は、2つあるようです。 CSS内でかき分ける CSSをデバイスごとに複…

【jQuery】 スクロールすると途中からメニューバーが画面トップに留まる

全てのコンテンツが一枚のシートにつらつらと書かれていて、スクロールしてみていくというサイト、最近多いですよね。 その時に、メニューを画面トップにとどめておきたいというのはよく思うことですよね。 やってみました。 HTML jQueryのライブラリ読み込…

【jQuery】 headタグ内での基本の宣言

jQueryを使う時に、htmlのheadタグ内で宣言しておく必要がありますね。 いつも調べるのは面倒なので、備忘がてら、ここに貼っておきます。 1.ダウンロードする方法 jQueryのページに行きます。 jquery.com ダウンロードタブをクリックして、ダウンロードの…

【Gimp】 画像の移動

Gimpを使い始めています。 昨日の、「キャンバスサイズを指定して新規作成」に引き続き、超初心者向けですが、 画像を移動したい時の方法を備忘がてら記しておきます。 ツールは、Moveツール(日本語だと、「移動ツール」かな?)を使います。 始めたてだと…

【Gimp】 キャンバスサイズを指定して新規作成

GIMPを使い始めました! 大層初歩的ですが、キャンバスサイズを指定して新規作成するとき方法を記しておきます! 「File」から「New」を選びます。 キャンパスサイズを指定するウィンドウが出るので、width(幅)とheight(高さ)を入力します。 以上です!

【CSS】いくつもあるclassの最後の一つだけを指定したい

ブログの記事など、いくつか同じハコを並べたときに、最後のマージンが!! これなんとかしたい、ということはないでしょうか?? こういうときに便利な、最後のコンテンツ(画像でいうところの、「院長紹介」のところ)だけをCSSで指定することができます。…

【サイトデザイン・バナーデザイン】 参考になるサイト

サイトやバナーを作るとき、作りたいものを発想するのにも、 顧客の嗜好をあぶりだすのにも、たくさんいいデザインのものを見るのは重要かと思われます。 たくさんのサイトやバナーを展覧会のごとく集めてくれているサイトを貼っておきます。 サイトデザイン…

【firebug】 文字サイズの拡大・縮小を元に戻したい

firebugを使っていて、ショートカットのCommand + +キーで文字を拡大しようとしたら、 ブラウザの表示されているページだけが大きくなって、慌てて Command + -キー で戻そうとしたら なぜかfirebugの文字だけ小さくなって、えええ!? と思って混乱している…

【Macbook Air】 プログラムを書くときに便利なショートカットキー17選

以前もパソコンを使って仕事をしていたので、Microsoft系やウィンドウ操作のショートカットはできるだけ覚えていたのですが、 プログラムを勉強しだして、エディターを使うようになって、エディターのショートカットを欲するようになりました。 中でも、カー…

【Adobe fireworks】 オブジェクトの切り抜き/背景を透過する/背景を変える

前回では、Adobe fireworksで画像の背景を透過する方法をご紹介しました。 今回は、引き続き背景を透過する方法の第二弾です。 こちらでは、前回のように色を指定して透過するよりも、複雑な色の構成をしている場合でも、 確実に背景色を透過することができ…

【Adobe fireworks】 画像の背景を透過する方法

画像を表示したいとき、その背景がじゃまだな~と思うことありますよね。 背景の「透過」をAdobe社のfireworksという製品で実施する方法を紹介します。 まとめると以下の2プロセスになります。それぞれについて説明します。 自動選択ツールで背景を選択し、…

【CSS】 子要素にfloatをつけたとき親要素の高さが検出されない問題の解消・clearfixのテンプレート

divisionを分けて、子要素にfloat: right/leftをつけたとき、 親要素の高さが検出されない、という問題は、だれもが一度はぶち当たるのではないでしょうか。 これは、親要素の中に、中身のないコンテンツを入れてやることで領域を表示してくれるようになりま…

【Ruby on Rails】 HTMLの共通テンプレでlogoをトップに表示させる

さて、htmlの共通のテンプレを変えたい場合は、 view/layouts/application.html.erb の中に記述する。 logoを表示させる場合は、イメージタグヘルパーを使う。 body内に、 <%= image_tag "logo.png" %> と記述。 logo.pngは、app/assets/images/ 直下に置け…

【Ruby on Rails/エラー】 ブラウザで確認しようとしたら、Missing template projects/index, application/index with &amp;#123;:locale=&gt;[:en], :formats=&gt;[:html], :variants=&gt;[], :handlers=&gt;[:erb, :builder, :raw, :ruby, :coffee, :jbuilder]&amp;#125;. Searched in: * &quo

model, viewを追加して、ブラウザで確認しようとしたら、 Missing template projects/index, application/index with {:locale=>[:en], :formats=>[:html], :variants=>[], :handlers=>[:erb, :builder, :raw, :ruby, :coffee, :jbuilder]}. Searched in: * …

【Ruby on Rails】 ブラウザで確認すると&quot;Routing Error&quot;が出る。(ケアレスミスの例)

Railsで、ModelとViewを準備したあと、rails serverを起動し、 localhostの直下で確認しようとしたところ、ブラウザの画面上に「Routing Error」の文字が。 Configフォルダ以下の、"routes.rb"をsublime3で開いて確認したところ、 "resources :XXXXX(プロジ…

【Windows64bit】RailsのためにSQLite3をインストールする

Windows環境でRailsを使うときにSQLite3をDBとして使う場合、 ダウンロードがなにやらMacやLinuxと比べていろいろとややこしいみたいです。 何度やってもrailsのアプリのフォルダからsqlite3を確認できず、 いろいろなサイトを見ましたが、UNIXコマンドを使…

【環境変数PATH設定ミス】Windowsコマンドプロンプトエラー&quot;内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません&quot;が出る

コマンドプロンプト上で、ビルドツールを実行して、ソースコードのビルドをしようとして、以下のエラーが出た。 '(プログラム名)' は、内部コマンドまたは外部コマンド、 操作可能なプログラムまたはバッチ ファイルとして認識されていません。 これは、完…

【Ruby on Rails】 bundle installで'could not locate Gemfile'というエラーが出る

Railsのbundle installをしようと思ったら、"could not locate Gemfile"というエラーが出た。 そのエラー文をそのまま検索すると、ばっちりのStack Overflowのページに行き当たった。 こちら↓ http://stackoverflow.com/questions/3329953/could-not-locate-…

6日目 ちょっと早いけど前のめりにRailsの環境構築をやってみる

まだHTMLやCSS、JavaScriptなんかもまだまだわかりきっていない気もするのですが、 気も急くし、コーチも早くやってみれば? とのことだったので、とりあえず 進んでいる感を出すためにもRuby on Railsの環境構築をやってみます。 Windowsなので、なんかやや…

【閑話】 プログラマーとして自立する道のり

現状でプログラマになると決めてから、おおよそ3週間である。 今の気持ちを率直に述べるなら、学べば学ぶほど(というほど学んでもいないが)、 学ばないといけないこと、実際に試してみないといけないことが、 次から次へと湧いてきて、どんどん先が見えな…

3日目 HTML&CSS

今日は、HTMLとCSSだ。 過去に簡単なHTMLの更新作業をしたことがあるが、 自分で作ろうとしてみたときは、CSSがややこしくて躓いてしまった。 細かいところは一旦置いて、概要をつかんだ後実践を通して身に付けていこう。 ■Sublime3のShort Cut ・Ctrl+` コ…

2日目 プログラミングのための基礎環境構築

まずは基本となる環境構築から始めよう。 テキストツールでも、Sublimeがライブラリも充実していてよい。 理解の土台となる基礎知識の習得(ドットインストール、なぜ動くのかシリーズ)をしながら、 昨今でている様々な便利ツールを使って最速習得を目指そ…

1日目、ビジョン設定

カリキュラムのなかで、ビジョンを設定しておきましょう、というのがありました。 いまから勉強を進めていく上で、指針として最初に設定しておきます。 ■プログラミングを勉強して、どうなりたいのか? ・自分の自由な時間を使えるようになりたい ・ものを作…

1日目、プログラム勉強開始

すすめに従って、プログラム勉強の軌跡を記すブログを作りました。 無理せず、楽しんで進めて行こうと思います。 ■今、プログラミングを学ぶべき理由 ・平均時給は2310円。 ・ウェブビジネス市場は2011年11兆円、20年には47兆円へ ・BtoC向け、ウェブアプリ…