はしくれエンジニアもどきのメモ

情報系技術・哲学・デザインなどの勉強メモ・備忘録です。

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

CreateJS で読み込んだ画像をアニメーションさせる

CreateJS で読み込んだ画像をアニメーションさせる CreateJS で読み込んだ画像をアニメーションさせてみたのでメモ、 以下の記事を再現できるか試してみました。 gihyo.jp CreateJS で読み込んだ画像をアニメーションさせる サンプル メモ 画像を読み込む 画…

Canvas のライブラリCreateJS を試してみる

Canvas のライブラリCreateJS を試してみる Canvas を使いやすくするライブラリCreateJS を試してみたのでメモ。 公式サイト: www.createjs.com Canvas のライブラリCreateJS を試してみる CreateJS とは EaselJS チュートリアル PreloadJS チュートリアル …

Illustrator, Inkscape のパスファインダ・ブーリアン演算で吹き出し、ラベル、雲、カップを描く

Illustrator, Inkscape のパスファインダ・ブーリアン演算で吹き出し、ラベル、雲、カップを描く Illustrator, Inkscape それぞれの パスファインダ・ブーリアン演算で吹き出し、ラベル、雲、カップを描いてみたのでメモ。 Illustrator, Inkscape のパスファ…

Illustrator, Inkscape で、パスファインダ・ブーリアン演算

Illustrator, Inkscape で、パスファインダ・ブーリアン演算 Illustrator のパスファインダ、Inkscape ではブーリアン演算についてまとめておきます。 Illustrator, Inkscape で、パスファインダ・ブーリアン演算 パスファインダ・ブーリアン演算の種類 合体…

Illustrator, Inkscape でオブジェクトの変形(拡大・縮小、反転、傾斜)

Illustrator, Inkscape でオブジェクトの変形(拡大・縮小、反転、傾斜) 前回は、「自由変形」と「回転」について、行いました。 cartman0.hatenablog.com 今回は、Illustrator, Inkscape それぞれでの オブジェクトの変形(拡大・縮小、反転、傾斜)のメモ…

Illustrator, Inkscape でオブジェクトの変形(自由変形、回転)

Illustrator, Inkscape でオブジェクトの変形(自由変形と回転) Illustrator, Inkscape それぞれでオブジェクトの変形を行ったのでメモ。 Illustrator, Inkscape でオブジェクトの変形(自由変形と回転) Illustrator の場合 自由変形ツール 回転ツールを駆…

Illustrator, Inkscape で基本図形を描く

Illustrator, Inkscape で基本図形を描く Inkscape, Illustrator それぞれでの基本図形の描き方をメモしておきます。 Illustrator, Inkscape で基本図形を描く Illustratorの場合 長方形ツール・角丸長方形ツール・楕円形ツール 多角形ツール・スターツール …

Windows での開発環境構築は、Chocolatey を使おう!

Windows での開発環境構築は、Chocolatey を使おう! Windows での開発環境構築は、インストーラをDL してきて、exeを叩いて。、 アンインストールするときは、コントロールパネルから「プログラムのアンインストール」から探してアンインストールします。。…

oEmbed API の値を取ってくるjQuery プラグインを作ったよ

oEmbed API の値を取ってくるjQuery プラグインを作ったよ はてなブログを書くときに、URL をコピペすると、 URL のみのリンク タイトル付きリンク 埋め込みリンク が生成されると思います。 この機能が結構便利で、 はてなブログ以外でも使いたいと思ったの…

CSS のみで、切手風のデザインを作る

CSS のみで、切手風のデザインを作る CSS のみで、切手風のデザインを作れることがわかったのでメモ。 以下の「CSSで水玉模様を作る」の応用で作ることができる。 cartman0.hatenablog.com CSS のみで、切手風のデザインを作る サンプル 作り方 参考リンク …

CSS のみで縞模様、水玉模様を作る

CSS のみで縞模様、水玉模様を作る CSSのみで、縦縞・横縞、水玉模様を作れることがわかったのでメモ。 参考にしたリンクはこちらです。 honttoni.blog74.fc2.com CSS のみで縞模様、水玉模様を作る サンプル 縞模様のサンプル 水玉のサンプル 縦縞・横縞・…

WordPress の簡単な概要まとめ

WordPress の簡単な概要まとめ WordPressについてまとめておきます。 インストール方法は以下のリンク。 cartman0.hatenablog.com WordPress の簡単な概要まとめ WordPressとは WordPressの構成 通常のHTMLとの違い WordPress のシェア .org と .comの違い W…

XAMPP環境にWordPress をインストール

XAMPP環境にWordPress をインストール XAMPP環境にWordPress 4.3.1 をインストールしたのでメモ。 XAMPP環境にWordPress をインストール インストール環境 インストール手順 WordpressファイルをDL xampp\htdocs の中にプロジェクトフォルダを作成 Wordpress…

XAMPP5.6.12 へアップデート(再インストール)メモ

XAMPP5.6.12 へアップデート(再インストール)メモ XAMPP を5.6.12へアップデート(再インストール)したのでメモ。 どうやら、5.6.11からlocalhost/xamppのページが無くなったようなのでメモとして残しておきます。 XAMPP Installers and Downloads for Ap…

ドローイングソフト「Inkscape Portable」のインストール

