近況報告：無職になりました - IT戦記
みなさんお元気ですか？僕は少しだけ元気ではありません。じんわりとした夏の暑さを感じながらブログを書いています。 実は、数ヶ月前にスマートニュースという会社を退職しました。 しばらく無職 しばらくは就職せずに無職でいようかなと思っています。 すぐに再就職した方がいいんだろうな〜。とは思うのですが少し疲れたかも。 いい時代になったものだ 最近は AI の進化も素晴らしく、昔ソフトウェアで出来なかったことがどんどんできるようになってるなって感じます。 Rust とか、ちょうど欲しかった感じのプログラミング言語もあるし、 ChatGPT は完璧ではないけど何か新しいことを始めるときに素晴らしい洞察を与えてくれる。 時代は確実に良くなってる。そんな時代に「自分は働いていないくていいのか」と少し不安になるけれど、自由気ままにコードを書く、そんな時間が今あってのもいいのかなって思ってます。 オフトピック
6 年間の起業を終えて - IT戦記
スマートニュースの社員になりました 皆様、お久しぶりです！約 7 年振りにこのブログを書いています。 元気にしてましたか？僕は元気です。 実はこの 6 年間 id:mizzusano とカクテル株式会社という会社をやっておりまして、先日のプレスリリースにもあったようにこの度会社ごとスマートニュースにジョインすることになりました。 UUUM に遊びに（？）行ってはしゃぐ僕と id:mizzusano そこで今日は振り返りも兼ねて、以下の 3 点について、この 6 年間考えていたことを書いて見たいと思います。 事業アイデアより大切なこと 起業家が健康的に働く方法 プログラマーが起業するということ 少しでもこれから起業したい人のお役に立てればと思っております。 事業アイデアより大切なこと 6 年間の事業を振り返えると失敗の連続でした。その中で、事業そのもののアイデアより共に起業するメンバーが大切
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
サイボウズで学んだこと - IT戦記
はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 （写真はゆうすけべーさんです） この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。 ですので、うまく退職のエントリを書き上げることができません。 言葉にできない。そんな感じです。 なので、このエントリはサイボウズ・ラボやサイボウズ本社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。 サイボウズでの最後の仕事 僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。 そして、その中で始めて複数人による大規模な JavaScrip
はてなブックマークを「ツイッター戦闘力」順にならべるブックマークレット - IT戦記
みなさん、こんにちは！ はてなブックマークがまたまたアップデートしましたね！ Twitter に投稿した URL が何回クリックされたかチェックや、（中略）など、便利な機能が盛りだくさんです。 はてなブックマーク Twitter 連携機能を大幅に機能強化・キャンペーンも開始 - はてなブックマーク日記 - 機能変更、お知らせなど おおおお！これはすごい！ なんと、ツイッターに投稿した URL がどれだけクリックされたか分かっちゃうんです！！！ ますます、色んなページをブックマークしまくりたくなりますね！ 今まで bit.ly にもこれ系の機能はあったのですが、みんなで共有できる（他の人に見せられる）ってのがはてブの新しいところですね！ みなさんもがんがん使っていきましょう！！ というわけで はてブのエントリーページをツイッターのクリック数で並べ替えるブックマークレットを作ってみました！ ク
ツイッタラーたちは何処からやってきたのか - IT戦記
こんにちは 最近、ツイッターが流行ってますね！ みなさんは使っていますか？僕は使っています！ よかったらフォローしてくださいね＞＜ http://twitter.com/amachang (←くりっく！ さてさて そんな、ツイッターを見ていてふと思ったんです。 このひとたちは何処からやってきたのだろう？ というわけで ツイッターのプロフィールに貼ってある URL を調べてみよう！ それを調べるために、 ミーユー からフォロワーの多い人トップ 5000 の Twitter ID を取得 その 5000 人の Twitter のプロフィールを参照して、URL が貼ってあればそれを取得 取得した URL が短縮 URL だった場合は、元の URL に戻す さらにその URL を Pathtraq API で正規化 URL からドメインを取得 並べる という風にランキングを作ってみました。 順位
Twitter で「はてなダイアラー」ときゃっふきゃっふしよう！ - IT戦記
はじめに はっ ( ﾟдﾟ ) ＿(__つ/￣￣￣/＿ ＼/ / ￣￣￣amachang です。 みなさん、こんにちはお元気ですか。僕は元気です。 もっと もっと、熱くなれよおお、じゃなくて、もっとツイッターではてなダイアラーと絡みたい！ と言うわけで ツイッターをやっているはてなダイアラーランキング Top 100 を作ってみた！ 順位 はてな ID Twitter ID 1 id:finalvent @finalvent 2 id:amachang @amachang 3 id:naoya @naoya_ito 4 id:shi3z @shi3z 5 id:kanose @kanose 6 id:mkusunok @masanork 7 id:Hamachiya2 @Hamachiya2 8 id:nitoyon @nitoyon 9 id:takerunba @takerunb
Tabnagging の自衛用 User JavaScript を書いてみた - IT戦記
Tabnagging というフィッシング手法があるそうです。 詳しい内容は、以下の記事をごらんください。 ブラウザでたくさんのタブを開いてネットサーフィン！ あなたが知らないうちに非アクティブなタブの内容が偽のGmailページに書き換えられた！（タブのアイコンも変わる！） ← 別にGmailじゃなくてもFacebookでもmixiでも。 あなたがそのタブに戻ってくるとGmail（もしくは他のサービス）のログイン画面が！（URLはおかしいけれどあなたは気づかない！） ID&PWDを入力してしまってあなた終了のお知らせ…orz ブラウザのタブを使ったフィッシングの最新手法『Tabnagging』が巧妙すぎる件… | IDEA*IDEA これは…！！ というわけで、とりあえずタイトルを「ホスト名を省いたドメイン」に書き換える User JavaScript を書いてみた。 これをインストールする
はてなダイアリー新機能「Twitter記法」を使って、トゥギャッターを引用するブックマークレット
はてなダイアリーがバージョンアップしましたね！！！！ やったー！ 主な新機能・改善の内容 バージョンアップに伴う新機能・改善の主な内容は以下の通りです 管理画面を大幅刷新しました。デザインを調整し、ナビゲーション改善など使い勝手の改善を行いました iPhone 専用の閲覧画面 (iPhone ビュー) を追加しました Twitter と連携する各種新機能を追加しました 2つめ以上のブログを追加できる複数ブログ作成機能を追加しました (はてなダイアリープラスのみ) サイトマップ作成、meta タグの設定などが行えるSEO設定画面を追加しました (はてなダイアリープラスのみ) サーバー増強、アプリケーション改善による応答速度改善を実施しました ほか、新しい設定項目の追加など細かな改善を実施しました はてなダイアリーのバージョンアップを実施しました ― iPhone、Twitter、SEO、複数
XPath に文字列を埋め込むときの注意 - IT戦記
よく、以下のように XPath に文字列を埋め込む事があります document.evaluate('//*[@class="' + text + '"]', document, null, 7, null); まあ、僕もよくこんなコード書くんですけど。 でも、これって text が外部から来るものだったら、意図通りの動作をしないんですよね たとえば、以下のような例です。 var text = '"] | /hoge/fuga/piyo | .["'; document.evaluate('//*[@class="' + text + '"]', document, null, 7, null); というわけで 任意の文字列を XPath の式に変換する JavaScript を書いてみた 以下で試せます http://amachang.sakura.ne.jp/misc/xpath_es
Re:Re:RE:実名も捨てたもんじゃない - IT戦記
これはよしおりさんにというわけでなく、実名で書いた方が良いと主張する人全員に。論点がズレますが、もし自分の子どもが小・中学生の頃から本名でブログをやっていたら止めますか？また自分の奥さんまたは旦那が、自分のブログに子どもの写真を毎日載せていたら止めますか？とある奥様ブロガーから、子どもの写真を通してその家の生活を見られ、いろいろ言われるという話を聞いて、ママ友怖い！って思ったので、ちょっと聞いてみたいなと思いました。 Re:RE:実名も捨てたもんじゃない - そのままなめて 実名で書いた方が良い派じゃないけど、なんとなく反応してみようと思います ブログ（または写真）の内容次第ではないでしょうか。 将来その子にプラスになることなら止めないし、将来その子にマイナスになることなら止めると思います。 実名をネットに出すこと、その行為自体を止めることはないと思います。
実名も捨てたもんじゃない - IT戦記
実名匿名論争が話題ですね 勝間和代のクロストーク - 毎日新聞 ネットで実名を出せない理由:Geekなぺーじ 実名推進派は人の気持ちがわからない人が多い。 : ひろゆき＠オープンSNS 404 Blog Not Found:匿名発言者は、自分の気持ちがわからない人が多い 匿名推進派は誰が自分を守ってるのかわかってない人が多い - 狐の王国 で たぶん、実名か匿名かってのはネットの利用の仕方とリアルでの人のつながりに大きく依存するんと思います。 実際は、多くの人はネットでは匿名でいたほうが得だと思います。 でも、 僕は今まで実名を公開していて良かったと思うことってけっこうありましたよ！ たとえば、 出身校の先生が「あいつ、最近がんばってるみたいね」と噂しているのを間接的に聞いた 出身校の修学旅行にゲストとして呼ばれた 名刺交換したとき*1に自分の名前を知っている人がいて、話が弾んだ リアルで
HTML5 の DOCTYPE 宣言って IE6 でも標準モードになるんですね - IT戦記
HTML5 の DOCTYPE 宣言 <!DOCTYPE html> ですが、今までなんとなく「どーせ IE6 では互換モードなんでしょー」って感じで生きてきたんです。 ごめんなさいごめんなさい＞＜ サンプルコード 確認してみてください <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5 の DOCTYPE 宣言とレンダリングモードのテスト</title> </head> <body> <h1>HTML5 の DOCTYPE 宣言とレンダリングモードのテスト</h1> <dl> <dt>CSS1Compat</dt> <dd>標準モード</dd> <dt>BackCompat</dt> <dd>互換モード</dd> <dl> <script type="text/javascript">alert(docume
HTML5 のセクションアウトラインを生成してみよう！ - IT戦記
昨日 HTML5 のセクションアウトラインを取得する JavaScript - IT戦記 という記事で、以下の JavaScript ファイルを公開しました Outliner.js で 公開したのはいいのですが、 @amachang 使い方がわからんです…。見てるページで試せるように、Bookmarkletになっていると嬉しいです。 http://twitter.com/os0x/status/3972339847 …肝心の使い方を書くのを忘れていました＞＜ ＞＜ というわけで簡単に使い方を解説したいと思うます。 手順は 2 ステップ 1. まず outliner.js を読み込む <!DOCTYPE html> <html> <head> <title>hoge<title> <script type="text/javascript" src="http://amachang.saku
新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法 - IT戦記
はてなブックマークから新しい件数取得 API が提供されているようです！ (開発者さま向け)はてなブックマーク件数取得APIに新しいAPIを追加 - はてなブックマーク日記 - 機能変更、お知らせなど この API のいいところは JSONP に対応しているところでしょうね！ すばらしい！ というわけで、 HTML だけで、件数を埋め込む例を書いてみたよ！ やり方は簡単 callback パラメータに document.write を指定するだけ！ <script src="http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=document.write"></script>件のブックマークがあります。 あとは、適当にリンクとか張って <a href="http://b.ha
PHP で引数をそのまま返す関数を作っておくと便利 - IT戦記
PHP では以下のように new してすぐメソッドを呼べない <?php new DateTime()->getOffset(); なので、引数をそのまま返す関数を作ってやると <?php function expr($a) { return $a; } expr(new DateTime())->getOffset(); // OK! 便利だなー おまけ 配列アクセス用のも作っておくと便利 <?php function expr($a) { return $a; } function idx($array, $i) { return $array[$i]; } echo idx(idx(expr(new DateTimeZone('Asia/Tokyo'))->getTransitions(), 0), 'abbr') . "\n"; おまけ2 無名関数をそのまま呼ぶときにも使える。 <
IT戦記 - JavaScript の this について
WEB+DB PRESS 編集の R たんから、僕の連載記事に読者様から質問が来ていると教えていただいたので、その内容を教えていただきました。 以下、内容を転載 「JavaScriptわくわく開発道」の記事に関して質問です。 今回の内容で特に興味を持ったのはthisキーワードの振る舞いでした。 thisキーワードの説明には、オブジェクト型の変数を別の変数にコピーしてから初期化すると、コピーした変数からメソッドを実行できなくなるという例が紹介されていました。 そこには「（1）の時点でobj0には{}が入っているため、hogeは未定義となってしまう」という説明があるのですが、誌面の都合上省略があるためか、thisキーワードを用いることで問題を回避できるという理由がなかなか理解できないでいます。 自分なりに考えてみたところ、内部的には以下のようなことが起きているのではないかと思いました。 (1)
Firefox 拡張を jQuery で書く！ Jetpack を使ってみた。 - IT戦記
はじめに JavaScript が書ければ、誰でも簡単に Firefox の拡張が書けてしまう。しかも、もれなく jQuery が付いて来る！ というものを Mozilla Labs がリリースしたみたいですね。 https://jetpack.mozillalabs.com/ というわけで 少し触ってみました Jetpack Feature の書き方 Jetpack で書く Firefox 拡張を「Jetpack Feature」といいます。 これは、以下の 2 つのものを用意すれば誰でも簡単に公開することが出来ます。 JavaScript ファイル 公開用 HTML ファイル JavaScript ファイル JavaScript ファイルには、 Jetpack Feature のアプリケーションコードを書きます。 (function() { Jetpack.statusBar.appe
はじめての mixi アプリ - IT戦記
IE ではたぶん動きません。 友達一覧取得 <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="simple mixi Appli"> <Require feature="opensocial-0.8"/> </ModulePrefs> <Content type="html"> <
クリックジャッキングの本質的な解決策 - IT戦記
誰か書いてそうだけど、気にせずに投下 現実的な解決策ではなくて、本質的な解決策 クリックジャッキングはそもそも CSS の問題なので CSS の枠組みで解決すればいい。 CSS での解決策 具体的には、以下のルールをユーザースタイルシートに追加すればいい。 * { opacity: 1 !important } CSS2, CSS2.1, CSS3 では、ユーザースタイルシートの !important な宣言は他のどの宣言よりも優先されるはずなので、ちゃんと仕様を満たしているブラウザを使っていれば問題ないはず。 （IE の場合は、 opacity じゃなくて filter を。。というか、オプションで何か filter とか無効に出来た気がするけど、忘れた＞＜） ユーザースタイルシートは、 IE, Firefox, Opera, Safari ほとんどのブラウザで使うことができる。 あと、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
