プリントスクリーン

2010.05.18(火)

初歩の初歩なのでみなさんご存知かもしれないですが、度忘れしてたのを思い出したときに感動したので書いておきたくて。

画面全体をプリントスクリーンする方法はみなさんふつーに知ってると思いますが!
選択したもののみをプリントスクリーンする方法があるのもご存知でしょうか。

簡単です!
プリントスクリーンしたい対象を選択状態にする→Alt+プリントスクリーンキーを押す

これだけ!はいもうできた!きみはできたよ!!!
知ってたはずなんですけど改めて方法を思い出してウワッこれ超ベンリ~!と思いました。

・・・知ってたよ!

FAT32とNTFS

2010.05.18(火)

先日4GB以上の大きなデータをPCから外付けのHDDに移そうとしたらエラーが発生しました。
容量的には問題ないはずなのになんで??と思って調べてみたところ、どうやらFAT32とNTFSという2種類のファイルシステムが関係しているようでしたので、調べてみました。

続きを読む »

Chromeで選択した部分のみ印刷したいねん。

2010.04.23(金)

何かを印刷したい!と思ったときに、そのページが広告まみれだったり、背景画像をガンガンに使っていたりして、ほんとは「テキストと画像のこのすこしの部分だけでいいのに…インクがもったいない!紙がかさばる!!」という不満を持ったことはありませんか?^▽^
わたしは多々!あります。

情報サイトはすべからく印刷用CSSを用意しておいて欲しいです!!><
とは思うものの、企業サイトさんではなく個人の方の熱意と好意で制作されたものに対してそこまで求めるのはちょっと甘えすぎですかね。
広告収入で日々の生活を支えているかもしれないですしね。
と反省し、自分の手でどうにか解決したいと思ったときに、以下の2点のやり方を思いつきました。

  • IEで「選択した部分を印刷」機能を使う
  • ユーザースタイルシートを使用する

1点目:IEで「選択した部分を印刷」機能を使う
普段Chromeを使っているので、印刷のときだけIEを立ち上げるの面倒 → 断 念

2点目:ユーザースタイルシートを使用する
以下の記事を参考にしていろいろやってみたけど、よくわからなかった。わたし個人として理解するまでの時間がかかりすぎ。面倒 → 断 念
Google Chromeでのユーザースタイルシート管理にChromeStylist

もっと手軽に!!と思って調べていくうちに、
ChromeにIEtabを導入して印刷するというのを発見。
面倒じゃないけどしかししっくりこない!!

もっともっと手軽に!!あとできれば便利に!!あとできればスマートに!!と調べていくうちに、
Evernoteと併用する、という方法を発見。
Evernoteをご存じない方はこちら:Evernote企画:第一回:Evernoteとは何なのか?

ChromeのエクステンションであるEvernote Web Clipperを使えばほんのすこしのドラッグとワンクリックで欲しい部分だけノートにクリップすることができます。
さらに、クリップした画面からすぐさま印刷ができるので、まさに自分の欲しかった部分だけを印刷することができます!!
編集機能もありますので、自分のわかりやすいように情報を並べ替えたりしてからの保存もできます!^^
し!か!も!!Evernoteならアカウントひとつでたくさんのデバイスに対応。というだけあって、ネットさえ繋がればどこでだってその情報を引き出すことができます。

これで素敵情報印刷&クリップライフが送れること間違いなし!
というわけで個人的に解決したのでこの議題は終了。

HTML5+CSS3でZenCodingを使ってざっくり組んでみた。

2010.04.21(水)

流行に乗ってみたよ!→Demo
無駄に背景2つ使ってみたりしてます^^
ゆくゆくはスターターキットにしたいと思ってるので細かいpaddingなどは指定していません。

(4/22)
FlashDevelop3.1.0_RTMが出たと教えてもらったので、EmEditorからそっちに移行。
しかしCSSのZenCodingには対応していなかったorz
色設定とかフォントとか環境を見やすいように適当にいじった後、コーディング開始。
パンくず・pagetopを追加。
リンク内容によってリンクアイコンが変更するようにCSSを記述。
a[href$='.pdf']{
padding:2px 18px 1px 0;
background:url(../img/pdf.png) no-repeat center right;
}
a[href^="mailto:"]{
padding:1px 18px 1px 0;
background:url(../img/email.png) no-repeat center right;
}

続きを読む »

WEBサービスってすごい2

2010.04.19(月)

つい最近カーリルというWEBサービスを見つけまして、独身干物女のわたしとしては図書館を利用することが・・・まぁ・・・あるにはありますので、結構テンション上がりました。
2010年3月10日オープンということもあってまだまだ新しいサービスなのではないでしょうか。
カーリル | 日本最大の図書館蔵書検索サイト
続きを読む »

(今更)WEBサービスってすごい

2010.02.15(月)

サイコロおかしいやろ!!
ってなわけでこんにちは!hsgwです。

わたしは生来めんどくさがり、ということもありましてmixiやgreeやらも含めてあまりWEBサービスというものを使ってなかったのですが、ちょっと触れる機会がありましたので頑張って触ってみました。
続きを読む »

アニメのタイトルも大事だってことを忘れてないよぉおおおおー!!

