MONTH

2012年6月

  • 2012年6月27日
  • 2013年11月7日
  • 0件

Canvasで折れ線グラフ IE8対応

円グラフを描いた際は、IE8対応に、Google謹製のexcanvas.js を使用しました。 今回は文字を描く関数fillText()を使ったのですが、excanvas.jsが対応しておらず、そこでエラーを吐き動作停止。 Web検索したら、文字も書けるJavaScriptライブラリ「uupaa-excanvas.js」があると言うことで、それを組み込んでみました。 このライブラリは、マイクロソフ […]

  • 2012年6月26日
  • 2013年10月25日
  • 0件

体調万全ではなかったが・・・

ことしも献血するぞ!!!ってことで行ってまいりました。 成分献血「血小板」です。 今日は血小板の数が多かったようで、久しぶりの3サイクル(採血~戻し)。 45分程で終わりました。 これで通算19回(成分15回+全血4回)です。 本日は献血ポイントが貯まったので、いつもの「ホタテ醤油」をゲット。 他に、ビニール製の小物入れ(?)をもらいました。 例によってナースキティとけんけつちゃんのイラスト付き。 […]

  • 2012年6月25日
  • 2013年10月25日
  • 0件

Canvasで折れ線グラフを描いてみた

初めてcanvasタグを使って折れ線グラフを描いてみました。 これまでなら、エクセル等の表計算ソフトでグラフを作って、それをキャプチャーして画像にしていた訳ですが、そんな必要もなくなったので試してみました。 エクセルのように、なにも考えずに生成させることはできませんが、JavaScriptの配列変数にデータを入れ、なんとか描画できました。 グラフの下のデータ表(テーブル)もJavaScriptで生 […]

  • 2012年6月24日
  • 2013年11月7日
  • 0件

excanvas.js では表示が違う?

昨日はCanvasで初めて円グラフを表示させて見ました。 サンプルソースを見ていて、ふと、「進捗率を100%、あるいは0%にしても問題無いかな?」と思い、試してみました。 最初の画像は、6%,10%,5%を指定しており、全てのバージョンで問題なく同様の表示でした。 次の(2番目と3番目の)画像は、共に100%,0%,5%を指定しています。 IE9では問題なく表示しました。 画像の掲載は省略しますが […]

  • 2012年6月23日
  • 2013年11月7日
  • 0件

Canvas で 円グラフを描く

画像を使わず、JavaScriptで図形が描けると言う<canvas>タグを使って、リニューアル作業の進捗状況を円グラフにしてみました。 これなら進捗状況が進んでも、値を変えるだけで、画像を作る必要がないので楽チンです。 ただし、IE7、IE8はCanvasに対応していないようなので、Googleが提供のExplorerCanvasというJavaScriptライブラリ(excanvas.js)を組 […]

  • 2012年6月22日
  • 2013年11月7日
  • 0件

SassでCSS記述の効率アップ

