タグ 橋本商会
人気順 5 users 10 users 100 users 500 users 1000 usersScrapboxという言葉の意味 - 橋本商会
Scrapboxとは、工作や手芸、裁縫の材料や道具を入れておく棚の事 scrapbox originalでGoogle画像検索 昔はoriginalって付けなくても出てきた 今はoriginal付けないとscrapbox.ioの画像ばかりになってしまった 特徴 材料を収集してきて、後で使うために収納する つまり再利用する きれいに使う ゴミを入れる場所ではない ... 続きを読む
ヨコハマハウスフラペチーノ - 橋本商会
人類がAIに勝つために必要だったので、作った https://twitter.com/shokai/status/1535536071940788224 材料 家系ラーメン 国産厳選ガラを使用 塩豚骨ラーメンを使った スープが乳白色の塩がいい クックパッドマートでよく買ってる。うまいのでshokai.icon 招待コードJR2ZAK 1000円分の無料クーポンがもらえる 実は冷凍... 続きを読む
Safariはforループでクラッシュする - 橋本商会
これの話 不正プログラム書き込み疑い補導|NHK 兵庫県のニュース クリックすると同じ画面が表示され、消えなくなる不正なプログラムのアドレスをインターネットの掲示板に書き込んだとして、13歳の女子中学生が兵庫県警に補導されました。 このニュースでは、Safariを使ってブラクラを表示している映像が流れていた ... 続きを読む
承認欲求の刺激につながる機能を全て排除する - 橋本商会
理由 人間には承認欲求を刺激すると知能が下がるバグがあるから 以下の機能を実装しないようにしている #Scrapboxの哲学 いいねボタンが無い SNS拡散ボタンが無い projectをまたがったユーザーランキング・記事ランキング・注目記事の様な機能が無い 公開projectであっても、外部からリンクが無ければGoogleにインデック... 続きを読む
Pull Requestに動作確認方法を書け - 橋本商会
まとめ 自分がどう動作確認しているかを書きましょう コードだけでなく、動作確認方法をレビューしてもらいましょう pull requestのレビューというのは、結局ダブルチェックなのだから まずチェック項目に漏れが無い事を確認するべき 設定画面に項目追加したけど、これログイン画面にも影響しているよね、とか 次にチェ... 続きを読む
CSSレスポンシブデザインをSPAで使うと破滅する - 橋本商会
非表示のReactコンポーネントの中でしっかりライフサイクルが走っていて、イベントハンドラは登録され、stateを持って動いている 続きを読む
やる気を出すテクニック - 橋本商会 - Scrapbox
最近は #shokaiのToDo や [Request for scrapbox] のようなグローバルなタグ・リンクは付けない様にしている shokai.icon 続きを読む
美文章滅すべし - 橋本商会 - Scrapbox
最初は1つの検討事項だと思っていたが、実はその中身は3つの小さな検討事項が必要だった場合などにも対応しやすい 続きを読む
サーバーサイドレンダリングしないReact SPAのSEO - 橋本商会 - Scrapbox
window.addEventListener('unhandledrejection', reason => { console.error('Unhandled Rejection', reason) // これをconsoleではなくHTMLに表示する 続きを読む
橋本商会 » coffeeからES6(babel)に少しずつ書き換える
coffee-scriptで書いていたwebアプリをES6(babel)に書きなおした。 全部を一気に書き直してハイ動いたーとやるのは無理なので、coffeeとES6のファイルが混在しても動かせるようにして、少しずつ書き直した。 書き直したのはこれ React+Fluxxor+socket.ioでfluxなチャットを作った https://github.com/shokai/node-flux-b... 続きを読む
橋本商会 » WEB+DB PressのReactの記事が良かったのでcoffeeで書きなおした
昨日か今日ぐらいの発売のWEB+DB Press vol.86のp123~のnaoya氏のReactの記事が良いらしいからみんなで勉強しましょう、って増井先生が言ってたので、昨日夕方数人で読んでて家帰ってから実際にコード書いてみた。 JavaScript苦手なのでcoffee-scriptで写経した。 https://github.com/shokai/react-coffee-study obs... 続きを読む
橋本商会 » slackとnode-lindaとhubotとdockerとibeaconとraspiとarduino接続した
slackでhubotに頼むとドアあけてくれるようになった。 増井研はインドア派なので、ハローワールドするためにドアを開ける。 あと部屋を指定してスピーカーからmacのsayが流せる。 iBeaconで位置をはかって、誰が近づいたとか通知される。 あと試験的に近づいたらドア勝手に開くようにしてみた。 電気ついたりとか、そういうセンサー値の大きな変化も通知される。 hubotがslackにつながって... 続きを読む
橋本商会 » dokkuをMacにインストールして自分をクラウド化した
dokkuを普段持ち歩いてるMacbook AirのVirtualBoxのUbuntu12.04に入れた。 dokkuはDockerの上にHerokuのようなものを建立してくれるもので、dokku本体は100行ぐらいのshellscriptで実装されている。dokkuから作者のprogrium氏が作った色々なツールが呼び出されるので、実体としてはもっと大きいけど。 vagrantとかchefとか全... 続きを読む
橋本商会 » 895円の超小型Ardunoクローン DigiSparkを買った
とにかく小さくて安いのに、ほぼArduinoとして使える。 そしてズボンのコインポケットに入れて持ち歩けるので電車内hackに便利。 DigiSpark Digispark購入ページ DigiSpark wiki ソースコードはここに置いておいた。 デジタル出力・アナログ出力・アナログ入力・Mac上のRubyとのUSB通信を試した。 https://github.com/shokai/digisp... 続きを読む
橋本商会 » node-webkitでNHK Newsを連続自動再生するアプリ作った
あまりにも世情にうといので作った。 NHKのRSSを定期的にチェックして、新着ニュースの動画を連続自動再生する。 とてもテレビっぽい。おかげで4日後にオリンピックが開催されるという事を知れた。 ソースコード https://github.com/shokai/nhk-news-app zipでダウンロード https://github.com/shokai/nhk-news-app/release... 続きを読む
wise9 › 30分で試せる分散並列プログラミング Linda (起動編)
慶應SFCの増井俊之教授が、「いやー、全世界プログラミングの実装はとりあえずLindaっての使ってるんですがこれが超絶簡単なんですよー」 というので、マジですかそれは、と思い、ストックホルムのホテルでちょっと試してみましたよ。 基本的には橋本商会のページがわかりやすいんですけど、そもそもLindaがどんな感じで実行されるのかぜんぜん実感がもてなかったので、とりあえずローカルで動かしたい、というニー... 続きを読む
橋本商会 » 世界一柔軟で好意的に解釈してくれるプログラム言語BabaScriptを作りました
rubygemsでインストールできます % gem install babascript ソースコードはこちら https://github.com/masuilab/babascript BabaScriptとは コンピュータが得意なことはコンピュータに、人間が得意なことは@takumibabaが処理するプログラム言語です 使用方法 ワンライナー % baba -e "アイス買ってきて" 馬場ス... 続きを読む
橋本商会 » 別ドメインのiframeの中身をフレーム外からスクロール
別ドメインのiframeの中身をフレーム外からスクロール 諸事情あって、iframeの中身をフレーム外側のページからJavaScriptでスクロールできるのを作った。 ふつうは別ドメインのページをiframeに読み込むとスクロールできないんだけど、iframeごと上下左右に動かしたり、iframeの外側にbox要素2つ付けてはみだした部分を表示しないようにcssでなんか色々やったりしたらそれらしい... 続きを読む
橋本商会 » Sinatra RocketIOというプラグイン作った、これでWebSocketとCometが使える
nodeのSocket.ioっぽい物のRuby版を作った。 https://github.com/shokai/sinatra-rocketio 依存 EventMachineが有効なWebサーバー(thinとか)と、jQueryが必要。 Rubyは1.8.7〜2.0.0まで動く。 Sinatraで使う インストール gem install sinatra-rocketio ブラウザとか回線に応じ... 続きを読む
ターミナルで使うtwitterクライアントtwが便利なのでzsh補完関数を作った - Glide Note - グライドノート
橋本商会 » ターミナルで使うtwitterクライアント作った glidenote/tw-zsh-completion @shokaiさんの作った、ターミナル上で利用する twitterクライアントtwが非常に便利なので、zsh補完関数を作った。 git cloneして/usr/share/zsh/site-functions/や/usr/local/share/zsh/site-function... 続きを読む
橋本商会 » ターミナルで使うtwitterクライアント作った
1年以上前に作ってずっと使ってた奴を、少し直してrubygemにした。 くわしい使い方はhttp://shokai.github.com/twに書いた。 何か要望あればtwitterかgithubのissueかblogのコメントでください。 インストール 特別なライブラリは使っていないのでMacならすぐインストールできるはず gem install tw tw --help 機能 すぐ使えるように... 続きを読む
橋本商会 » みなとみらいのバイクシェアリングBayBikeの出来が良い
6月ごろからたまに使ってる。 良いサービスなのに、ネット上に感想が無さすぎてもったいないので感想を書いておく。 baybikeは横浜市とdocomoが行なっている社会実験で、みなとみらいに20箇所以上設置された無人自転車スタンドから自転車を借りられる。 借りた自転車はどの自転車スタンドに返しても良く、主要な駅や施設の周りに十分な数があるので、電車と併用して使いやすい。 AndroidアプリとGoo... 続きを読む
橋本商会 » 料理をはじめて1年経った
ちょうど料理し始めて1年経過したので、今までに考えた事・良かったことを書きなぐっておく。 基本的に研究したり新しいプログラム言語を勉強したりするのと同じ方法でやってた。 (画像はイメージです) 最初に作りたいものを書き出す 自分が食べたいものを書き出す。 最初に作りたい料理を30個ぐらい、現時点で作れそうにない物も書きだした。 レシピには共通の部分がある物があるので、なるべく簡単かつ発展性がありそ... 続きを読む
橋本商会 » プログラムの写経
プログラミング初心者が写経する時に気をつけると良い事を3つ説明します。 画像はイメージです プログラムを勉強する時に、写経しろ(すでに完成しているプログラムを本から書き写せ)とか言われるが、ちょっと意識するとだいぶ違うと思う 1. 外から書け 例えば、1からnまでの数字を全部表示するプログラムがあるとする。 def run(max) 1.upto(max).each do |i| puts i e... 続きを読む
橋本商会 » Sinatra+Haml+jQuery入門
研究室の後輩にSinatraとhamlとjQueryを教えるために作ったテンプレートについて、ここにも書いておく ソースコード https://github.com/shokai/sinatra-template 実際動いているもの http://masui.sfc.keio.ac.jp/sinatra-template/ git clone git://github.com/shokai/sin... 続きを読む