「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会

2022/12/07 13 users SPA 更新ボタン 問題

こんにちは。強いUIはボタンを捨てるをスローガンにScrapboxを開発しています。shokaiですshokai.icon Helpfeel Advent Calendar 2022の5日目の記事です 昨日はHelpfeelエンジニアのyado.iconさんでした 採用面接中にチャーハン・ピラフ判定器とスタバ警察botで盛り上がる会社に入った | 株式会社Helpfeel ヨコハマハウ... 続きを読む

Scrapboxという言葉の意味 - 橋本商会

2022/07/07 83 users Scrapbox scrapbox.io original

Scrapboxとは、工作や手芸、裁縫の材料や道具を入れておく棚の事 scrapbox originalでGoogle画像検索 昔はoriginalって付けなくても出てきた 今はoriginal付けないとscrapbox.ioの画像ばかりになってしまった 特徴 材料を収集してきて、後で使うために収納する つまり再利用する きれいに使う ゴミを入れる場所ではない ... 続きを読む

ヨコハマハウスフラペチーノ - 橋本商会

2022/06/12 102 users

人類がAIに勝つために必要だったので、作った https://twitter.com/shokai/status/1535536071940788224 材料 家系ラーメン 国産厳選ガラを使用　塩豚骨ラーメンを使った スープが乳白色の塩がいい クックパッドマートでよく買ってる。うまいのでshokai.icon 招待コードJR2ZAK 1000円分の無料クーポンがもらえる 実は冷凍... 続きを読む

Safariはforループでクラッシュする - 橋本商会

2019/03/06 136 users Safari forループ ブラクラ 補導 兵庫県警

これの話 不正プログラム書き込み疑い補導｜NHK 兵庫県のニュース クリックすると同じ画面が表示され、消えなくなる不正なプログラムのアドレスをインターネットの掲示板に書き込んだとして、１３歳の女子中学生が兵庫県警に補導されました。 このニュースでは、Safariを使ってブラクラを表示している映像が流れていた ... 続きを読む

承認欲求の刺激につながる機能を全て排除する - 橋本商会

2019/01/03 367 users 承認欲求 刺激 機能 全て インデック

理由 人間には承認欲求を刺激すると知能が下がるバグがあるから 以下の機能を実装しないようにしている #Scrapboxの哲学 いいねボタンが無い SNS拡散ボタンが無い projectをまたがったユーザーランキング・記事ランキング・注目記事の様な機能が無い 公開projectであっても、外部からリンクが無ければGoogleにインデック... 続きを読む

Pull Requestに動作確認方法を書け - 橋本商会

2018/11/12 292 users pull request チェ 動作 コード ダブルチェック

まとめ 自分がどう動作確認しているかを書きましょう コードだけでなく、動作確認方法をレビューしてもらいましょう pull requestのレビューというのは、結局ダブルチェックなのだから まずチェック項目に漏れが無い事を確認するべき 設定画面に項目追加したけど、これログイン画面にも影響しているよね、とか 次にチェ... 続きを読む

Nintendo SwitchにBluetoothイヤホンを接続する - 橋本商会

2018/06/20 12 users 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イヤホンに接続する - 橋本商会

2018/06/19 17 users Bluetoothイヤホン ファームウェア ドック

CREATIVE BT-W2というUSB-Bluetoothオーディオアダプタを使う ファームウェア ver.4以上のNintendo Switchのドックに刺すとUSBオーディオデバイスとして認識される BluetoothイヤホンやBluetoothスピーカーを接続できるようになる 元々PlayStation4用らしい CREATIVE BT-W2 Amazon | Creative Bluetooth Audio bluetooth... 続きを読む

CSSレスポンシブデザインをSPAで使うと破滅する - 橋本商会

2018/04/21 303 users SPA

非表示のReactコンポーネントの中でしっかりライフサイクルが走っていて、イベントハンドラは登録され、stateを持って動いている 続きを読む

やる気を出すテクニック - 橋本商会 - Scrapbox