SassではCSSでは書けない変数や関数を使ったプログラム的な記述が可能です。あまり、複雑な事をやると後々何をやったんだっけ???状態になるので凝り過ぎてもいけませんが・・・。 これまでメディアクエリーを使い、ウィンドウ幅が639px以下なら、CSSの記述で画像サイズを縮小させていました。 CSS(style.css)ファイルの中身(概略) ここでは img を原寸大の指示 (HTML側のサイズ指 […]

  • 2012年6月21日
  • 2013年11月7日
  • 0件

IE9 開発者ツールで IE8、IE7表示

現在メインの閲覧環境はWin7のIE9です。 前回、Win8CP(on仮想PC)のIE10を用意しました。 まだしばらくは現役であると思われるIE8の環境を用意したかったのですが、IE9(IE10も同様)の右上の歯車アイコン(ツール)をクリックし、メニューから「F12 開発者ツール」を選ぶと、画面下部にツールが表示され、閲覧環境を変更して表示できるようです。 「ブラウザモード」と「ドキュメントモー […]

  • 2012年6月20日
  • 2013年11月7日
  • 0件

LAWSON Wi-Fi で無料ネット接続

昨日の午後のことですが、遅ればせながら、屋外で、スマートフォンをWi-Fi接続してみました。 3G回線でもネット接続はできますが、あっと言う間に料金が上限に達しますので、なるべく室内の無線LAN(Wi-Fi)に接続するようにしていました。 弘前市内で無線LANに無料接続できるところは、ドコモ店内やマクドナルドなど探せばいつくかあるようですが、個人的にあまり足が向く場所ではありません。 そんな中、だ […]

  • 2012年6月19日
  • 2015年7月4日
  • 0件

SCOUT導入時の注意

CSSの記述で多少なりとも楽ができそうなので、Sassを利用してみたいなあと思う今日この頃。 Sass文法のテキストファイル(拡張子:.scss)を、コンパイラにかけると、CSS文法のテキストファイル(拡張子:.css)を生成します。 そのコンパイラは元来コマンドラインで実行するような物だったようですが、最近ではウィンドウアプリとして実行してくれる「SCOUT」と言うコンパイラがあるようです。 S […]

  • 2012年6月18日
  • 2013年11月7日
  • 0件

IE9でも角丸のグラデーションを実現

IE9では、CSSだけで背景画像にグラデーションの記述を指定した綺麗なボタンが表示できませんでした。 しかし、同じような問題は誰かが解決策を見い出している事が多いので、Webで検索。 以下のブログに解決策がありました。ありがとうございます。^^ 参考にさせていただいたブログはこちら。 (・・・知らぬ間に、リンク切れになってしまいました。) こちらも御参照下さい。 IE9で背景画像にグラデーションを […]

  • 2012年6月17日
  • 2013年11月7日
  • 0件

仮想PCでWin8を動かす

WebブラウザのCSS3対応はまちまち。 Win7のIE9では角丸ボタンをCSSで記述しても、背景カラーが角からハミ出して表示されてしまうようです。 Firefox、Chrome、Safari、Operaでは、多少の表示の違いがあるものの、大きな問題は無いので、IE9も早く対応してほしいものです。 Win8CP版のIE10は大分対応が進んでいるようなので、こちらでも表示具合を確認していましたが、別 […]

  • 2012年6月16日
  • 2013年11月7日
  • 0件

BlueGriffonのWrap機能は無効に

HTML5+CSS3対応のエディタとしてBlueGriffonを使用しています。 フリーソフトで、現在 version 1.5.2 です。 ダウンロードはこちらから。 起動すると、エディタの下部に「プレビュー」と「ソース」のボタンがあり、WYSIWYG表示とソース表示が簡単に切り替えられて便利です。 しかし、使っていて、少しだけ問題がありました。 文章の途中に半角スペースが挿入されてしまう現象が・ […]

  • 2012年6月15日
  • 2013年11月7日
  • 0件

GIMP2.8 使用開始

これまではGIMP2.6を使っていました。 2.8では「シングルウィンドウモード」が搭載されたようなので早速試してみました。 初回起動では、これまでと同じ、マルチウィンドウモードです。 「ウィンドウ」メニューの最下部に「シングルウィンドウモード」があるので、これを選択します。 左のツールボタンやオプション関係のウィンドウ、右のレイヤー等の関係のウィンドウも合体して、一つのウィンドウになります。 こ […]

  • 2012年6月2日
  • 2013年11月7日
  • 0件

iPod touch 中古品を購入

今年1月にスマートフォンを購入したのは、スマートフォン用サイト制作に活用することが目的の一つ。 でも、最も買い替えに踏み切らせたのは、自室にWifi環境を整え、インターネット接続は自室のみで行うことで、電話料金を節約できると判断した事。 ・・・実際、パケホーダイ・ダブルで電話料金は安くて済んでますが、たまに屋外でもネット接続したくなるので、そのうちパケホーダイ・フラットにするかも知れません。・・・ […]