ドローイングソフト「Inkscape Portable」のインストール フリーのドローイングソフト「Inkscape」のポータブル版をインストールしたのでメモ。 svg などのベクター画像を扱えます。 Illustrator の代替ソフトといわれる時もあります。 公式: Home | Inksca…

オープンソースになったフォント「Roboto」を使ってみよう

オープンソースになったフォント「Roboto」を使ってみよう オープンソースになったフォント「Roboto」をインストールしてみたのでメモ。 オープンソースになったフォント「Roboto」を使ってみよう Roboto DL, イントール フォントの比較 参考リンク Roboto …

Photoshop またはGimp で画像解像度の変更

Photoshop またはGimp で画像解像度の変更 Photoshop またはGimp を使った画像解像度の変更のメモ。 Photoshop またはGimp で画像解像度の変更 画像解像度について 解像度の目安 Photoshop の場合 画像サイズ・解像度の確認 画像サイズのみの変更 画面解像度…

CSS設計を学んで、拡張性と保守性に強いCSSを書こう[メモ]

CSS の色指定は、HSL を使っていこう

CSS の色指定は、HSL を使っていこう 色の勉強をしていると、 色の3属性として 色相 (Hue)・彩度 (Saturation)・明度 (Lightness)が出てくる。 しかし、RGBで色を指定しまう(指定する機会が多い)と、 この3属性を活かすことができない。。 hsl(); を使えば…

CSS のガイドラインまとめ[メモ]

CSS のガイドラインまとめ[メモ] CSS の各ガイドラインをまとめておきます。最強のガイドラインを作りたい方は参考にどうぞ。 ※ OOCSS, SMACSS, BEM などのCSS設計とは、また違ったガイドラインの話になると思います。 CSS のガイドラインまとめ[メモ] Googl…

Java の例外処理メモ

Java の例外処理メモ Java の例外処理について勉強したのでメモ。よく見るであろうエラーをまとめておく。 Java の例外処理メモ try-catch-finally 例外とエラークラス Throwableクラス Errorクラス Exeption RuntimeExceptionクラス throwsステートメントと…

Animate.css を使ってみる

Animate.css をってみる Animate.css を使ってみたのでメモ。 Animate.css は、JavaScript を使わず、CSS のみでアニメーション効果を付けることができます。 animate.css 公式 Animate.css をってみる サンプル Animate.css CDN 使い方 参考リンク サンプル…

NetBeans でJava のassert をつかう

NetBeans でJava のassert をつかう NetBeans でJava のassert を使う設定をメモ。 NetBeans でJava のassert をつかう NetBeans なし(コマンドプロンプト)でassert NetBeans でassert 参考リンク 関連リンク

NetBeans8.02 のインストールとSoftWrap 設定

NetBeans8.02 のインストールとSoftWrap 設定 IDE であるNetBeansの インストールとsoftwrap 設定をしたのでメモ。 NetBeansの公式サイトはこちら。 <a href="https://ja.netbeans.org/" data-mce-href="https://ja.netbeans.org/"&a…

Java の簡単な歴史とJava(JDK)8 のインストール

Java の簡単な歴史とJava(JDK)8 のインストール Java(JDK)8 をインストールしたのでメモ。せっかくなので、軽くJava の歴史もメモしておきます。 Java の簡単な歴史とJava(JDK)8 のインストール Javaの簡単な歴史 インストール環境 Java(JDK) のDLとインス…

meta http-equiv="Refresh"で、HTMLのみのリダイレクト

meta http-equiv="Refresh"で、HTMLのみのリダイレクト meta タグのhttp-equiv="Refresh" で、 HTMLのみでリダイレクトができます。 meta http-equiv="Refresh"で、HTMLのみのリダイレクト サンプル コード 注意点 参考リンク サンプル 5秒後に、このブログ…

#(ハッシュ)で、Ajax でロードするページを切り替える

#(ハッシュ)で、Ajax でロードするページを切り替える リンクの #(ハッシュ)で、Ajax でロードするページを切り替えられることがわかったのでメモ。 やりたいこととしては、ページ内アンカーリンクのAjax版です。 #(ハッシュ)で、Ajax でロードするページを…

Chromeで、ローカル開発中のCrossDomainを一時的に解除

Chromeで、ローカル開発中のCrossDomainを一時的に解除 API やAjax を使用しているとローカルのHTMLファイルでもCrossDomainに引っかかることがあります。 そこで、Chrome のCrossDomain を一時的に解除する方法をメモしておきます。 Chromeで、ローカル開発…

Canvas でフラクタル(コッホ曲線、フラクタルツリー)を描く

Canvas でフラクタル(コッホ曲線、フラクタルツリー)を描く Canvas で、フラクタルであるコッホ曲線、フラクタルツリーを描いたのでメモ。 Canvas でフラクタル(コッホ曲線、フラクタルツリー)を描く コッホ曲線 サンプル コード フラクタルツリー サン…

Canvas で自由落下運動、水平投射運動、斜方投射運動アニメーション

Canvas で自由落下運動、水平投射運動、斜方投射運動アニメーション Canvas で、 自由落下運動、水平投射運動、斜方投射運動アニメーションを作ったのでメモ。 Canvas で自由落下運動、水平投射運動、斜方投射運動アニメーション サンプル 共通の関数 自由落…