2018/03/18 78 users Scrapbox テクニック やる気

最近は #shokaiのToDo や [Request for scrapbox] のようなグローバルなタグ・リンクは付けない様にしている shokai.icon 続きを読む

美文章滅すべし - 橋本商会 - Scrapbox

2017/10/02 94 users Scrapbox

最初は1つの検討事項だと思っていたが、実はその中身は3つの小さな検討事項が必要だった場合などにも対応しやすい 続きを読む

サーバーサイドレンダリングしないReact SPAのSEO - 橋本商会 - Scrapbox

2017/07/25 102 users Scrapbox サーバーサイド SEO

window.addEventListener('unhandledrejection', reason => { console.error('Unhandled Rejection', reason) // これをconsoleではなくHTMLに表示する 続きを読む

橋本商会 » coffeeからES6(babel)に少しずつ書き換える

2015/11/04 54 users Babel coffee Flux shokai ES6

coffee-scriptで書いていたwebアプリをES6(babel)に書きなおした。 全部を一気に書き直してハイ動いたーとやるのは無理なので、coffeeとES6のファイルが混在しても動かせるようにして、少しずつ書き直した。 書き直したのはこれ React+Fluxxor+socket.ioでfluxなチャットを作った https://github.com/shokai/node-flux-b... 続きを読む

橋本商会 » MIDIデバイスを演奏したらパスワードが入力されるChrome拡張を作った

2015/07/04 12 users MIDIデバイス Chrome拡張 shokai パスワード

最近のChromeはWeb MIDI APIといってMIDIキーボード等の楽器を接続し、その入力が取れる。 Chrome拡張でもそれは使える。 inputタグにフォーカスしている時に楽器からの入力をキャプチャして、パスワードを生成＆入力するChrome拡張を作ってみた。 https://github.com/shokai/webmidi-password-generator パスワードは覚えるのが... 続きを読む

橋本商会 » flux.DispatcherのwaitForの実装

2015/04/26 32 users Dispatcher Flux 実装 Fluxアーキテクチャ

Promiseもコールバックも使ってないのにDispatcherのwaitForで順番の制御ができる。どういう事なのか気になったので調べた。 flux.Dispatcher Reactはなんとなく使えるようになった気がしたので、fluxでやろう、StoreとかActionとかどう書くんだと調べてて、とりあえずflux npmというfluxアーキテクチャの説明とDispatcherが一つだけ入ってい... 続きを読む

橋本商会 » WEB+DB PressのReactの記事が良かったのでcoffeeで書きなおした

2015/04/24 72 users shokai React coffee-script 発売

昨日か今日ぐらいの発売のWEB+DB Press vol.86のp123~のnaoya氏のReactの記事が良いらしいからみんなで勉強しましょう、って増井先生が言ってたので、昨日夕方数人で読んでて家帰ってから実際にコード書いてみた。 JavaScript苦手なのでcoffee-scriptで写経した。 https://github.com/shokai/react-coffee-study obs... 続きを読む

橋本商会 » 色々なPromiseライブラリで1つずつ順番に処理する

2014/09/19 28 users shokai Promise node github.com

最近色々なNodeのライブラリがそれぞれ好きなPromiseライブラリ使ってるけど、混ぜても大丈夫なのか？ という事と、async.eachSeriesのようにURLのリストを1つずつ順番に処理するのはPromiseでどうやって書くのかな？ というのが気になっていたのでちょっと調べた。 https://github.com/shokai/promise-study 環境 node v0.10.29... 続きを読む

橋本商会 » express+socket.io+mongooseのテンプレ作った

2014/07/01 13 users テンプレ チャットログ MongoDB shokai チャット

作った https://github.com/shokai/express-template 簡単なチャット。チャットログはMongoDBに保存する。 https://express-chat-template.herokuapp.com/ ガチwebサービスではなくゆるふわプロトタイピング用のテンプレになっている。 基本的にgeta6/coahを参考にしてるんだけど、ブラウザの為にcoffeeを... 続きを読む

橋本商会 » Node.jsで実世界UI

2014/07/01 26 users node.js ズコーン ハードウェア スライド フロア

先週のReal.UIで発表してきたスライドです。ハードウェアとかNode.jsでやったほうが安定するしいいよという話をした。 会場のスマートニュース社は勉強会とかできる場所とオフィスとその真ん中にビールとか置いてあるカウンターがあってフロアがスコーンと抜けるように全部見えてて広々していた。ビール何種類もあってよかった。おいしかったです。 Node.jsで実世界UI from Sho Hashimo... 続きを読む

橋本商会 » slackとnode-lindaとhubotとdockerとibeaconとraspiとarduino接続した

2014/05/31 64 users Hubot Ｓａｙ Slack iBeacon RasPi

slackでhubotに頼むとドアあけてくれるようになった。 増井研はインドア派なので、ハローワールドするためにドアを開ける。 あと部屋を指定してスピーカーからmacのsayが流せる。 iBeaconで位置をはかって、誰が近づいたとか通知される。 あと試験的に近づいたらドア勝手に開くようにしてみた。 電気ついたりとか、そういうセンサー値の大きな変化も通知される。 hubotがslackにつながって... 続きを読む

橋本商会 » dokkuをMacにインストールして自分をクラウド化した

2014/04/11 120 users Heroku VirtualBox ShellScript

dokkuを普段持ち歩いてるMacbook AirのVirtualBoxのUbuntu12.04に入れた。 dokkuはDockerの上にHerokuのようなものを建立してくれるもので、dokku本体は100行ぐらいのshellscriptで実装されている。dokkuから作者のprogrium氏が作った色々なツールが呼び出されるので、実体としてはもっと大きいけど。 vagrantとかchefとか全... 続きを読む

橋本商会 » IRKitで一番2ch実況が盛り上がってるテレビチャンネルを追跡する

2014/04/08 16 users IRKit gem GET Ruby 手順

IRKitと、10行ぐらいのRubyでこんなに簡単にテレビ視聴が自動化できる。 見たい番組とか考えなくていいじゃないかみんなが実況してる番組は多分面白い。 手順 必要なgemをインストールし % gem install irkit httparty nokogiri irkitコマンドで各テレビ局の名前で赤外線データを学習しておいて % irkit -get テレビ東京 % irkit -get ... 続きを読む

橋本商会 » irkitコマンドで家の外からIRKitを操作する

2014/03/19 22 users DEVICE RubyGem IRKit LAN デバイス

前：橋本商会 » 赤外線学習リモコンIRKitのrubygemを作った irkit gemに付属のirkitコマンドは、Internet APIも使えるので家の外からIRKitを操作できます。 解説しておく。 インストール % gem install irkit デバイスをirkitコマンドに登録する 最初のこれだけはIRKitと同じLANの中にいなければならない。 % irkit -device... 続きを読む

橋本商会 » 895円の超小型Ardunoクローン DigiSparkを買った

2014/03/11 374 users

とにかく小さくて安いのに、ほぼArduinoとして使える。 そしてズボンのコインポケットに入れて持ち歩けるので電車内hackに便利。 DigiSpark Digispark購入ページ DigiSpark wiki ソースコードはここに置いておいた。 デジタル出力・アナログ出力・アナログ入力・Mac上のRubyとのUSB通信を試した。 https://github.com/shokai/digisp... 続きを読む

橋本商会 » node-webkitでNHK Newsを連続自動再生するアプリ作った

2014/02/04 280 users node-webkit NHK NEWS アプリ

あまりにも世情にうといので作った。 NHKのRSSを定期的にチェックして、新着ニュースの動画を連続自動再生する。 とてもテレビっぽい。おかげで4日後にオリンピックが開催されるという事を知れた。 ソースコード https://github.com/shokai/nhk-news-app zipでダウンロード https://github.com/shokai/nhk-news-app/release... 続きを読む