2015年10月21日水曜日

〔PC作業効率化〕 よく使うアプリは自動で起動

PCを立ち上げたら自動でアプリケーションを起動するようにするには、スタートアップフォルダにショートカットを追加します。

しかしこのスタートアップフォルダの場所が謎なので調べた。


C:\Users\〔ユーザー名〕\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup


もうちょっと分かりやすくすればいいのに。何なんだよ、まったく。


0 コメント

〔Word〕 画像を動かせるようにする

Wordに挿入した画像は、デフォルトでは自由に動かせない。

画像の周囲(前後・左右)に文字を配置したり、目的の位置に自由に移動するには[ページレイアウト]→[文字列の折り返し]を「行内」以外に設定するというハック。







挿入した図を思うように移動出来ない(パソコンの困った!!助け舟)


0 コメント

2015年9月24日木曜日

〔PC作業効率化〕 ネット巡回中にぱぱっとメモを取る

PCでのネット巡回中にぱぱっとメモを取る方法。


data:text/html, <html contenteditable>

上のコードをアドレスバーに打ち込むだけ。


メモ帳アプリを立ち上げるのも悪くないが、こちらをブックマークしておけばワンクリックでOK。

Chromeで動作を確認。モダンブラウザならいけるみたいです。

保存するまでもないメモを取る場合に一番力を発揮しそう。




0 コメント

2015年9月19日土曜日

〔Excel〕 一行おきに色をつける

Excelで一行おきに色をつけるやり方。条件付書式を使うと行を追加・削除しても崩れない。

ホームタブ→条件付書式→新しいルール→数式を使用して、書式設定するセルを決定

数式は以下。

=MOD(ROW(),2)=0


Excel 一行おきに色を変えて見やすくする方法~Excelの達人技

0 コメント

2015年9月8日火曜日

〔Chrome〕 突然起動しなくなったときの対処

Chromeは突然起動しなくなることがけっこうあるみたいですね。

対処方法メモメモ。

私の場合は、C:\Documents and Settings\<自分のアカウントID>\Local Settings\Application Data\Google\Chrome\User Data\Default\Cache のフォルダにあるキャッシュをすべて削除すると起動するようになりました。

chromeが遅い・起動しなくなった時の対処法 | asklife

常にシークレットモードで起動しているのですが、それでもキャッシュはたまるようです(今回は23個しかなかったけれど)。

0 コメント

2015年4月14日火曜日

〔Blogger〕 レスポンシブに挑戦

レスポンシブデザイン化

Bloggerのテンプレートをモバイル端末対応にしてデザインの自由度を格段にアップさせる方法 : たき備忘録

結構簡単にできるBloggerテンプレートのレスポンシブデザイン化 : たき備忘録

ウィジェットをモバイルで表示する

Bloggerのウィジェットは、デフォルトではモバイルで表示されないので、表示されるよう設定します。

まず、設定画面のテンプレートからモバイルのギアマークをクリックし、[はい。携帯端末で…]を選択し、リストボックスから[カスタム]を選択、[保存]をクリックする。

これでテンプレートのXMLファイルをいじればモバイルに反映されるようになる。

ウィジェットをモバイルで表示するには、widgetタグに「mobile='yes'」の文字を入れる。

参考

knakaガジェット情報: Bloggerブログのモバイルサイトにガジェットを表示、カスタマイズする方法

モバイルテンプレートもカスタマイズ可能に | クリボウの Blogger Tips


0 コメント

2015年4月10日金曜日

〔Chrome〕 右クリックでFeeling Lucky

右クリックでGoogle検索以外のいろんな検索を追加できるChrome拡張がある。

Context Search という拡張機能。

これにI'm Feeling Lucky をつけたら超便利に。

URLは、http://www.google.com/search?q=%s&btnI=Im+Feeling+Lucky 0 コメント

2015年4月3日金曜日

