読者です 読者をやめる 読者になる 読者になる

感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

はてなブログ(スマホ/PC両方)からid名や「注目記事」のランキングを非表示にする方法

はてなブログは一度idを設定してしまうと変更ができません。
複数ブログを運営する際などに不都合が生じるかもしれないので、idを消すCSSを残しておきます。

スマホ版

スマホ版のCSSは以下を使えばOKです。

<style type="text/css">
    .hatena-module.profile {
        display: none;
    }
    .profile-wrapper {
    	display: none
    }
    .profile-content {
    	display: none
    } 
    .hatena-module-entries-access-ranking {
    	display: none
    }
    .entry-footer-section {
    	display: none
    }
    .footer-action-wrapper {
    	display: none
    }
</style>

PC版

PC版はこちらを使えばOKです。

<style type="text/css">
	#footer-inner {
		display: none
	}
	.entry-footer-section {
		display:none
	}
</style>

Googleが提唱する"スマートクリエイティブ"な社員とは、どんな人材か。

読書メモ

「How Google Works」という本を読んでいます。


How Google Works (ハウ・グーグル・ワークス)  ―私たちの働き方とマネジメント

How Google Works (ハウ・グーグル・ワークス) ―私たちの働き方とマネジメント

  • 作者: エリック・シュミット,ジョナサン・ローゼンバーグ,アラン・イーグル,ラリー・ペイジ,土方奈美
  • 出版社/メーカー: 日本経済新聞出版社
  • 発売日: 2014/10/09
  • メディア: 単行本
  • この商品を含むブログ (16件) を見る

この本がめちゃくちゃ面白いので、読んだ部分を軽く紹介したいと思います。


  ★  ★


ジョナサン・ローゼンバーグとエリック・シュミットは入社当時、Googleに秩序をもたらそうとしていた。

ジョナサンには豊富なプロダクト開発の経験があり、当初は伝統的なビジネス・プロセスをGoogleに持ち込もうと考えた。

明確に定義されたフェーズを目標があり、経営幹部が様々なレビューを通じてプロジェクトの進捗を管理する。
プロジェクトが会社の意思決定のピラミッドを上がっていくようにデザインされている。


ウォーターフォール型のV字工程のようなものだろうか。


ジョナサンがラリー・ペイジに従来のアプローチ方法をまとめ、プロダクト計画を提出したとき、ジョナサンはペイジに褒められると思っていた。
しかし、そんなことにはならなかった。

「そのアプローチを使って、計画を超えるプロダクトを仕上げた部下はいるのか?」

エンジニアの手足を縛るな、とペイジは言う。

「エンジニアのところに行って、話してみろよ」


優秀なエンジニアをできるだけたくさん採用し、最大限の自由と権限を与えるのがGoogleの信念だった。
規定の事業計画に従うのではなく、優秀なエンジニアの邪魔にならないようにする。

"大人による監視"など持ち込んではいけない。

最高のエンジニアが自由な発想で、最高のサービスを生み出せば、お金は後からついてくる。
これがGoogleの原則だ。

劇的に優れたプロダクトを生み出すのに必要なのは、巨大な組織ではなく、数えきれないほどの試行錯誤を繰り返すことだ。
スピードこそが重要なのである。
ちなみに、「グーグル・グラス」のプロトタイプはわずか90分で作られたらしい。

「説明はいらないから、見せてくれ」

という要求に見事に応えるものだった。


インターネットの世紀での成功のカギを握る存在が、「スマート・クリエイティブ」であるという。

本ではスマート・クリエイティブな人材がどんな人間なのかについて書かれている。
箇条書きで紹介したい。

  • 高度な専門知識を持っていて、経験値が高い
  • 実行力に優れ、企画するだけではなく、プロトタイプを作る
  • データを意思決定に生かすことができる
  • 競争心が旺盛で、努力を欠かさない
  • ビジネス感覚に優れる
  • 誰よりもユーザ目線で、自らのプロダクトにのめり込む
  • 好奇心旺盛で、常に疑問を抱き、現状に満足しない
  • リスクをいとわず、失敗を恐れない
  • 自発的で、主体性に基づいて行動する
  • あらゆる可能性にオープンで、誰のアイデアかではなく、その質によって物事を判断する
  • 細かい点まで注意が行き届き、集中力を切らさない
  • コミュニケーションが得意である

