タグ 橋本商会
新着順 10 users 50 users 100 users 500 users 1000 usersCosenseの哲学 - 橋本商会
Cosenseについての設計思想的な物を書く あえて書かないものもある 続きを読む
「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会
こんにちは。強いUIはボタンを捨てるをスローガンにScrapboxを開発しています。shokaiですshokai.icon Helpfeel Advent Calendar 2022の5日目の記事です 昨日はHelpfeelエンジニアのyado.iconさんでした 採用面接中にチャーハン・ピラフ判定器とスタバ警察botで盛り上がる会社に入った | 株式会社Helpfeel ヨコハマハウ... 続きを読む
Scrapboxという言葉の意味 - 橋本商会
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のレビューというのは、結局ダブルチェックなのだから まずチェック項目に漏れが無い事を確認するべき 設定画面に項目追加したけど、これログイン画面にも影響しているよね、とか 次にチェ... 続きを読む
Nintendo SwitchにBluetoothイヤホンを接続する - 橋本商会
CREATIVE BT-W2というUSB-Bluetoothオーディオアダプタを使う ファームウェア ver.4以上のNintendo Switchのドックに刺すとUSBオーディオデバイスとして認識される BluetoothイヤホンやBluetoothスピーカーを接続できるようになる 元々PlayStation4用らしい CREATIVE BT-W2 Amazon | Creative Bluetooth Audio bluetooth... 続きを読む
Nintendo SwitchをBluetoothイヤホンに接続する - 橋本商会
CREATIVE BT-W2というUSB-Bluetoothオーディオアダプタを使う ファームウェア ver.4以上のNintendo Switchのドックに刺すとUSBオーディオデバイスとして認識される BluetoothイヤホンやBluetoothスピーカーを接続できるようになる 元々PlayStation4用らしい CREATIVE BT-W2 Amazon | Creative Bluetooth Audio bluetooth... 続きを読む
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... 続きを読む
橋本商会 » MIDIデバイスを演奏したらパスワードが入力されるChrome拡張を作った
最近のChromeはWeb MIDI APIといってMIDIキーボード等の楽器を接続し、その入力が取れる。 Chrome拡張でもそれは使える。 inputタグにフォーカスしている時に楽器からの入力をキャプチャして、パスワードを生成&入力するChrome拡張を作ってみた。 https://github.com/shokai/webmidi-password-generator パスワードは覚えるのが... 続きを読む
橋本商会 » flux.DispatcherのwaitForの実装
Promiseもコールバックも使ってないのにDispatcherのwaitForで順番の制御ができる。どういう事なのか気になったので調べた。 flux.Dispatcher Reactはなんとなく使えるようになった気がしたので、fluxでやろう、StoreとかActionとかどう書くんだと調べてて、とりあえずflux npmというfluxアーキテクチャの説明とDispatcherが一つだけ入ってい... 続きを読む
橋本商会 » WEB+DB PressのReactの記事が良かったのでcoffeeで書きなおした
昨日か今日ぐらいの発売のWEB+DB Press vol.86のp123~のnaoya氏のReactの記事が良いらしいからみんなで勉強しましょう、って増井先生が言ってたので、昨日夕方数人で読んでて家帰ってから実際にコード書いてみた。 JavaScript苦手なのでcoffee-scriptで写経した。 https://github.com/shokai/react-coffee-study obs... 続きを読む
橋本商会 » 色々なPromiseライブラリで1つずつ順番に処理する
最近色々なNodeのライブラリがそれぞれ好きなPromiseライブラリ使ってるけど、混ぜても大丈夫なのか? という事と、async.eachSeriesのようにURLのリストを1つずつ順番に処理するのはPromiseでどうやって書くのかな? というのが気になっていたのでちょっと調べた。 https://github.com/shokai/promise-study 環境 node v0.10.29... 続きを読む
橋本商会 » express+socket.io+mongooseのテンプレ作った
作った https://github.com/shokai/express-template 簡単なチャット。チャットログはMongoDBに保存する。 https://express-chat-template.herokuapp.com/ ガチwebサービスではなくゆるふわプロトタイピング用のテンプレになっている。 基本的にgeta6/coahを参考にしてるんだけど、ブラウザの為にcoffeeを... 続きを読む
橋本商会 » Node.jsで実世界UI
先週のReal.UIで発表してきたスライドです。ハードウェアとかNode.jsでやったほうが安定するしいいよという話をした。 会場のスマートニュース社は勉強会とかできる場所とオフィスとその真ん中にビールとか置いてあるカウンターがあってフロアがスコーンと抜けるように全部見えてて広々していた。ビール何種類もあってよかった。おいしかったです。 Node.jsで実世界UI from Sho Hashimo... 続きを読む
橋本商会 » 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とか全... 続きを読む
橋本商会 » IRKitで一番2ch実況が盛り上がってるテレビチャンネルを追跡する
IRKitと、10行ぐらいのRubyでこんなに簡単にテレビ視聴が自動化できる。 見たい番組とか考えなくていいじゃないかみんなが実況してる番組は多分面白い。 手順 必要なgemをインストールし % gem install irkit httparty nokogiri irkitコマンドで各テレビ局の名前で赤外線データを学習しておいて % irkit -get テレビ東京 % irkit -get ... 続きを読む
橋本商会 » irkitコマンドで家の外からIRKitを操作する
前:橋本商会 » 赤外線学習リモコンIRKitのrubygemを作った irkit gemに付属のirkitコマンドは、Internet APIも使えるので家の外からIRKitを操作できます。 解説しておく。 インストール % gem install irkit デバイスをirkitコマンドに登録する 最初のこれだけはIRKitと同じLANの中にいなければならない。 % irkit -device... 続きを読む
橋本商会 » 895円の超小型Ardunoクローン DigiSparkを買った
とにかく小さくて安いのに、ほぼArduinoとして使える。 そしてズボンのコインポケットに入れて持ち歩けるので電車内hackに便利。 DigiSpark Digispark購入ページ DigiSpark wiki ソースコードはここに置いておいた。 デジタル出力・アナログ出力・アナログ入力・Mac上のRubyとのUSB通信を試した。 https://github.com/shokai/digisp... 続きを読む