〔電卓〕税込み額から消費税の額がたちどころに分かる電卓活用法(消費税率8%ver)

本体価格(税抜き)1000円の商品にかかる消費税は80円というのはすぐに出てくると思いますが、税込みで1000円の消費税にかかっている消費税の額を計算できますか?



電卓の税計算機能を使う

これは税計算機能のある電卓なら簡単に求められます。税計算機能については、電卓によって違いもあるので取扱説明書を見てください。

まず、税率設定を確認します。3%とか5%になっていたら設定をしましょう。

税率が間違っていないことを確認したら、税額の求め方を調べてください。

私の電卓の場合、1000→税抜ボタン→税抜ボタン の手順で、税込1000円の商品の消費税額を求めることができました。

13.5で割る

もうひとつのトリッキーな求め方は、13.5で割る方法です。

税抜価格:消費税=1:0.08=12.5:1

なので、税込価格を13.5等分すれば1にあたる消費税分が求められるというわけです。

0 コメント

2015年3月27日金曜日

〔Chrome〕 シークレットモードをデフォルトにする

個人的には、精神衛生上ブラウザのChromeはシークレットモードを使うようにしています。

いつもブラウザを立ち上げてからシークレットモードを立ち上げていたのですが、シークレットモードで立ち上がれば面倒がないのにと思ったので調べたところ、できるみたいです。

シークレットモードで起動するようにする


"C:\Users\省略\Google\Chrome\Application\chrome.exe" --incognito


ってやるのね。

これは便利ですね。

0 コメント

2015年3月25日水曜日

〔CSS〕 リンクの色をどうするか

今使っているテーマのデフォルトが、通常のテキストの色とリンクテキストの色を区別していないので、宝探し状態になっている。

テキストリンクは何色にするべきなのか、ちょっと調べてみた。

どうも、リンクは青色という例が多いようである。多くの大手サイトはそう。Bingなどは、青色が濃いほうが売上が伸びたという検証結果が出たとかでないとか。

a:link と a:visited も区別したほうが分かりやすいですね。a:linkは青色、a:visitedは紫色という例が多いような気がします。

なんかよく分からんけどそういう感じで行けばいいんじゃないか。

参考

最適なテキストリンクの色は? | ウェブ力学

ユーザビリティやリピータの為に結構大切なa:visitedの色 | 無料SEO対策のススメ

0 コメント

2015年3月19日木曜日

〔Webサービス〕 RSSを取得して記事タイトルを表示する「単眼RSS」

単眼RSS は、記事タイトルをリスト化して表示してくれる便利なブログパーツ。

ブログに最新情報を掲載できるのが便利です。

それだけでも便利ですが、相互RSSでアクセスアップなども図れます。

同様のツールに 忍者レコメンド がありますが、表示のシンプルさ(カスタマイズしやすい)、記事にダイレクトにリンクできる、ユーザー登録不要、などの点で、今のところ単眼RSSに軍配が上がるような気がします。




0 コメント

〔Blogger〕 ラベルのRSSフィードを取得する

全ての記事のRSSフィードの取得はよくあることですが、特定のラベルの取得はどうするんだ、ということで。

読んでいるブログにラベルが使用されていて、サイト フィードが有効になっていれば、購読するトピックを選択できます。 ラベル フィードの書式は次のとおりです。

http://ブログ名.blogspot.com/feeds/posts/default/-/ラベル名

ブログ名には正しいブログ アドレス、ラベル名には目的のラベルを代入します。 また、URL のハイフン ("-") を忘れないでください。

この形式の URL が機能するのは、目的のブログがこの特定のラベルを使用していて、サイト フィードが有効になっている場合のみです。 ただし、特別なサイト フィード設定は不要です。 投稿用の基本的なサイト フィードが有効になっていれば、ラベル フィードも機能します。
だそうです。

https://support.google.com/blogger/answer/53336?hl=ja

割と使えるtipsではないでしょうか。

