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

Microsoft Word for macで段落を上げたり下げたりするショートカット

Windowsでは、Wordは、Shift + Control + ↑または↓で、段落レベルで上げたり下げたりができて、とても便利でした。 しかし、macになって、同じショートカットが効かなくなってしまった・・・。 これは作業効率が落ちる。 ということで探してみたところ、ばっ…

macでWindowsのF2キー(編集)に替わるショートカットキー

Windowsからmacに移ると、今まで使っていたショートカットキーが使えなくなるので、また覚え直しなのが辛いところですね〜。 そして、一度で覚えられず、結局何回かぐぐっちゃったりするので、備忘に書き記しておきます。 Finderでファイルやフォルダ名を編…

macのターミナルで今いるディレクトリをファインダーで開く[mac・備忘]

macのターミナル上で、「open .」を打つ。 →ファインダーが開いて、ターミナルで見ていたフォルダが開く。 便利。 というか、多分基本? 完全備忘メモ!!!

floatが嫌になって来た頃にinline-blockを覚えるというCSS初心者の階段を登る

水平に、画像や、文言や、四角や、いろんなものを並べたいということは頻繁に起こります。 まず私のような初心者としては、floatだっ!! と思うと思います。 今回、フリーランスとしての初仕事を経て、マークアップについて、「いろは」から少し実践的なや…

画像のサイズが変わっても縦横比を変えずに枠に合わせて拡大させる

記事の一覧表示など、同じサイズの枠をたくさん並べる時に、画像のサイズでどんなものが来ても枠に合わせて取り繕ってくれる呪文を習ったので備忘メモ。 まず、表示するimageはspanでくくって、background-imageで画像を指定します。 <span class="クラス名" style="background-image:url(画像場所);" alt=""></span> こうすることのメリッ…

長いアルファベットやURLでも途中で改行する「word-wrap: break-word」

アルファベットの続きもじ(とくにURLなど)は、改行すべきところで改行してくれないことがあります。 そういう時は、bodyかhtmlに、「word-wrap: break-word」を指定すると、一発で改行されます。 簡単ですが、対応しておかないと後とレイアウトがずれるこ…

エメラルドグリーンの竹に魅せられて(青竹の油抜き)[竹細工]

竹を材料にしてランプシェードを作ってみたい、と思い、竹誰かくれないかな(その辺いくらでも生えてるし)と思っていたら、竹林を管理している方を紹介してもらったのが昨年10月。 竹炭の製作や、竹の伐採などみんなでやる作業は手伝ってね、という条件で、…

「いざ、妖々と」by杉本優氏 がよい!!(おとめ妖怪ざくろBGM)

素晴らしいBGMというのは、その作品の価値を倍増させることもあると感じる。 たまたま作業用BGM動画を聞きながら仕事をしていて、「おとめ妖怪ざくろ」というアニメの「いざ、妖々と」という曲にぐっと来た。 http://www.nicovideo.jp/watch/nm13571250(「…

Vanessa Carlton「Heroes & Thieves」の歌詞の理屈こねこね具合がいい

Vanessa Carltonは、ピアノをベースとした曲が美しい、女性Singer Song Writerで、A thousand Milesや、Ordinary Daysが有名ですね。 最初に出会ったのは、Thousand Milesをラジオでたまたま聞いて、その場で調べたのがきっかけでした。 過去のブログを整理…

当たり前のことがなかなかできない健康管理

以前のブログを整理していて、出てきた記事。 題名「朝ごはん・野菜・運動の効用」 1.朝ご飯 「 朝ご飯を食べるとよい」と言いますが、最近実感しています。 今日も、朝ご飯をがっつり(野菜サラダですが)食べたところ、朝からテンションが上がりすぎて楽し…

 「アンドロイドは電気羊の夢を見るか?」で出て来るノードオルガン作りたい

有名なSF小説、「アンドロイドは電気羊の夢を見るか?」では、目覚まし時計をセットするかのごとく、次の日自分がありたい精神状態をつまみをいじってセットする機械が出て来る。 この小説を読んだのは何年も前で、ITのアの字も知らない時でしたが、そういう…

ほぼ未経験で週3勤務の需要って高まってると思う一方IT業界も転職エージェントもまだまだそれに対応できていないと感じたこと

「自分で考えたアイデアを自分の手でコーディングとかして作れるようになりたい」と思ってSIerに入ったけど、そもそもSIerというのはそういうことをするところではなかったとわかったので辞めて、コーディングの学校に通った後、この度実際に転職活動をして…

5年いて全然分かっていなかった「IT業界」で一括りにされすぎている多様すぎる業界のこと。SIerとは何をする企業か? 

この記事を興味を持って読んでくれる人は、これからIT業界に入ろうとする人なんだろうか、それとも、もうIT業界で長らく働いている人なんだろうか。 分からないですが、私は「IT業界歴」でいうと、6年目になります。 ただ、こないだまで「IT業界」とはなんぞ…

