displayblock
Coding and Marketing
177 posts
Web 制作ディレクタのブログ
Don't wanna be here? Send us removal request.
displayblock · 6 years ago
Text
ハンガーラック
journal standard Furniture
LILLE HANGER KD
送料無料 54,000 円
JOURNAL STANDARD
GRANDVIEW HANGER RACK
税込 52,920 円
IDEE
PAUL HANGER STAND ANTON brown
税込 28,188 円
ノーブランド品?の場合 送料無料 11,000 円
51WORKS
ハンガーラック
31,990 円
BASE 店
TRUCK
SUTTO HANGERSTAND
税別 29,000 円。棚板は 別売り 17,000 円
SUTTO HANGERSTAND と同形状?のハンガーラックをあつかう W STANDARD は種類が豊富。
W STANDARD アイアンハンガーラック 送料込 28,600 円
W standard 株式会社
その他
タブルーム
MUJI 無印良品
IDEE
D&Department
IKEA
0 notes
displayblock · 6 years ago
Text
室温と生産性
Tumblr media
7 月の猛暑では室温と生産性について、考える機会がありました。
特に室温の上昇に耐えられると思うところまで、室温で判断力が低下し��いる状況が一番危ないです。(泥酔しているひとがまだ大丈夫と、誤認することと似ています)
時間の経過に対して、客観的に進捗が悪い場合は室温をまず 24 から 26 度くらいまで下げたほうがよい感じです。
オフィスの温度 28 度設定の根拠は 50 年前の研究 | AERA dot.
教室のエアコンの有無が、子どもの将来の年収にも影響する?アメリカの研究機関が調査 - ハフポスト日本版
学校にエアコンなんて贅沢か?温暖化が進む世界で子供達の学習環境を考える - サルタックの教育ブログ
クーラーを設置していない学校に保護者が出向きアツアツの教室を体験させた結果がこちら - Togetter
エアコン民俗学の試み - Togetter
冷房由来の GHG 排出量は全体のせいぜい 1% 程度で児童生徒の健康や学習の成果を犠牲にしてまで省エネさせるのは愚かです。
0 notes
displayblock · 6 years ago
Text
言っても無駄
最近、「言っても無駄」という言葉を会話で聞き、こう思ったならば、行動すればよい、ということに気づきました。
0 notes
displayblock · 6 years ago
Text
Links for Pizza
独断と偏見で大手宅配ピザチェーン 3 社を評価する - UX エンジニアになりたい人のブログ
マツコデラックス大絶賛の宅配ピザが激ウマすぎてヤバイ!実際に食べてみた
ピザの L と M サイズは何人前?
0 notes
displayblock · 6 years ago
Text
自分で判断することの大切さ
十年以上前に 不潔に強い人間になるという強い覚悟 | On Off and Beyond という記事を読み、とてもおもしろい記事であったため、時折思い出していましたが、今回この記事の趣旨が、単に不潔に強い人間になる、というだけでなく、自分で判断することの大切さであることに気づきました。
渡辺千賀 氏。東京大学卒業、スタンフォード大学 MBA 取得。三菱商事、マッキンゼーを経て、株式会社 Blueshift Global Partners 社長。
0 notes
displayblock · 6 years ago
Text
Dungeon Maker
昨日知り、いろいろな意味で先を行っているアプリ、ダンジョンメーカーについての記事です。
概要
まず、どのようなゲームかは こちらの 2 分弱の動画 で確認できます。ファミ通 App による動画での解説は こちら です。
特徴
ローグライク・タワーディフェンスゲーム
抽象化された三行ダンジョン … 曖昧さの排除、味方への不信感の排除
1 ダンジョン数秒から数分で終わるゲーム速度の速さ … 気軽さ、爽快さ、第三者(観戦している)の興味をひくバイラル効��
ドット絵 … ひとによっては萌え絵は NG だがドット絵は許容できる場合がある(つまり間口が広い)
売上
GameCast iPhone さんによる評価です。
2018 年 5 月 23 日時点で『ダンジョンメーカー』は App Store 有料 DL 数ランキングで 1 位
セールスランキングでも 101 位
ストア
「ダンジョンメーカー」を App Store で
ダンジョンメーカー - Google Play のアプリ
関連リンク
時間が溶ける恐怖のアプリ「ダンジョンメーカー」が異例のヒット「時間泥棒すぎる」「延々やってしまう」 - ねとらぼ
あと 1 回 … が止まらない。魔王さま理想のダンジョンを作る SLG 『ダンジョンメーカー』レビュー。美少女ドット絵モンスターに釣られて遊んだ先は沼だった - GameCast iPhone
ダンジョンメーカー攻略ガイド。最初に知っておきたい知識まとめ - GameCast iPhone
人間の生活を壊すほど楽しい『ダンジョンメーカー』新規有料ゲームとしては数年に 1 度の大ヒットを記録 - GameCast iPhone
『ダンジョンメーカー』は失敗続きのゲーム会社最後の 1 本だった。開発者の Game Coaster に製作背景と中毒性の秘密を聞く - GameCast iPhone
みんなの時間を溶かしたい!あわよくば廃人にしたい!『ダンジョンメーカー』を広めたいゲームライターが考えて実行したこと - GameCast iPhone
忙しい人は買っちゃダメ! 『ダンジョンメーカー』が危険なレベルで面白い | AppBank
『ダンジョンメーカー』レビュー!シンプルなのに奥深い戦略のダンジョンビルドにハマる - 電撃 App
0 notes
displayblock · 7 years ago
Text
PHP7 で堅牢なコードを書く
最近になって身近なプログラマと話をしている重要なスライドなので、ここで共有します。ひとつひとつ自分で実装すると確実に憶えられます。
PHP7 で堅牢なコードを書く by 和田卓人
0 notes
displayblock · 7 years ago
Text
Notes of Airbnb
要点
人気のある物件は最低半年前に予約する
事前にホストに確認する点
敷地内の駐車場を使用できるか
チェックイン前の荷物の預かりや冷蔵庫の使用が可能か
実際の住所が Airbnb の地図の範囲内かどうか(大きく異なることがあるため)
0 notes
displayblock · 7 years ago
Text
Transaction Policy for MySQL/InnoDB
基本的な指針としては、アトミック(不可分処理)でなくてもよいところは不要(パフォーマンスが悪い)です。
整合性が必要かつテーブル 2 枚以上を同時に insert や update する場合はトランザクションが必要
同一テーブルの insert や update でも、例えば、会員 A と B のポイント移動の場合はトランザクションが必要
select など参照だけならばトランザクションは不要
0 notes
displayblock · 7 years ago
Text
VCCW 3 and WordMove
久しぶりの WordPress 記事です。
vagrant box の確認とインストール
単に virtualbox と vagrant がインストールされていればよいではなく、別�� vagrant box が必要
何も考えずに box を追加すると 2 バージョン存在するようになるた�� update するか、一度削除してから新規インストールする
確認は Windows コマンドプロンプト
作業パスはどこでもよい
vagrant box list
存在する場合は vagrant box update --box /
存在しない場合はインストールする vagrant box add vccw-team/xenial64
hosts ファイルの編集
TLD .dev は使用できない。理由は、実際の存在するドメイン、かつレジストリによって https のみのドメインとなったため。
C:¥Windows¥System32¥drivers¥etc
192.168.33.10 vccw.test
nslookup では hosts の設定は確認できない
理由は nslookup コマンドは DNS サーバに問い合わせするコマンドであるため
vagrant up
vagrant up するディレクトリは /vccw
/vccw.test ではない
virtualbox アプリからの起動は NG で、必ず vagrant up で VM を起動すること
provisioning が走らない?ため WordPress が立ち上がらない
今回は default.yml や site.yml は特に修正していない
SSH 接続
注意事項
秘密鍵は共有ディレクトリの /vagrant を経由して、実際には /home/vagrant/.ssh 以下におく
秘密鍵は OpenSSH 形式で、通常ファイル名は id_rsa
秘密鍵が .ppk の putty 形式の場合 SourceTree で OpenSSH 形式に変換できる
秘密鍵のパーミッションは 600
すでに存在するためパーミッションを変更することはないと思うが .ssh ディレクトリのパーミッションは 700
SSH 接続
wordmove
movefile の yaml 形式が古い場合があるため、下記のコマンドで movefile を生成する
$ wordmove init
ファイル名は拡張子付きの movefile.yml を使用
本番から取得
$ wordmove pull -e production --all
ダウンロードは下記に行われる
/var/www/html
movefile.yml で設定されている
push ドライラン -s オプション
$ wordmove pull -e staging -t -s
rsync: failed to set permissions on … というエラーが表示される場合は mount がおかしい
root ユーザでも mount したディレクトリ、ファイルは変更できない!
下記の vagrantfile ファイルのパーミッションを 775 664 に修正する
"D:¥vm¥vccw¥Vagrantfile"
_conf['document_root'], :create => "true", :mount_options => ['dmode=755', 'fmode=644']
修正後 vagrant の ssh を exit して vagrant reload して VM を再起動する
wordmove オプション一覧表
https://qiita.com/akiko-pusu/items/43d87896a518233d9503
movefile ファイル
基本
https://qiita.com/miya0001/items/9217140161216bbefc19
global: sql_adapter: default local: vhost: http://vccw.test wordpress_path: /var/www/html # use an absolute path here database: name: wordpress user: wordpress password: "wordpress" # could be blank, so always use quotes around host: 127.0.0.1 production: vhost: http://example.com # Don't write slash at last wordpress_path: /home/username/public_html/www.example.com # use an absolute path here database: name: # any user: # any password: # any host: localhost # not 'host' mysqldump_options: --max_allowed_packet=1G # Only available if using SSH exclude: - '.htaccess' # any ssh: host: www.example.com # same as staging too user: # any password: # password is optional, will use public keys if available. port: 22 # Port is optional rsync_options: --verbose --itemize-changes # Additional rsync options, optional
その他
VPS 用ファイルのパーミッション修正コマンド(参考)
# chown -R apache:apache /home/username/public_html/www.example.com # find /home/username/public_html/www.example.com/ -type f -exec chmod 664 {} ¥; # find /home/username/public_html/www.example.com/ -type d -exec chmod 775 {} ¥;
物理ファイルのバックアップ(別途、要 DB ダンプ)
# cp -a ./www.example.com ./www.example.com.YYYYMMDD
PHP エラーログ監視
# tail -f /var/log/httpd/www.example.com-error_log
0 notes
displayblock · 7 years ago
Text
Order of Heading Tags
h1, h2, h3, h4 タグの並び順について調べたことを共有します。
検索すると一般的には h1 からはじまる、きれいにネストされた記事やそのような構造にしたほうがよいという記事が散見されますが、実務上、そのページの h1 要素が body 開始タグの至近にあることは稀であり nav や div を使用することになります。
たまたま h1 要素の前に h2 要素があるページがあり、なぜ validator が通るのか疑問に思いましたため、仕様を調べてみました。
WHATWG の 4.3.6 The h1, h2, h3, h4, h5, and h6 elements によると下記になります。
These elements have a rank given by the number in their name. The h1 element is said to have the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank.
rank が順位(順序とも書かれていない)と誤解されているようですが、実際には、位や階級といった定義に近いようです。そのため 下記のコード が correct とされています。
For example, the following is correct:
<h4>Apples</h4> <p>Apples are fruit.</p> <section><h2>Taste</h2> <p>They taste lovely.</p> <h6>Sweet</h6> <p>Red apples are sweeter than green ones.</p> <h1>Color</h1> <p>Apples come in various colors.</p> </section>
関連
h1 要素は複数回使って良いのか!? HTML5.1 に関する W3C と WHATWG の主張の違い - Togetter
見出しが h1 → h2 → h3 の順でないと SEO に悪影響あったりします? | 海外&国内 SEO 情報ウォッチ | Web 担当者 Forum
0 notes
displayblock · 7 years ago
Text
抜髄・根管治療
この記事は HTML や Web とは全く関係ありませんが、記録として残しておきます。
普段、歯には注意していましたが、数十年前に治療した大臼歯が、歯髄炎にかかったらしく、とても痛かったため抜髄、根管治療をはじめました。
様子見期間は一ヶ月。マウスピースで様子見しました
ふたつの歯科医院でのレントゲン撮影で異常なしと判定されました
抜髄は一回あたり、おおよそ 30 分間
治療は学生の頃に親知らずを二本抜歯した以来でしたが、当時と比較すると技術の進歩はすばらしいです。歯茎に麻酔注射する前に、湿布?で歯茎を麻痺させることで、注射の痛みはあまり感じませんでした
ラバーダムは根管治療の成功率に直結するとのことですが、それ以上に、酸っぱい、苦い、金属や出血の味?を感じることがなく、安心感がありました
歯磨きしている際に仮封材が剥がれ、出血しましたが、仮封材は二重になっているので、問題ないとのこと
回数 内容 麻酔 ラバーダム 1 初診、レントゲン撮影 なし なし 2 抜髄 有 有 3 抜髄 有 有 4 抜髄、消毒開始、レントゲン撮影 有 有 5 歯を削ったところ、となりの歯の側面に虫歯発見 なし なし 6 虫歯治療 有 なし 7 クラウン土台製作? なし なし 8 クラウン設置 なし なし 9 歯の清掃 なし なし
抜髄・根管治療の歯科医院の選択基準
抜髄、根管治療の専門性
ラバーダム使用 … 使用の場合は成功率 90%
説明のわかりやすさ … 合計 7, 8 回の治療になることや動画での説明
日本歯内療法学会 … 指導医、専門医、学会所属のみのいずれか。素人の感覚では相当意識が高くないと所属すら難しい印象を受けます
AAE アメリカ歯内療法学会所属 … AAE と書かれていればよいというものではありませんが、治療に対する意識の高さは間違いなさそう
0 notes
displayblock · 7 years ago
Text
Zoff vs JINS
999.9 の眼鏡を愛用してきましたが、今回は Zoff か JINS の眼鏡を買おうと思います。
Zoff JINS フレーム保証期間 1 年 半年 レンズ保証期間 半年 半年 メンズ・ウェリントン型(茶系) 30 件 87 件
違いがわからないですね。困ったな。
あとは店頭に行き、実際にかけてみて、ノーズパッドとリムと眉毛のバランスで決めたほうが良さそう
0 notes
displayblock · 7 years ago
Text
High Performance Web Sites
今週、高速化された Web サイトがブクマを集めており、印象的でしたので整理します。
リニューアルした日経電子版が高速すぎてヤバイ件
「爆速すぎて笑う」表示速度が "異常な" Web サイト dev.to その仕組みは - ITmedia NEWS
なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか by mizchi
dev.to が与えたインパクト // Speaker Deck
阿部寛のサイトを高速化する - Qiita
dev.to がなぜ insanity fast を実現出来ているか - Qiita
日経電子版サイト高速化と PWA 対応
超速! Web ページ速度改善ガイド
日経電子版の "爆速化" を内製で成し遂げた精鋭チームとその手法、効果指標について - ITmedia マーケティング
日経電子版を速くする / nikkei-inside-frontend // Speaker Deck
日経電子版を高速化させるためにフロントエンド側で取り組んだ 4 つのこと - ログミー
加速するフロントエンドと PWA // Speaker Deck by mizchi … 2018-02-16 追記
技術
Fastly CDN
ブラウザの ServiceWorker
HTTP/2
Resource Hint API による先読み
画像フォーマット webp on 画像配信 CDN imgix
ソーシャルウィジェットの撤去
関連
ウェブページを 1 秒台で表示させる原理と方法 | Philosophy Guides
18 notes · View notes
displayblock · 7 years ago
Text
DokuWiki
ある企画で、とあるドキュメントサービスを使用していましたが、使いにくいため DokuWiki に移行しました。移行候補の要件は下記になります。
移行候補の要件
更新履歴あり
差分表示あり
更新日時順ソート
マークダウン記法
モバイル環境での表示・編集
これまで利用した wiki は下記になります。
PukiWiki … あちこちで使用。今後もそのまま使用予定
Crowi … 某社にて使用。かなり良いですが、このために node.js をたてるはコストが高いです
マークダウン対応とモバイル対応を除けば PukiWiki でもよかったんですが、せっかくなので DokuWiki にしてみました。
DokuWiki 導入後にわかったこと。気づき次第、足していきますが、基本的に PukiWiki と同じような感覚で使用しています。
マークダウン記法は対応しているが、部分的。構造的に難しいとのこと
なぜか device_id というセルがあると表が崩れるため device\_id のようにエスケープする必要がある
0 notes
displayblock · 7 years ago
Text
ビジネスサイトをこれからつくる WordPress デザイン入門
基本的な WordPress の Web 制作について、丁寧に書かれている書籍です。
監修: プライム・ストラテジー株式会社
P.24 要件定義書チェックリスト
P.206 プラグイン
Akismet
WP Total Hacks
BackWPup
AddQuicktag
Google XML Sitemaps
0 notes
displayblock · 7 years ago
Text
Atomic CSS in 2017 Summer
最近 『最強の CSS 設計 チーム開発を成功に導くケーススタディ』 の 堀口誠人さんが Atomic CSS について、ふれていること を知りましたが、良い記事がありましたので共有します。
Let’s Define Exactly What Atomic CSS is という 2017 年 4 月の記事です。
Atomic CSS は Functional CSS としても知られている
gaining in popularity … 人気がある!
Atomic CSS は Atomic Web Design とは異なる
Atomic CSS の派生
Static であるため導入障壁が低く、理解しやすい
HTML の class 名からの自動生成による機械化
セレクタ名として longhand もしくは shorthand の命名(必ずしも shorthand にする必要はない)
記事もよくまとまっていて良いんですが、コメントも多数ついていて面白いです。
Thierry Koblentz さんのコメントもあります
0 notes