2010.01.27(水)

こんにちわ、hsgwです。
またサイコロが出てしまいました。ほんとサイコロってすごい。これで、各々投稿した記事がだいたい5~6コなんです。均等だー!

というわけで、前回の予告通り続編を!と思ったのですけど、サブタイトルを見たらやっぱりタイトルも気になるんじゃないかと思って!
続きに並べてみました。どうぞ!
※権利を侵害するつもりなんて毛頭ございません。そこには愛しかありません。怒られたら削除します。

続きを読む »

てめーらァァァ!!アニメのサブタイトルっていう大事なところもちゃんと見ろよォオオー!!!

2010.01.12(火)

あけましておめでとうございます。
と言うにはちょっと遅い記事の投稿になりましたが、今年もまったりやっていきたいと思いますのでよろしくお願いします!
hsgwです。
なんとなんとサイコロがここのところ連続で出ています。早くうちのニューフェイスを紹介したいなーと思っているのに残念です。

みなさんはアニメとか見ますか?
わたしは結構見ます。HDDレコーダーの予約一覧画面とか友達に見せられません。生きててすいません。
この記事のタイトルも何の作品のノリかわかってもらえたら嬉しいです。

アニメと言えば本編がいわば肉ですよね。すき焼きで言うとね!
普段は本編に目が行きがちで、サブタイトルっていうネギ的なものはみなさん見落としていたり見逃していたりすることもあると思うのですが、あれって結構素敵なデザインが多いんですよ!
わたしも「東のエデン」っていうアニメに出会うまでは見逃していた内のひとりでした。でもね!あの一枚にもね、製作者のこだわりっていうのは息づいているんだと気づいたら居ても立ってもいられなくなりました。
そんなわけで今回は、アニメのサブタイトルに着目してそれぞれ抜粋して並べてみました!
クリエイターさんたちのセンスと努力が光って光ってしょうがねーです。
最初楽しそう!って思って始めたんですけど、結構これが手間でした。そしてグレンラガンに愛を注ぎすぎました。

では続きから目をかっぴらいて見てくださーい!キモヲタですいませんどうも!!
※権利を侵害するつもりなんて毛頭ございません。そこには愛しかありません。怒られたら削除します。 続きを読む »

スーパー戦隊シリーズのロゴの作り方

2009.12.21(月)

こんにちはー年末をシメるために選ばれました、hsgwです♥
今回はスーパー戦隊シリーズのロゴを見ていきたいと思います。

長いのでたたみますが、これらを見ていて、戦隊物のロゴに共通点を発見しました。

  • 立体である
  • イタリック、または蝶ネクタイ形に変形されている
  • 赤い
  • ふちどりがある
  • ゴシック体である

上記5点に留意してロゴを作成すれば、簡単に戦隊物のロゴをつくることができるんではないでしょうか?
じゃーみんな、つくってみよー。

ロゴ画像は怒られたら削除します。

続きを読む »

インフォグラフィックについていろいろ

2009.10.27(火)

こんにちわ!hsgwです。
今回はインフォグラフィックというものについて自分なりに調べたことをまとめたいと思います。

普段わたしはホームページを作るお仕事をしているのですが、今回グラフをつくるにあたってかなーりショボイものしか出来上がらず・・・
それを見かねたbeshinさんに「世の中にはインフォグラフィックっちゅーもんがあるんだぜよ」てなことを教わり、恥ずかしながら初めてその世界に触れたのです。

グーグル先生で

という単語を入れて画像検索するだけでもわんさか出てきました!!
Flickrでもこんだけ。
他にもこんなところや(13個)こんなところ(50個)colissさんでも紹介されていました。

もう見ているだけで「ウッヒョーなんじゃこりゃー素敵じゃんかー!!」とテンションがあがるあがる。一瞬でインフォグラフィックの虜になってしまいました。インフォグラフィックっていう単語もかっこいいですしね!!
・・・そろそろインフォグラフィックって言葉がゲシュタルト崩壊^q^

以下、簡単にまとめ。

インフォグラフィックとは?
・情報がビジュアル化されたもの。information(情報) graphics(図形)をくっつけた造語。
・円グラフ、棒グラフ、統計表、地図、路線図、天気予報図、楽譜、新聞の番組表など、わたしたちの生活にすでに浸透している。

インフォグラフィックを使うメリット
・文字や数字だけではわかりにくいものをグラフィックとして落とし込むことで、全体が見渡しやすく、事柄の関係性、構造、プロセスを把握しやすいという効果が期待できる。

インフォグラフィック制作上のポイント
・考える
・アイデアスケッチを何度も重ねる
・常にアンテナをはっておく
・点と線と面に置き換える

  • 点:文字や数字
  • 線:線
  • 面:色や面積

自分の備忘録的なものなので、みなさまの制作時のヒントぐらいになれば幸い。

—-
ちなみにインフォグラフィックを調べてたらやたらロンドンの地下鉄路線図が出てくる。ので、ちょっと調べてみた。

1908年
1908

有名な1933年 ヘンリー・ベック作 DLはこちら
1933

なう
now

こうやって並べて年代別に見ていくととても楽しいですね。

今回参考にさせていただいたサイトと書籍