SublimeText3はCPU・メモリ共にほとんど食わない。一方でAtomは…orz(検証)

昨晩のことです。 Finder(Windowsでいうと「エクスプローラー」)がフリーズしました。 ActiveMonitorでCPUやメモリの食い具合を見てみたところ、メモリがもういっぱいいっぱい、ぱっつんぱっつんで破けそうなワイシャツみたいな状態でした。 ありゃりゃー。 …

【MariaDB・備忘】文字コードが揃ってなくて文字化けがひどい

ひどいも何も、文字化けしてるかしてないかは二択ですが・・・。 これに大変苦しめられたので、備忘で記しておきます。 まず、文字化けしてる! ことが発覚したら、文字コードを確認します。 show variables like "chara%"; これで、どこがutf8じゃないか? …

macのターミナルで環境変数(PATH)を設定する[mac・備忘]

環境変数、いちいちGUIで設定するの、面倒ですよね。 ここは、terminalからちゃちゃっと設定してしまいましょう。 terminalを立ち上げる。 home直下にある、.bashrcというファイルに、設定する文を書き込む 確認する。 2.の補足説明。 とりあえず、設定した…

目分量でスープの味付けするのは危険(塩分量が)

名だたるブラックな職場で(ただ結構楽しそうに)バリバリ働いている友人が、急性高血圧?とかいうのでぶっ倒れて以降、えらくfacebookの投稿が健康的(食事を作ったり、栄養素を研究したり)している友人に久々に会ったら、なんと彼は以前よりも太っていた…

【JavaScript】 勉強のために電卓を作ってみた

「JavaScriptの初心者は電卓を作るとよい」と聞いて、作ってみました。 参考にしたサイトは、以下2つ。 Javascriptで電卓を作ってみた。ソース付き。 | ヤマヤタケシのブログ これは、フォーム(HTML上での表示)まで、javascriptですべて作っていて、結構高…

【PHP初歩備忘】 XAMPPで環境構築(ざっくりまとめ)(WINDOWS)

PHP

XAMPPで環境構築して、phpファイルを表示させる手順は以下。 XAMPPのホームページから最新版をダウンロード インストール XAMPP>PHP>php.iniで必要な設定をいじる(文字コード、エンコード、マルチバイト文字のデフォルト設定等) XAMPPのコントロールパネル…

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

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

【JavaScript備忘】JavaScriptのSwitch文でcaseに条件式を入れたい

If else文を習ったら、大体の場合次は「switch」文ではないかと思います。 Switch文は、caseに値を設定し、その値に一致するかどうかで、実行することを変えるというときに使うのがデフォルトです。 こういうかんじ。 --------------------- var rank = 'C';…

長くキスする時は鼻で息すれば苦しくない

こんにちは。 先日、大変くだらないことに気付いたので、共有したいと思います。 暇で仕方ない人だけ読んで下さい。なんの得もありません。 「パートナーと長くキスする時でも、鼻で息できるから苦しくないんだ」ってことです。

【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(高さ)を入力します。 以上です!

Caution! What you need to be careful when riding on Shinkansen at year’s end or new year season. (crazy congestion)

If you unfortunately didn't have time other than year's end season (about Dec.28 to 31) / new year (Jan.1 to about 7) to trip to Japan, you should be careful not to be caught in toooooo crowded Shinkansen. For example, if you wish to go tr…

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

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

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

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

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

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

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

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

【Adobe fireworks】 範囲を指定して切り抜きたい(背景を透過したい)

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

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

画像を表示したいとき、その背景がじゃまだな~と思うことありますよね。 背景の「透過」をAdobe社のfireworksという製品で実施する方法を紹介します。 背景がゴタゴタしていて、ある特定のオブジェクトのみを切り出したい場合は、 tacosvilledge.hatenablog…

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

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

【Git】 一つ前に戻す ( git status → git stash )

まず、コマンドプロンプトでgitのバージョンを確認しようとしたら "git --version"が認識されなかった。 これは、gitインストール時に、git bashだけを使う、というチェックを入れてしまっていたかららしい。 できれば、Window Command promptから使う、とい…

【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週間である。 今の気持ちを率直に述べるなら、学べば学ぶほど(というほど学んでもいないが)、 学ばないといけないこと、実際に試してみないといけないことが、 次から次へと湧いてきて、どんどん先が見えな…

4日目 BootStrapでホームページを1日で作る

■Bootstrap 昨今は、大変便利なBootStrapという、一言で言うとHTML/CSS/JavaScript らへんをまるっと含んだテンプレートが提供されている。無料で使用できるものも多い。 (一言じゃないな。)それを使うと、HTMLとかCSSとかを書かずに、さくっと Webアプリ…

3日目 HTML&CSS

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

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

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

1日目、ビジョン設定

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