これだけ見るとマジでスーパーマンかと思うけど、全てのスマートクリエイティブがこれらの特徴全てを兼ね備えているわけではないらしい。

全員に必ず共通するものは、ビジネスセンス、専門知識、クリエイティブなエネルギー、自分で手を動かして業務を遂行しようとする姿勢だという。

上に挙げたスマート・クリエイティブな資質というのは、日々の仕事を行う上での心構えの指針となるかもしれない。
全てを兼ね備えるのは難しいが、それぞれの資質を持てるように、意識して仕事を進める意味はあるだろう。


How Google Works

How Google Works

  • 作者: エリック・シュミット,ジョナサン・ローゼンバーグ,アラン・イーグル,ラリー・ペイジ
  • 出版社/メーカー: 日本経済新聞出版社
  • 発売日: 2014/10/17
  • メディア: Kindle版
  • この商品を含むブログ (6件) を見る

ブログが書きやすくなるように、Sublime Text3のプラグインを作って、選択した範囲をタグで囲めるようにしてみた。

Sublime Text

ブログを書いていて、文字の色を青くしたかったり、赤くしたかったり、太字にしたかったりすることがあると思います。

そういうときに、はてなブログの記事の編集画面でGUIで青色をつけたり、太くしたりするのは面倒ではないでしょうか?

僕の場合、ブログを書くときはSublime Textなどのエディターで編集してからコピペするので、なおさら面倒になります。

なので、コマンド一つで青文字にするタグで囲んだり、文字を太くするためのSublime Textプラグインを作ってみました。

ネットにはSublime Text2とSublime Text3の情報が錯綜していたのですが、僕が作ったのはSublime Text3のプラグインです。


こんな風に文字を選択して・・・・
f:id:sho322:20150608110500j:plain

「Ctrl + E」を押すと、タグで囲まれます。
f:id:sho322:20150608110509j:plain

どのキーにバインドするかは、自分で設定することができます。

それでは、作り方です。

Tools > New Plugin

で新しいプラグインを作成します。

囲んだ雛形の範囲を

<font color="blue">囲んだ範囲</font>

で囲むSublime Text Pluginを作ってみます。

import sublime, sublime_plugin

class blueCommand(sublime_plugin.TextCommand):
	def run(self, edit):
		selection = self.view.sel()[0]

		selected_string = self.view.substr(selection)

		replaced_string = '<font color="blue">' + selected_string + '</font>'
		self.view.replace(edit, selection, replaced_string )

C:\Users\user_name\AppData\Roaming\Sublime Text 3\Packages\User
以下に保存します。名前は任意です。

User直下に保存するのは望ましくない、というような記述を見つけたので、もう一つフォルダを掘ってもいいかもしれません。

自分はとりあえずですが、User直下にblue.pyという名前で保存しました。

その後、

Ctrl + '`'か、View > Show Console
でコンソールを開き、以下のコマンドを打ちます。

view.run_command('blue')

クラス名がblueCommandなので、「Command」を取り除いた「blue」を引数に指定します。

ちなみに、Sublime Text2まで使われていた、

view.runCommand('blue')

のようにやると、以下のようなエラーが出ます。

AttributeError: 'View' object has no attribute 'runCommand'

run_commandとしなければいけません。

<参考>
http://www.pxt.jp/ja/diary/article/282/

これをKey Bindというショートカットキーと結びつける機能を使って、CTRL + Bを2回押したら囲まれるように設定します。

Preference > Key Bindings User

に以下のように設定します。

[
	{
		"keys": ["ctrl+e"],
		"command": "blue"
	}
]

ググってみると、

{
	"keys": [ctrl+e],
	"command": "blue"
}

みたいに書いてあるのがありますが、Sublime Text3では["ctrl+e"]のように、ダブルクオートで囲まないとエラーになります。

<参考>
http://stackoverflow.com/questions/15046504/trying-to-set-sublime-keymap-getting-a-error-trying-to-parse-file-message


公式のAPIリファレンスはこちらです。
https://www.sublimetext.com/docs/3/api_reference.html#sublime.Selection

こちらを参考に、思いついたものを色々と作っていくことができそうです。
自分でカスタマイズするようになると、エディタがとても便利になりますね!

僕は、太字にするタグ、赤字にするタグ青字にするタグを生成するプラグインをそれぞれ作って、key bindingしておきました。

こんな感じで、楽に色付けすることができます!