0 コメント

2015年3月16日月曜日

〔Excel〕 数字に自動で単位をつける

要するに、「100」と入力したら「100円」とか「100回」のように表示してほしいのです。

右クリック→セルの書式設定→ユーザー定義

で「種類」を「0円」なり「0回」なりにします。

この一手間でだいぶ作業が効率化します。

昔?はもっと面倒だったような気がしますが、簡単ですね。

参考

Excel 2003で数字に任意の単位を付ける方法




0 コメント

2015年3月14日土曜日

[Chrome拡張] ページタイトルを簡単に取得する

キーボードショートカットを使う

ページにリンクを貼りたいときに使えるTipsですね。

Windowsの場合、
Ctrl + D
Ctrl + C
Esc 
Macの場合、
Command + D
Command + C
Esc 
で、開いているページのタイトルをクリップボードにコピーできます。IE、Safari、Firefox、Chrome、Operaで共通して使えるテクニックです。


ブックマークするかと見せかけてフェイント! というトリッキーなテクニックです。

Chrome - ブラウザで開いているページのタイトルを楽にコピーする方法 - Qiita

Chromeの拡張機能を使う

上の方法で満足していたのですが、いつの間にかChromeの仕様が変わったようでタイトルの取得ができなくなりました。



そこで、拡張機能を利用することにします。

Copy Title+URL to clipboard

取得したいページで拡張機能のボタンを押すだけで、タイトルのみならずリンクまで取得でき、HTMLのタグの形式で使うことができます。



こちらのブログでは、この拡張機能のソースをいじって、リンクを別ウインドウで開いてくれる target="_blank" 属性を追加する方法まで書いています。

[Chrome拡張機能]ページのタイトルとURLを簡単にコピーできる「Copy Title+URL to clipboard」にtarget="_blank"を挿入する方法 | Lancork

拡張機能があることは知っていましたがインストールするのが面倒で利用していませんでしたが、災い転じて何とやらです。


0 コメント

〔Webサービス〕 <Edit Pad>シンプルなオンラインエディタ

手持ちの1台のPCしか使わないというのであれば、テキスト入力をオンラインでする必要などないかもしれませんが、たとえば会社のPCで勝手にテキストエディタをインストールできない、でもウインドウズデフォルトのメモ帳では厳しい、などという事情がある場合にはオンラインのテキストエディタを考慮する価値があります。

Edit Pad は非常にシンプルで、がりがり入力したい向きにはもってこいです。


参考

プログラマのための便利なオンラインエディタ厳選17個まとめ


0 コメント

2015年3月12日木曜日

【CSS】 blockquote(引用)の装飾

使用しているブログテンプレートのblockquoteが味気ないので、上手に装飾しているものを探しました。

【保存版】引用 (blockquote) CSSデザインおすすめコピペサイトまとめ

blockquote(引用部分)をCSSでデザインするサンプル集

あたりが参考になりました。

0 コメント

【CSS】 classを複数指定することの意味

まず、classを複数指定するには、半角で空白をあけて並べればいいです。

<div class="post hentry">

...

</div>

しかし、なんでclassを複数指定する必要があるかというと、よく使う属性をclassでまとめておき、いろんな場所で使い回せるようにするためです。

上の例で言うと、postというクラスの属性を別のdivでも使うことができ、hentryも使い回せます。

複数のclassを引っ張ってこれるようにすることで、classをあたかも取替え可能な道具のように使えるわけですね。

参考

classを複数指定する方法

意外に知らなかったclassの複数指定

0 コメント

2015年3月11日水曜日

〔Blogger〕 トップページにだけ表示するガジェット

Bloggerでは、ガジェットを追加するとデフォルトではすべてのページで表示されることになりますが、冒頭の案内としてトップページのみに表示したいときもありますね。

そんなときは、独立したsectionを作る→b:if...の条件文で囲む といった作業でできるようになります。


