yahihiのブックマーク - はてなブックマーク

実践PWA：光る電卓「Llumino PWA」の開発と技術解説 - ここぽんのーと
前回は、PWAの基礎知識について説明しました。今回は実際に制作してみたPWAに触れてもらいつつ、その内側・技術的側面について解説していきたいと思います。今回の題材：光る電卓「Llumino（ルミノ）」2013年にiOSネイティブ版をお披露目したLluminoは、「計算をもっと楽しく」がコンセプトの電卓アプリ。当時は世界中で話題になりました。（もう5年前…！）当時の制作過程については連載としてまとめていますので、興味がありましたらどうぞ。（👉 連載：Lluminoができるまで）今回のチャレンジは、そんなLluminoを最新のWeb技術で再現・PWA化してみようというものです。まずは実物を触ってみてください制作したWebアプリは https://pwa.llumino.app/ に配置しました。まずは実物を触って体感してみてください！（昨日解禁になったばかりの「.app」ドメインだ
yahihi 2018/11/23
pwa
リンク
【vim】黒背景好きの僕の心を揺さぶるカラースキーム「hybrid」 | ここぽんのーと
この記事は、 Vim Advent Calendar 2012 の83日目(!)の記事です。昨日の記事は ujihisa さんの「unite.vimのfile_recで無視リストを追加する」。 — こんばんは。目に優しい黒背景が大好きなcocoponです。エディタの配色って大事ですよね。見やすさは、コーディングの速度に直結します。黒背景のvimを全画面表示にすれば、自然とテンションも上がってきますね。一生ついていくと決めていた「jellybeans」黒背景のカラースキームといえば、迷うことなく「jellybeans」をオススメしてきました。クールながらも落ち着いた、絶妙な配色。はじめて出会ったときは、その完成度に圧倒されたまま「一生ついていく」と心に決めたスキームでありました。しかし、気になる点もいくつかありました。例えば、JavaScriptの正規表現。黒背景に濃い
yahihi 2016/11/01
リンク
自作Vimカラースキーム「Iceberg」の配色戦略 - ここぽんのーと
itchynyさんのブログ記事を読んで、人のカラースキームの配色戦略を見るのはとても楽しい！と思ったので、自分も書いてみることにしました。暗青系の落ち着いた配色でまとめています。全体のコントラストを控えめにする感じ方は人によって様々ですが、真っ黒の背景に真っ白の文字では、個人的には目がチカチカして疲れてしまいます。このため、Icebergではコントラストを落として、チカチカを防いでいます。背景は真っ黒ではなく、やや明るくした色を使用。前景は真っ白ではなく、やや暗くした色を使用しています。背景には、うるさくならない程度に彩度を落とした色を敷いて、カラースキーム全体の雰囲気を出しています。色数を絞るカラースキームを作る際にやってしまいがちなのが、色を使いすぎてしまうこと。 Vimでは、色を設定できる対象（＝ハイライトグループ）がたくさん用意されています。これだけ充実していると、「使
yahihi 2016/02/27
リンク
オシャレ派Vimmerのあなたへ。こだわりのカラースキームギャラリーを贈ります。 - ここぽんのーと
オシャレ派Vimmerの皆さま、こんばんは。 Vimの配色を司る「カラースキーム」はお好きですか？お好きですよね。だって、このブログで一番アクセスされているのが、カラースキームに関する記事なんですから。僕もカラースキームが大好物です。「hybrid」というステキなスキームを使うようになってからも、新作を求めてときどき旅に出ています。 — この記事は、Vim Advent Calendar 2013の17日目の記事です。昨日の記事は、c0hamaさんによる「fugitive.vim をもっと使いこなす」。カラースキームってどうやって探してる？みんな大好きカラースキーム。どうやって自分好みのものを探しているのか思い返してみると、大きく分けて2通りほどでしょうか。 1.がんばって検索するひとつめは、「vim colorscheme おすすめ」みたいなキーワードで検索する方法。最も定番
yahihi 2013/12/18
リンク
1