#daiizメモ

ときどきいいことを書きます

  • まとまった開発時間が確保できないとつらい
  • 作業時間がコマ切れすぎると工数の予測が立たない
  • 時刻が決められた次の予定を考えながら開発するのはつらい
    • 講義の合間に開発する場合
      • あと30分で講義だから,それまでにできることやろう,と考える
      • そもそも30分で終わるような作業などそんなに沢山ない
    • 全然進まない
      • 迫り来る締め切り
    • まとまった時間が取れるのは夜だけ
      • 寝れない
  • 魅力的なものを作っているのならモチベーションを保てる
    • 魅力的なものを作りたい

Chrome Dev Toolsをタブ内で開いた状態で,タブを非選択にするとCPU使用率が上昇する現象

僕だけだろうか

  • Chrome: 59.0.3071.104 (64bit)
  • CPU使用率の監視: Chromeのタスク マネージャ f:id:daiiz:20170619124121p:plain

CPU使用率が上がるケース

  • Developer Tools をタブ内 f:id:daiiz:20170619124524p:plain で開いておく (このタブを「Devタブ」と呼ぶことにする)
  • Devタブを選択状態にする
    • この時点ではCPU使用率はおかしな値ではない
  • 他のタブを選択して,Devタブを選択状態でなくする
    • CPU使用率が100%近くまで上昇する
    • MacBook Airが唸り始める
  • Devタブを選択状態に戻す
    • CPU使用率が下がり始める
    • 最初と同じくらいの値まで下がる

https://i.gyazo.com/6711d9d82a03447eb569afc0d3b316f1.gif

「ToDoApp」というタイトルのタブが「Devタブ」

このとき,macOSのアクティビティモニタでは「Google Chrome Helper」というやつのCPU使用率が連動して100%近くまで上昇していた.

CPU使用率が上がらないケース

  • Developer Tools をウィンドウ f:id:daiiz:20170619124537p:plain として開いておく (Devタブ)
  • Devタブを選択状態にする
    • 問題ない
  • 他のタブを選択して,Devタブを選択状態でなくする
    • 問題ない
  • Devタブを選択状態に戻す
    • 問題ない

https://i.gyazo.com/1eb4be99475d21fea8825ee095123f70.gif

「ToDoApp」というタイトルのタブが「Devタブ」

もう少し検証したい.

商品のバーコードを起点としてメモを管理するシステム

本日のLTでご紹介する商品です。

ホワイトモデル

ビジコム バーコードリーダー 二アレンジCCD USB 白 液晶読取対応 BC-BR900L-W

ビジコム バーコードリーダー 二アレンジCCD USB 白 液晶読取対応 BC-BR900L-W

ブラックモデル

ビジコム バーコードリーダー 二アレンジCCD USB 黒 液晶読取対応 BC-BR900L-B

ビジコム バーコードリーダー 二アレンジCCD USB 黒 液晶読取対応 BC-BR900L-B

発表後に追記します。

追記

発表した内容のベースとなったアイデアです

車中日記

一週間でアプリケーションの構想練りから実装までをするハッカソン #hacku に参加している。一週間あればいけるだろうと予想していたが、講義や雑務諸々の時間をさっ引くと実際に使える時間は意外と少なかった。チームメイトの助けもあってなんとか形になりつつあり、ほっとしている。残すところあと2日、今夜と明日でバリバリ実装していきます。今週末が発表会です。また後ほど書きます。

【SVGScreenShot】サムネイルのサイズを指定できるようになりました

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要素も下地のサムネイルのサイズに合わせて自然に拡縮されます.

【Scrapbox・UserCSS】一覧ページのカードサイズを小さくする

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-two .icon {
  padding-top: 30px !important;
}
 
.two-two .title {
  height: 0px !important;
}

このCSSを code:style.css としてScrapboxのページ内に書いておきます.「自分のユーザ名」のページに書くと自分だけのデザイン,「settings」という名のページに書くと訪問者全員に対して適用されるデザインになります.(見本)

明日はカードをくるくる回します.

Scrapbox Drinkup でトークします

こんにちは,daiizです.来週金曜日の夜に開催される Scrapbox Drinkup #01 にて Scrapbox の活用事例紹介的な発表をさせて頂くことになりました.Nota さんからの開発近況を聞けたり,他のScrapboxファンの方々と交流できる機会ということで,今からとても楽しみにしています.まだ枠が残っているようです!

Scrapbox活用事例紹介を、ご自身のブログなどで積極的にScrapbox活用事例を発信されているdaiizさん …

とご紹介を頂きましたので,当日は,日頃感じている Scrapboxライフの魅力を存分にお話できればと思います.過去にこのブログで書いた記事のリストは下記のページにまとめてあります.併せてご覧ください.

発表内容を整理しているところなのですが,言いたいことが色々あって,どこにフォーカスを当てるべきかを楽しく迷っているところです (もちろん,Scrapbox上でメモ整理をしています!).現時点ではこんなネタが出てきていますが,他に気になる話題をお持ちでしたら,どしどしコメントください〜

  • Scrapboxに出会う前の情報管理
  • Scrapboxの導入にあたって不安?だったこと
  • 毎日使い続けて (その結果ページが増えてきて) 見えてきた魅力
    • 導入時の不安は全く不要だったこと
    • Gyazoが凄いこと
  • 現在の活用事例
    • 個人メモ,一般公開メモ,身内メモ の使い分け
  • Scrapboxを使い始めて変わったこと
  • タグ付けの自分流ルール
    • まだ試行錯誤の段階だが,だんだんコツが掴めてきた

今日から当日までの間,Scrapbox のカスタマイズ話 (User CSS や User Script などを幾つか) を積極的にブログに投稿していく予定です.

それでは,現地でお会いした際には是非お声掛けください.よろしくお願いします!!