<b:if cond=‘blog.url == data:blog.homepageUrl‘>
<b:section class=...>
  <b:widget id=...>... </b:widget>
</b:section>
</b:if>


上のような感じです。

0 コメント

2015年3月8日日曜日

〔Blogger〕 ガジェットを追加できるようにする

ガジェット(ウィジェット)を追加したいと思っても、レイアウト画面で「ガジェットを追加」のリンクがないという場合、<b:section> の要素が showaddelement='no' であることが原因。

no を yes に変更すれば表示されるようになる。






0 コメント

2015年2月23日月曜日

【Pixlr】 Pixlrでロゴを作ってみる

ロゴって今ではいろいろオンラインにジェネレータがあったりしますが、高機能すぎるのが多くて、文字だけのシンプルなやつが作りたいときはかえって難しかったりします。

そこでオンラインフォトエディタ「Pixlr」を使ってロゴ作りにチャレンジしました。

役立ったサイト
http://www.e-bnet.co.jp/?p=260

まあこの通りなのですが、キモは文字に枠とか影をつけたりすることだと思います。素人的にはこれで十分だったりします。

細かな調整は、レイヤー→レイヤースタイル で出てくるウインドウの文字の部分をクリックするとプロパティを設定できる画面になります。


上の画像で言うと、左側のチェックボックスの右側の文字です。たとえば「ドロップシャドウ」の文字をクリックするとドロップシャドウのプロパティが設定できるわけです。そこがちょっと分かりにくくて、トリッキーな気がします。

レイヤースタイルもいろんなチョイスができるようですが、私は素人なのでテキトーにやりました。

で、できたのがこちら(社労士受験サイト「社労士W」で使用)。


できがいいとはお世辞にも言えませんが、まあいいかなという感じです。 0 コメント

2015年2月19日木曜日

〔Webサービス〕 RSSリーダーで全文読めちゃう<まるごとRSS>

RSS配信をしているブログやニュースサイトをFeedlyなどで購読してスマートフォンで読むとき、記事が全文表示されていなくて余計な手間がかかることがあります。

Feedlyで記事を開く→サイトへ飛ぶ→残りの記事を読むためにさらにワンクリック

という迂遠で非生産的な手続きは何とかしてほしいものです。



まるごとRSS は、RSSフィードを全文変換してくれる便利なサイトです。

ここで全文変換したRSSフィードを登録することで、Feedlyで記事を開くだけで全文が読めます。非常に画期的です。

使い方は簡単、ページのURLを入力して「GO」ボタンを押すだけです。

全文表示のRSSが新規作成され、しかも各種RSSリーダーにワンクリックで登録することもできます。

ほかにも類似のサービスがあります(たとえばこんな記事)。 0 コメント

2015年2月16日月曜日

【CSS】 li要素(リスト)を装飾する

li要素はデフォルトだと「・」のような無味乾燥なものになってしまうので装飾したい場合のメモ。

まずはデフォルトのスタイルをリセット


ul {
  margin: 0; /* 上下左右のマージンを0 */
  padding: 0; /* 上下左右のパディングを0 */
}
li {
  list-style-type: none; /* リストマーカーを表示しない */
}


その上で一番簡単なやり方。


ul {
  padding-left: 20px; /* マーカー表示分の左パディング */
}
ul li {
  list-style-image: url("gazo.gif"); /* マーカー画像 */
}



0 コメント

2015年2月13日金曜日

【Android】スクリーンショットの撮影方法

Androidは機種によってスクリーンショットの撮影方法が異なるのが面倒です。

自分メモに書いておきます。

Galaxy S3α SC-03E

電源キーとホームボタンの同時長押しのほか、手のひらモーションなる機能があるらしい。

http://skp.samsungcsportal.com/integrated/popup/FaqDetailPopup3.jsp?cdsite=jp&seq=1037337

手のひらモーションは設定が必要みたいです。同時長押しより便利だねこれ。

