サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
中東情勢
daiiz.hatenablog.com
今夏は Nota でのサマーインターン2017に参加して、 rakusaiさん、 shokaiさんとともに Scrapbox を作っていました。インターン期間中は主に、Scrapboxの機能拡張APIや、モバイルでの編集機能を開発しました。 リリースイベントGyaPCの頃から大ファンだったScrapboxを作れるなんて、夢のような日々でした。また、本場の社内スクボに触れることで、Scrapboxのパワフルさがいっそう身にしみた1ヶ月半でした。 インターン参加前のScrapbox活動 〜 機能開発話までの詳細はこちらに書きました。 これからさらに追記すると思います。 scrapbox.io 最終日には、Gyazo忍者、 Scrapbox Beaver、そして daiiz の名前入りという贅沢すぎる絵柄の記念Tシャツをいただきました。ありがとうございます! 期間中は京都に住んでいました。 京都
こんにちは、daiizです。昨日24歳になりました。 今年は、京都でScrapboxを作りながら誕生日を迎えるという最高すぎる展開になっています。 昨年の今頃は卒論に追われていてストレスマックスで不安定でしたが今年は正反対な超健康的な生活を送っていて安定感があります。 その瞬間ごとに好きなものを追いかけて作り続けることこそが、僕の人生で一番大事なことなのだろうと思えてきました。 これはakiroomさんにご馳走になったステーキです。 丁寧な肉質で美味しく、さらに、Notaの近くで食べられるという素晴らしさが揃っています。帰り際にポイントカードをもらったので後で店情報を載せておきたい。 すべて同じ写真ですが、つい最近はてなブログに付いた写真横並び機能を使ってみます。超便利! 🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁🎁
今年の夏は NOTA さんのサマーインターンに来ています。 リリースイベント時から大ファンだったScrapboxの開発に参加できるなんて、夢のようです。 今夏はNOTAさんで修業させてもらっています!— daiiz@京都 (@daizplus) 2017年8月17日 まだ、Scrapbox上でScrapboxの設計思想の議論を読んだり、コードを読みつつ少し触る段階だけど、既にかなりの学びがあって楽しい。 自分でもWikiをつくろうと思ってWYSIWYGなエディタとWiki記法を作りかけていたけれど、Scrapboxのコードを読んでしまうと、凄すぎてとても追いつかないなという気持ちになる。
こんにちは! 今年の夏は京都にいます あと5分くらいで到着です 新幹線内から投稿
TouchBarモデルのMacBook Pro 13インチを買った 🎉 キーボードの押し心地がが特殊だなと思っていたけれど、普通に問題なく使えていてむしろ使いやすい。僕みたいなタイピングが我流な人でも疲れずに入力できる。 TouchBarについても買うまでは魅力がよくわからなかったけど、これは便利だと思う。適切なタイミングで必要な機能が表示されるのはスーパー便利。 あと、Retinaディスプレイが綺麗すぎてすごい。これまでMacBook Air使いだったので、Retinaディスプレイとははじめましてだけど、一目惚れした。 あとは開発環境とTeX環境を構築したらメインマシンに昇格できる。 Appleストア表参道の近くのカフェから投稿
Scrapboxの UserCSS という機能を使います.見た目を変更したいHTML要素に関するCSSを書くと,「自分だけ」または「訪問者全員」に対するデザインを設定できます.今回は,一覧表示されるページのカードのサイズを小さくするCSSを紹介します. /* カードを小さくする */ .page-list .grid li, .related-page-list .grid li.page-list-item, .related-page-list .grid li.relation-label { width : 110px !important; height: 110px !important; } /* 左上固定の大きなカードも小さくする */ .two-two { width : 110px !important; height: 110px !important; } .two
Scrapbox上で動くChrome拡張機能をつくっている. 最近書いていた便利スクリプトがChrome拡張機能になりました!! こちらが導入手順です。 細かいところはゆっくり直していきます #Scrapbox https://t.co/jd6fDBXiIn pic.twitter.com/Bz7E3bdy0Q— daiiz (@daizplus) 2017年6月3日 カスタム機能をUserScriptで書いて共有しようと考えていたけれど,僕がコードを更新したときに他のユーザさんが毎回コピペし直さないといけないのは大変なので,Chrome拡張機能として提供することで常に最新コードに保てるようにした.また,機能ごとに毎回公開していては管理が難しいので,たくさんの機能を詰め込んだ1個の拡張機能として配布して,利用者側で機能の発動をコントロールできる仕組みを作った.この設定コードはプロジェクトご
SVG ScreenShot のサムネイルのサイズが指定可能になりました.URLの一部に画像サイズを表す数値を入れられるようになったので,CSSを書く必要がありません.スマートリサイズ. 通常の表示 (等倍) https://svgscreenshot.appspot.com/c/x/a41e43812e8b90ca31f17bc542ca77b3.png 長辺を400pxで表示 https://svgscreenshot.appspot.com/c/x/a41e43812e8b90ca31f17bc542ca77b3.400.png <画像ID>.<長辺の長さ (px)>.png と指定すると,サーバ側でリサイズ済みの画像が配信される. オーバレイされるSVG要素も下地のサムネイルのサイズに合わせて自然に拡縮されます.
こんにちは,daiizです.来週金曜日の夜に開催される Scrapbox Drinkup #01 にて Scrapbox の活用事例紹介的な発表をさせて頂くことになりました.Nota さんからの開発近況を聞けたり,他のScrapboxファンの方々と交流できる機会ということで,今からとても楽しみにしています.まだ枠が残っているようです! Scrapbox活用事例紹介を、ご自身のブログなどで積極的にScrapbox活用事例を発信されているdaiizさん … とご紹介を頂きましたので,当日は,日頃感じている Scrapboxライフの魅力を存分にお話できればと思います.過去にこのブログで書いた記事のリストは下記のページにまとめてあります.併せてご覧ください. 発表内容を整理しているところなのですが,言いたいことが色々あって,どこにフォーカスを当てるべきかを楽しく迷っているところです (もちろん,S
一定時間の間にスマートフォンの画面に落ちてくる雨滴の個数を数える 頑張って数えて個数を入力してもらう? 雨滴の位置をタップしてもらってスマホアプリでカウントする? 画面の単位面積あたりの雨滴数を求める Nexus7 と iPhone6では画面の広さが違うので統一サイズに正規化する スマートフォンの位置情報とともに専用のウェブアプリに雨滴量データを送信 Googleマップ上に雨滴量情報を可視化 各地点での雨の強さが分かる 人が想像しやすい指標で雨の強さを表現できる. 10秒間にスマホ画面に何箇所水滴が落ちてくるかで雨の強さを共有したい— daiiz (@daizplus) 2017年4月29日
お知らせが遅くなってしまいましたが,Podcast「くもキャスト」に初出演して,その収録分「第36回 daiizさんとScrapbox」が先週公開されました.自分が出た回を告知するのは何とも恥ずかしい限りですが,ざっくりとご報告します. くもキャストは,id:shgam (gaaamii) さんと id:karur4n さんが運営している 『プログラミングを学ぶ若者たちがゆるくつながってお話をするポッドキャスト』です.何回か聴いてみると雰囲気が分かりますが,毎回刺激的な内容をゆるく聞ける面白い場なのです.はてなインターンで同期だったkarur4nさんから聞いて知って以来,更新の度に聴いて勉強させてもらっていました.いつか自分も出られたらいいな〜と思っていたところ,ありがたいことにお誘いを頂き,今回ゲストとして出演させて頂くことになりました.最近やっていることやハマっていることについて,以下
こちら記事を読んで刺激を受けて書いています. hitode909さんの「今日の重ね着」というサイトでは,地名を指定すると,その場所の天気と丁度良い服装 (昼間と夜間) を提案してくれる. はてなインターンに参加したときにこのサイトを教えてもらって,それ以来時々お世話になっている.僕はスマホで検索してアクセスすることが多かったので今回インストールできるようになって非常に嬉しい. オフラインのときは広告を非表示にしたいけど,ブラウザの内側からオフラインかどうか判定する方法はなさそう?今日の重ね着をホーム画面に登録できるようにした - hitode909の日記 もしかすると,window.navigator.onLine が使えるかもしれないと思った.ブラウザやスマートフォンOSごとの挙動は確認できていないけれど,手元のmacOS上で動くChromeでは上手くいっている模様. * * * 折角な
100円スティックパン 6本で100円 100円とは思えないボリューム 窓から見える桜が綺麗 今日こそReactビギナーズガイドを読み進めたい
Scrapboxでは,リンク記法[]で文字を囲んで書くと入力内容に応じてその場で既存ページの予測候補が表示される.この候補の中に目的のものがあればtabキーで移動してセレクトして素早く入力できる. この機能のおかげで,同じ内容だけど微妙に言い回しが違うタグが増殖する事態が防げて,ページの関連付けに失敗しなくなる.そしてさらに,できるだけタイプ文字数を減らしてサラサラ書いていきたいので,自動補完があると自然にサジェストに頼るようになり,その結果自然にページが繋がっていく. また,Scrapboxプロジェクト内に既存のページがあるということは,自分やプロジェクトメンバーがその事柄にそれなりの興味があるということなので,この単語(ページタイトル)を予測に使うということは,いまの自分の関心事でない単語でサジェスト欄が埋め尽くされる心配がない.誰にとってもよく使われるような単語のサジェストはGoog
Scrapboxを使い始める前は,アイデア ( =ふわふわした思いつき) が頭に浮かんだら直ぐに作り始めてしまっていた.すると,僕の場合はたいてい,最終的な生成物は無意味に大きいものとなる.大きくても完成すればまだ良いほうで,最悪なケースでは,集中すべき点やアピールポイント (自分の への魅力) を見失って飽きて放ってしまう. このような事態を招く主な理由は,出発点の に複数のノイズアイデアが含まれて過ぎているためだと思う.実際に,朝寝覚めて思いついたときには一見単一アイデアに見えても,Scrapbox 上で文章に起こしてみると新旧色々なものが混ざっていることに気づく. ノイズを極限まで取り除いてそれでも残ったものがコアアイデア ()であって,この段階でようやく実装に着手したり,さらに寝かせて脳内とScrapbox上で深化させる選択をしたりする.完璧には徹底できていないけれど,最近は少しず
単一行テキストをコピーしやすい文字列パレット「tBoard」を作った.Polymer 2.0 のPWA (Progressive Web Apps) として出来上がっている.必要なPolymerコンポーネントを組み合わせていくと画面デザインが仕上がる.今回自作したコンポーネントは,テキスト本文とそれをコピーするボタンを配置した<text-card>だけで,他のパーツは既存の要素をダウンロードして使った.最後にFirebaseにデプロイしたらURLが貰えてウェブアプリになったという感覚.サーバはいじっていないのにウェブにアプリケーションが公開されたのは凄い. https://daiiz-tboard.firebaseapp.com/ https://gyazo.com/4cb29d89836a5e17496c08274ba223d9 頻繁にコピーされそうな文字列を改行区切りで収めたテキストフ
株式会社はてなに入社しました 株式会社はてなに入社しました - hitode909の日記 昨年の入社 最近のビール プレミアム感 今年度の勢い
こんにちは,id:daiiz です. 本日,電気通信大学を卒業しました.多くの方々の支えのお陰で,無事にこの日を迎えることができました.ありがとうございます. 4年間ご指導くださった先生方や,一緒に課題を乗り越えた友人たちをはじめ,沢山の方々に心より感謝を申し上げます. 特に友人たちには様々な場面で本当にお世話になりました.ありがとう! 仮に僕が浪人せずに,現役で合格できていたとしたら,今日一緒に卒業した友人たちとは同期としては出会えていなかったことと思います.入学直後は浪人して良いことなど何もないと思っていましたが,いまとなっては最高の巡り合わせに感謝感激しています. 課外活動においても多くの方々からご指導をいただき,ありがとうございました. 大学での講義を聴きながら勉強していくなかで,将来自分が極めたいことが徐々に見えてきて,そのイメージが具体的に描かれていくほど気持ちが高まっていきま
ほぼ毎回と言ってもいいほどMackBook Airを開ける度に,画面に付着した小さなホコリを吹き飛ばすために息を吹きかけている.各個人の息の吹きかけ方の特徴などを機械学習して,OSにログインするためのユーザー認証ができないだろうか.何を特徴として扱うか.息の強さ,吹きかけの長さ,吹きかけ中の息の強弱の変化あたりだろうか.
Scrapbox (の一部) 記法 で書かれたScrapboxページの文章を,対応するMarkdownに変換するBookmarklet「Scrapbox2Markdown」を書きました.ひとまず必要な記法のみの変換コードを勢いにまかせて作ったので,まだ対応できていない変換も結構あります.いまのところ以下の記法に対して動作します. プレーンテキスト 改行単位の文字列 多段箇条書き 入れ子構造も正しく変換される(はず). 見出し 文字の大きさレベルも正しく変換される. Scrapboxの一番小さい文字レベルの見出し [* 見出し] は,Markdownでは [##### 見出し] に変換されるようにした. リンク 画像 画像とリンクのあわせ技もいける 単一行コード バッククオートで囲まれた文字 スポンサーリンク 実際のところは,Scrapbox記法がHTMLとして描画されたものを取得して変換し
文字を読んだり書いたりすると,焦点を当てている箇所に光の塊が現れてその部分の文字がほぼ読めなくなり,その周辺に光のミミズみたいなものが漂っていたりする.時々虹色に輝きながらふわふわしている.中心の光塊は焦点に合わせて移動してきて厄介.ミミズは,邪魔だけど文字認識を妨害するほどではない.しばらく休むとあっさり直ったり,稀に半日くらい邪魔されている日もある.なんだろうこれ,疲れ目だろうか? この文章を絵にすると上のようになる.Gyazoのお絵かき機能による矢印や文字がなかったら全く伝わらなそうな図だった.お絵かき機能素晴らしい.
みんなのToDo https://daiz-projects.appspot.com/todos/minna じぶんのToDo https://daiz-projects.appspot.com/todos/me 「じぶんのToDoページ」では,他のToDoリストアプリと同様に,これから自分がやろうとしている項目を登録してタスクの管理を行えます.さらに,ここで入力されたToDo項目は「みんなのToDoページ」で,匿名のToDoアイテムとして一般公開されます.匿名なので誰のToDoかを特定することは難しいですが,さらに念のための機能として,ToDo項目の一部を伏せ字にする機能も搭載されています.ToDo入力欄で[ ]で括った文字列は,みんなのToDoページでは■■に置換されて表示されます. 一般公開することで,他に同じことをしようとしている人を見つけて,がんばろうという気持ちになれることを期
コンセプト OCR (Optical Character Recognition) によって写真の切り取り撮影範囲 (Range) を指定するアイデア (Orange 🍊 )です.トリミング指定範囲の左上と右下に短形のコーナーを表すマグネットシートを置いた状態で写真を撮影します.マグネットシートには左上と右下を示すための「左上」,「右下」のキーワード文字が入っています.これらの文字を認識した座標位置と傾きに基づいて画像がトリミングされます.キーワード文字の認識には Google Cloud Vision API の TEXT_DETECTION 機能を用います. 用意するもの マグネットシート(ホワイト) コクヨ マグネットシート 300×200mm 白 マク-301W 出版社/メーカー: コクヨメディア: オフィス用品購入: 10人 クリック: 17回この商品を含むブログ (1件) を
naoyashigaさんの記事 を読んで,僕もやってみたい!となったのでやってみた. naoyashigaさんの記事の冒頭でも書かれているが,元になっているページはこちら: 画風を変換するアルゴリズム | Preferred Research Deep Neural Networkを使って写真の画風を変換することができる.論文のアルゴリズムを実装したプログラムと,学習済みのモデルファイルを公開してくださっているのでこれらをダウンロードして使った. プログラムとモデル(お手軽な,Network in Network Imagenet Model)をダウンロードした後,以下の手順で,簡単に実行できた. まずはpyenv virtualenvで,Chainerを動かすだけの環境を作る.virtualenvを使うことで,他のライブラリと衝突したりせずに実験ができる.TensorFlowのチュートリ
あけましておめでとうございます。年賀状*1をお届けします。 今年は年男なので気を引き締めて頑張ります。 昨年までにカタチとなり発表できた作品をはじめ,まだまだ実験段階なものや,モヤモヤしたアイデアのかたまりとして年を越したものが多数ありますが,今日からは2017年。これらを活かしつつ,さらに新たな視点を盛り込んで,便利で楽しく面白いものを作っていきたいと思います。 本年もどうぞよろしくお願いします。 id:daiiz *1:宇宙乃まれ(@maremarecosmo)さんに描いていただきました。
先日公開されたScrapboxのBookmarklet機能(URLパラメータbodyにページのコンテンツを渡すと,Scrapboxに新規ページを作成してくれるもの)が大変便利だったので,これをSVG ScreenShot 開発版から呼び出せるようにした.SVG ScreenShot Chrome拡張機能のオプションページで Scrapbox のプロジェクトid(ボックスid)を登録しておくだけで使える. 普段通り,ウェブページ上でスクリーンショットを撮りたい部分を指定して撮影するだけでOK.撮影時には「Capture」ボタンではなくて「Scrap」ボタンを押すことでScrap to Scrapbox機能が使える.このボタンは従来の「Capture」と全く同じ動作(スクショを撮ってSVG ScreenShotのウェブアプリにアップロードする動作)をした後,Scrapbox の Bookmar
Device Orientation Event ブラウザ(主にスマホのブラウザを想定)の Device Orientation Event の内容を読むと,端末の傾き情報などを取得できる.例えば DeviceOrientationEvent.beta の値は,スマホを縦長に持ったときの,手前 or 奥方向への倒れ角を表している.端末を水平な机上に置いた状態だと 0 ,垂直に持った状態だと90や-90のような角度値(傾き)となる. 概要 今回は,この「傾き」の値をパスワードの代わりに使ってメッセージをゆるく保護するデモ(デモページのURLは記事末尾に記載)を作った. 投稿者は以下のような投稿画面で,メッセージ本文に加えて端末の傾きをサーバに送信する.端末の傾きはボタンを3回タップして設定する.角度値が安定していれば登録に成功する. サーバではメッセージに固有のURLを割り当てて,本文と傾き
完全に先週の話になってしまったけれど,GyaPC::Asia Tokyo 2016 ~ Scrapbox リリースパーティー に参加させてもらった. スクリーンショットアプリ Gyazo を開発しているNotaさんの新製品 Scrapbox についてのお話をたっぷりと聞いてきた. Scrapboxは,トップページで「A new style of team wiki」と書かれている名の通りWikiなのだけど,想像していた以上にパワフルなWikiだった.使っているうちに勝手がわかって興奮してくる.使い始めるために覚えることは少ないのですぐに書き始められる.イベントの少し前くらいから仲間内でプロジェクトを作って試していた段階で,記法や画面操作はすんなりと慣れることができた. 頭のなかで何かしらのフレーズ (キーワード) が思いついたら「+」ボタンを押してとりあえず空ページを作る.書きたいことを書
久しぶりに SVG ScreenShot のキャプチャに関係する機能を改良した.(変更 1件,追加機能 1件) 撮影方法の変更 長方形の領域をドラッグしてキャプチャ範囲を決定するところまでは変更なし.最後のアクションとして撮影するために,これまでは長方形領域をダブルクリックしていたけれど,指が疲れたり,何らかの拍子に長方形がズレたり,分かりにくかったりと,色々あったので変更した.来週くらいにリリース予定のバージョンからは,領域の左上に緑色の「✔ Capture」ボタンが表示される.これをクリックすると撮影できる. 写真単位で選択しやすくなった ウェブページのスクリーンショットを保存する考え方の一部として,ページ中の画像のみをキャプチャしたい場合が結構な頻度で存在する.そこで,ページ中の画像の上で右クリックして「SVGスクリーンショットを撮る」を実行した場合は,その画像を覆う位置に撮影領域の
次のページ
このページを最初にブックマークしてみませんか?
『ShikousakuGo』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く