これからブログを始める、または始めたばかりの人が心に留めておくといいかもしれないこと
これからブログを始める、または始めたばかりの人が心に留めておくといいかもしれないこと 2015年12月02日 14:36ブログ 経験者ぶってエラそうなことを言うのもどうかとは思ったんだけど、これからブログを始めようとしている人がいまして、まあ公にものを書くとだいたい出くわすことがあるので、それについて思っていることを書いてみます。 「それ既出」は気にしない 書こうと思ったことがあるけど「もしかしてもう誰かが書いてるんじゃないか」と気になったり、他の人が似たようなことを書いてるのに気づいたりすることもありますね。 でもそんなこと気にしなくていいと思います。 もちろん盗用はいけません。人が書いた文章を勝手に持ってきて掲載したり、他の誰かの考えをさも自分の思いつきであるかのように書いたり、そういうことをするのはよくないと思います。 けど、自分の考えを自分の言葉で書くときに、既出かどうかなんて考え
HTML の a 要素に target=”_blank” をつけるのはもうやめよう
HTML の a 要素に target 属性をつけて、リンク先の文書をどこで開くのかを指定できますね。 デフォルトは _self で、元のドキュメントと同じフレーム。無指定だとこれになるので、わざわざこれを書くことは少ないと思うけど。 一番よく使うのは target="_blank" じゃないでしょうか。リンク先のドキュメントを新しいタブやウィンドウで開くやつですね。 これ、以前はよくつかってました。ルールとして サイト内リンクは target 指定なし 外部サイトへのリンクは target="_blank" というのが多かったんじゃないかな。 でも最近、これはもうリンク先がどこであろうと指定しない方がいいんじゃないか、と思ってます。 もちろんサイトによってそれぞれ使いわけはあると思うんだけど、少なくともほとんどの手元のサイトの場合はいらない。 target="_blank" を使ってきた
HTML の q タグが日本語のサイトではカギ括弧を出すようになってた
HTML に q という要素がありますね。 Quotation の Q ですか。 <q> について 文書内で引用をしたいとき、 ブロック要素を含むような場合には <blockquote> ですが 一言とか一行とかそれくらいのときには <q> を使うのがいいみたいです。 q 自体がデフォルトでインライン要素だしね。 こんなぐあい。 <q>ここは引用ですよー。</q> 多くのブラウザでは、この <q> で括った部分が ダブルクォーテーションで挟まれて表示されます。 上記の例だとこう。 “ここは引用ですよー。” カギ括弧になってた 「表示されます」って書いたんだけど、 本当は「と思ってました」でした。 こないだふと気づいたら、 日本語のページではこれがこうなってました。 「ここは引用ですよー。」 クォーテーションマークじゃなくてカギ括弧になってる。 知らんかった。いつの間に。 <q> を初めて使
自分のアイコンを Web フォント（要するに絵文字）にしておいたらいろいろ遊べて面白い
自分のアイコンを Web フォント（要するに絵文字）にしておいたらいろいろ遊べて面白い 2014年06月18日 13:35HTML / CSS こちらの記事を書いた @sigesaba さんに イラストレーター不要！Twitterアイコン画像をWebフォントに変換しよう | ノイズビン アイコンからフォントをつくってもらいました。 これ画像じゃないんです。フォントなんです。 要するに絵文字ですね。 CSS で何でもできる 画像じゃなくてフォントなので、 CSS で文字に対してできることは何でもできます。 サイズ変更 font-size: 100px; いくら大きくしても粗くなりません。 font-size: 300px; 太字やイタリック font-weight: bold; font-style: italic; 色をつける color: #F66; 透過もできま
初期費用4,980円で「本物の」本が出版できる驚愕のサービス
これまで自費出版といえば 最低でも百万円単位の初期費用が必要だったと思います。 もちろん自分で書いた原稿を印刷して製本して手売りするだけなら それより安く上げられるだろうし 電子書籍なら印刷代も製本代も流通コストも不要ですね。 でも ISBN コードのついた紙の本を、 つまり書店で売ったり図書館に置いてもらったりできる本を作るには かなりのコストがかかります。 かかっていました。MyISBN が登場するまでは。 MyISBN とは 個人が手軽に、極めてローコストで自分の書籍を出版できるサービスです。 ちゃんと ISBN のついた本を出せるので、 図書館に置いてもらうこともできます。 国会図書館について言えば 日本国内で出版されたすべての出版物を保存することになっているので 必ず置かれることになります。 国会図書館がなくならない限り、未来永劫。 どれくらい安いか 初期費用は4,980円と格安
HTML の br タグを CSS だけで消す方法
HTML に br という要素がありますね。 4.6 Text-level semantics — HTML5 The br element represents a line break. ということで、改行を表すということになってます。 以前は <br /> が不要なら <br /> を入れなきゃいいじゃない というだけの話だったんだけど、 最近これを有効にしたり無効にしたりと切り替えたくなることがあります。 例えばいわゆるレスポンシブデザインでサイトを組むときに 大きな画面なら表示範囲にゆとりがあるから改行を入れて広く使ってもいいけど スマートフォンなどの画面でそれをやると一目に入る情報量が減っちゃうから そのときだけ br をなかったことにしたいという具合に。 考えたこともやったこともなかったんだけど、 これ実に簡単な話でした。 display: none; にする 要するに br
なかなか行動を起こせない自分を動かすために実践している5つのこと
まあ一言で表すとものぐさなんだけど、 なかなか行動を起こせないときがあります。 別に一世一代の大決断とかそういうのじゃなくて ごく日常的な行動において。 意志の力だけでできる人には必要ないかと思いますが ものぐさが動くには大きなエネルギーが必要なので それを生み出すために実践していることを書いてみます。 宣言の力 これは前にここで書いたやつだけど 宣言の力 – 頭ん中 本日中にやるとか本日はやらないとか それぐらいの期間での行動にちょうどいい手法です。 今日は日が暮れてからランニングに行くぞとか 今日はお酒飲まずに早く寝るぞとか 朝のうちに思ったことを Facebook などに書いておくというもの。 その際、文末に「宣言の力。」と付記します。 今すぐやるわけじゃないから、 宣言を書くこと自体は今の自分にとっては楽なこと。 だからこれ自体は気軽にできます。 そして友達などから見えるところで宣
人前でプレゼンをするときに気をつけたい8つのことがら
プレゼンテーションに関するイベントで「人前で発表をするときに気をつけたい8つのことがら」という発表をしてきました。その概要をメモしておきます。 ここで挙げたのはこの8つ。 準備 自己紹介 スライド 時間 話し方 コミュニケーション ツール しめくくり ではそれぞれの中身を。 1. 準備 最悪の事態に備える 行った先で、すべてが期待どおりに動くことはまずないと思ってます。「ネットが繋がると思うな」「自分のPCが使えると思うな」「Mac (Windows) があると思うな」ぐらいでちょうどいい。 現地ではうまくネットに接続できないかもしれないから、ファイルは事前にダウンロードしておく、ウェブサイトの画面はスクリーンショットを撮っておく、デモはローカル環境で動くものを用意する。 接続がうまくいかなかったり急に動かなくなったりで自分が持って行ったパソコンが使えないかもしれないから、スライドのファイ
MacBook Air を買ってきて最初にやったことまとめ
同様の内容で、これより新しい記事があります。こちらをご覧ください。 Mac を新しくしたら必ず最初にやる設定まとめ（2015年版 / OS X Yosemite 版) さて MacBook Air を買ったわけですが 自分好みに仕立てるためにやった設定をまとめておきます。 また新しいのを買ったり OS を入れ直したりしたときに見返せるし どこかの誰かに参考にしてもらえるかもしれないので。 日本語設定を前提として書きます。 他の言語の人はまあそれにあわせて。 Mac OS のクリーンインストール ※ ご自身の判断と責任において行ってください。また、2011年7月に発売された MacBook Air 以降では少しやり方が違うと思いますけど買ってないから知りません。 買ってきていきなりだけど、 初期状態では必要のないものが入っているので まずは OS を入れ直します。 iMac や MacBoo
Mac でものすごく簡単に favicon.ico を作る方法
便利なんだけどあまり使われてないような気がするので。 ご存じだったらごめんなさいよ。 ウェブサイトに設置する favicon.ico ですが、 用意した画像を favicon ファイルに変換するの Mac だとものすごく簡単にできます。 画像を「プレビュー.app」で開く デフォルト設定なら普通に開けばプレビューで開かれると思います。 (必要なら)サイズを変更する 「ツール」→「サイズを調整」で16 px 四方のサイズに。 別名で保存 「ファイル」→「別名で保存」を選ぶ。 別のファイルにするんだから当たり前といえば当たり前。 「フォーマット」で「Microsoft アイコン」を選ぶ この表現がわかりにくいんだけど、要するに favicon です。 （Mac OS 10.7 Lion 以降でのやり方は後述） Favicon はもともと Internet Explorer 独自の仕様だったから
WindowsからMacに乗り換えた人に伝えたい、入れておくと幸せになれるかもしれないアプリケーション
WindowsからMacに乗り換えた人に伝えたい、入れておくと幸せになれるかもしれないアプリケーション 2010年11月04日 15:44Mac 追記 これは2010年に書いた記事なんですけど、今でも使っているものはここで挙げたものの半分以下になりました。 最近 Mac を使い始めてここに来た方、せっかくだからこっちを見ていってください。 Mac を使い始めたら真っ先に覚えてほしいキーボードショートカット10項目 « 頭ん中 MacBook Air の影響もあると思うんだけど 周りで Mac を始める人が増えてきたので 「これ入れとくと幸せになれるかも」 というMac のアプリケーションを挙げてみます。 いいものはいっぱいあるんだけど Mac らしいと思うものや、Windows から Mac に移行した人が困りそうな点を補ってくれるものを優先 ブラウザや Dropbox, Evernote
東京で駅に近くて快適でサービス充実の格安ホテルを見つけた
こないだ東京で泊まったホテルがなかなかよかったのでご紹介。 あまり人気が出すぎると自分が泊まるとき困るんですが。 ここ。 京急ＥＸイン 新馬場駅北口 どこがどうよかったのか、順を追ってお話しましょう。 駅が近い 新幹線が停まる品川駅の2つ先にある「新馬場」という駅のすぐ近く。 どれくらい近いかというと、これくらい。 行った日は雨だったんだけど 一回も傘を差すことなくホテルに入ることができた。 ロビーがかっこいい ビジネスホテルというと無機質なイメージがあるけど ここはおしゃれで落ち着いたデザインだった。 「アラビアンナイトの世界をイメージした」とのこと。 象の置物がお出迎え。 見間違えてなければ、花は生花だった。 どこのリゾートホテルですか。 広めのロビー。 待ち合わせ用のソファ。 向かい側にもソファ。 部屋が広め 面積の数字までは見てこなかったけど いわゆるビジネスホテルのシングルの中で
[実施レポート] ウェブまわりでいま気になっていることを発表する会『俺の話を聞け！』を開催しました
[実施レポート] ウェブまわりでいま気になっていることを発表する会『俺の話を聞け！』を開催しました 2010年12月12日 16:27イベント 昨日これやってきました。 ウェブまわりでいま気になっていることを発表する会『俺の話を聞け！』を開催します 『俺の話を聞け！』発表予定表を公開します 発表内容はこんな感じ。 社交辞令抜きにして、 それぞれ本当に興味深い内容だった。 「それさっそくやってみるわ！」 と思うようなものがいくつもあったし。 それにしてもこういうイベントをやって 一番うれしいのは、発表デビューの人を見たとき。 誰だって人前で自分の用意した内容を発表するというのは スリル満点なことだし、 ましてや初めてとなると緊張して当たり前だと思う。 手を挙げるのは本当に勇気のいることで、 「やってみます」と言った人の心意気は本当に尊敬する。 そして、誰もが初めての発表を終えたあと 本当に晴
Gmailを乗っ取られてないかどうか確認する方法
これを読んで「恐ろしいなー」と思ったので。 Gmailをのっとられた友達からメール来てだまされそうになった件・・・ – IDEA*IDEA ～ 百式管理人のライフハックブログ Google アカウントを乗っ取られて 勝手にメールを送信されたりパスワードを変えられたりすると思うと 恐ろしくて仕方がないんだけど、 たとえそこまでされないとしても 誰かが勝手にログインして、送受信されたメールを見ている可能性もある。 こちらの方が被害は少ないかもしれないけど 実害が出ないだけに気づきにくいという危険もあるんじゃないだろうか。 そこで、他人が勝手に自分の Gmail を見てないかどうか 手っ取り早く確認する方法を。 ご存知だったらごめんなさいよ。 方法っていうほどエラそうなもんじゃないんだけど Gmail の画面下部にはこういう表示があって 前回このアカウントがどこからアクセスされたかわかる。 これ
ちょっとしたものの言い方でずいぶん印象が違う
近所にミスタードーナツがあった。 「あった」というのは 営業をやめてしまったからなのだが、 店員さんの感じもよくてなかなか良い店だった。 そのお店で ちょっとしたものの言い方に感心したことがある。 ミスタードーナツでは コーヒーがおかわり自由となっている。 隣の席にいた男性が 店員さんにおかわりを頼んだ時のこと。 それを引き受けた店員さんは いったんカウンターの向こうへ行き、 そのまま帰ってきてこう言った。 「淹れたてをお持ちいたしますので、しばらくお待ちください。」 これはなかなか良い表現だと思う。 もちろん 「いま淹れてますので、しばらくお待ちください。」 でもまったく問題はない。 しかしこれだとお客さんにとっては 「今はないからちょっと待たないといけない」 という意味になる。 別に不快な出来事ではないが、 そこにはネガティブな要素しかない。 ところが「淹れたてをお持ちいたしますので」
苦情メールに返信するとき意識すること - 頭ん中
ウェブのサービスを運営してると ご立腹の方からメールをいただくこともある。 そういうメールにご返事をする場合に これを意識しておいた方がいいな、 と思っていることをいくつか。 もちろん事情はその都度違うので いつも同じ対応をするということではないけど、 基本的な考え方として。 たとえ正当な訴えでなかったり 単なる誤解に基づくものであったりしても ちょっとの配慮で穏便に済むならその方がいいですね。 できるだけ早く返信する 時間が経てば経つほど 「無視された感」が高まって 余計によろしくないことになってしまうから。 すぐにご返事できないときは 「すぐにご返事できないのであらためて」と すぐにご返事する。 できることとできないことを明確にする 何らかの対応を求められていて その要求が正当なものである場合、 できることがあるなら 何ができるかを明確に伝える。 ただし、どう考えても正当な訴えではなか
読み手に配慮したふりがな - 頭ん中
たまたま立ち寄ったトイレにあった 案内書きがおもしろかった。 おもしろかったといっても ふざけたことが書かれているわけではない。 文面自体ははごく普通。 トイレ内の電灯は、自動感知式になっています。 約5分程度で自動消灯します。万一ご使用中に消えましたら 手を振る等、体を動かしていただくと再点灯します。 では何がおもしろいかというと、 この文についていたふりがな。 画質がよくないけど、 写真でみた方が早いかな。 ふりがながこのようにふられている。 電灯 → あかり 自動感知式になっています → ひとりでについたり、きえたりします 手を振る → てをふる 再点灯します → またつきます 読み手に配慮した見事なふりがなだと思った。 ここでふりがなをふる目的は 漢字の読み方を教えてあげることではなく 漢字が読めない人でも 案内書きの意味がわかるようにすること。 そもそも「自動感知式」が読めない人
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