0 コメント

2015年2月11日水曜日

【HTML】 ソースコードをそのまま表示する

<PRE>と<CODE>

ソースコードをWebで表示するためには、<PRE>タグと<CODE>タグを使います。

<PRE>タグはPreformatted Text(整形済みテキスト) の略で、<PRE>~</PRE>で囲まれた範囲のソースに記述されたスペース・改行などを、そのまま等幅フォントで表示してくれるとのことです。

一方、<CODE>~</CODE>で囲んだテキストは、プログラムのソースコードであることを意味します。

コードを表示するだけなら<PRE>タグだけでもだいたい間に合いますが、ソースコードであることを示すために<CODE>タグを合わせるのが一般的なようです。

エスケープ

さらにHTMLで使う < や > は、&lt; や &gt; と書かないとソースコードと認識してくれないことが多いです。

< や > のようなタグは、<PRE>タグをもってしても特殊文字と認識されてしまうということです。

つまり、


<pre><code>
<ul>
 <li>サンプル</li>
 <li>サンプル</li>
 <li>サンプル</li>
 <li>サンプル</li>
</ul>
</code></pre>

のようなコードは、


&lt;pre&gt;&lt;code&gt;
&lt;ul&gt;
 &lt;li&gt;サンプル&lt;/li&gt;
 &lt;li&gt;サンプル&lt;/li&gt;
 &lt;li&gt;サンプル&lt;/li&gt;
 &lt;li&gt;サンプル&lt;/li&gt;
&lt;/ul&gt;
&lt;/code&gt;&lt;/pre&gt;

と書かなければならないということです(ややこしいですね)。

ソースを「そのまま表示する為のHTMLソース」に変換してくれるサイトもあります。
  →Blogtool

特殊文字の一覧ついてはこちら。
  →特殊文字リファレンス

&lt;をブラウザに表示するには

ではさらに応用で、&lt; のような文字をWebに表示するにはどうしたらいいでしょうか。

&と表示させたければ&amp;と書きますので、&lt;と表示させたければ&amp;lt;と書きます。

0 コメント

【CSS】 li 要素(リスト)を左詰めにする


<ul>
<li><a href="#">サンプル</a></li>
<li><a href="#">サンプル</a></li>
<li><a href="#">サンプル</a></li>
<li><a href="#">サンプル</a></li>
</ul>



というよくあるリストにおいて、li 要素を左詰めにする方法。

症状としては、PCのChromeでは左詰めになっているのだが、スマホのChromeで表示すると左側に余白があり、狭い画面の表示としては適切でなかった。


http://q.hatena.ne.jp/1111146773

http://okwave.jp/qa/q3493012.html

こちらを見ると、ul要素のCSSでmarginやpaddingを指定すればいいとのこと。→やってみたがダメ。


あれこれするうちに、li 要素でmarginを0に指定したら左詰めになりました。

li の全部指定するのは億劫なので、ul li にて一括指定することもできました。

もしかすると他のブラウザでは表示のされ方が異なるかもしれませんが。 0 コメント

2015年2月10日火曜日

【Windows7】拡張子を表示

Windows7を使っていて、エクスプローラでフォルダを表示していて拡張子が表示されないので不便に思ったのでメモしておきます。


コントロールパネル→フォルダーオプション→表示タブ→「登録されている拡張子は表示しない」のチェックを外す。これだけです。

「登録されている拡張子は表示しない」というのは非常にわかりにくい表現ですね。このチェックが入っているということは、Windowsに拡張子が登録されていてファイル形式的には問題がないので拡張子を表示しないということでしょうか。

まあちょっと混乱しますが、とにかくこの手順で拡張子が表示されるようになります

0 コメント

【Firefox】「応答のないスクリプト」メッセージを消す

結構うっとうしいので調べました。

20120203_1



文字通り、スクリプトが処理に一定時間がかかるとこの警告が出てくるので、この警告が出てくるまでの時間を長くしてやれば出にくくなります。

firefoxのURLを入れているロケーションバーに about:config と入力します。動作保証外ということですが進めます。

「スクリプトが応答してない」と判断するまでの時間は、「dom.max_script_run_time」という項目で設定します。

この項目を探してダブルクリックし、デフォルトの10より大きい数値に設定します。

私の場合、100に設定しました。
0 コメント

【Android】twitterアプリのウザい通知をオフにする

「フォローされました」とか、「初めてのツイートを送信しました」とか、興味ねぇよ的な通知を繰り返すtwitterアプリですが、もちろんオフにする方法があります。

わざわざ書くのも面倒なのでブクマのみ。

Syncer

設定→一般設定 でなく、設定→@なんとか で各アカウントの設定でオフにするのですね。

通知をアカウントごとに設定できるのはキメ細かくていいのかもしれませんが、デフォルトをオンにするかオフにするか、最初に選べるといいですね。 0 コメント

〔Chrome〕アドレスバーからI'm Feeling Lucky  PCにChromeを入れたら必ず設定しておこう

Chromeはアドレスバーから検索できるのが便利ですが、デフォルトでは検索するまでもなく直接サイトに飛ぶ機能( I'm Feeling Lucky )が使えません(知らない人はググってね)。

アドレスバーから I'm Feeling Lucky を使うための設定がありますので、これはやっておきましょう。


検索名  Lucky

キーワード fl

アドレス http://www.google.com/search?q=%s&btnI=Im+Feeling+Lucky



以下参考サイト。

http://qiita.com/umisama/items/e8f9f6a5abddf1bff12b

http://teramin.exblog.jp/18507444

http://d.hatena.ne.jp/dacs/20100221/1266685179


キーワードを「lucky」とする人が多いのですが、5文字も打つのは手間じゃないですか?

なので私は「fl」にしています(どーでもいいか)。


0 コメント

【Android】カメラが撮影できなくなった



ご老体の008Zのカメラが撮影できないトラブル発生。

SDカードに保存できないとのエラーメッセージ。

どうもSDカードを本体が認識しないらしいです。そしてこの機種のカメラは画像をSDカードに保存するので、SDカードを認識できない限りカメラが使えないということみたいです。

カードを抜き差ししてみましたがダメ。

http://gears.mb.softbank.jp/page/troubleshooting/a/detail.jsp?id=2-4-1

本体がバカににってるのかと思い、もう諦めるかと思いましたが、こちらを見たところ、SDカードをマウントさせればいけそうたったのでやってみました。

その結果、SDカードの中身を消去したら使えるようになりました。

古い機種を取り出して使い直すといろいろ面倒が起こりますね。 0 コメント

2015年2月9日月曜日

【フリーソフト】マウスカーソルまで画面キャプチャする

Windows標準のPrintscreen機能を使うと画面のキャプチャができるのはご存知のとおりですが、マウスポインタの撮影ができないという難点があります。

これを実現するには Winshot というフリーソフトを利用します。


使い方は特に解説しませんが、ホットキーを設定しておくと個人的には便利だと思います。



上の設定をしておくとPrintscreenボタン一発でWinshotoが起動し、保存までノンストップでできます。


0 コメント

【フリーソフト】PDFを見開きにする

PDFは通常ページごとの表示ですが、見開きで表示させたい場合に困ります。


http://www.iltt.info/page/information/contents/20110902.htm

こちらによると、PDFを出力できるプリンタがあると2ページずつ表示されるようにできるみたいです。


プリンタの設定をいじれないという場合、2ページを1ページにしてしまうという手もあります。

PDF加工のフリーソフトである pdf-as を使うとこれができます。



ユーザー側で見開きで表示してもらうことも可能でしょうが、作り手側のほうで見開き状態にするほうが親切ですよね。


0 コメント