Fontasticはオンラインでアイコンフォントを作成出来るWebサービスです。用意されたアイコンから必要な物を選択してダウンロードしたり、SVGをアップロードしてオリジナルのアイコンフォントを作成する事も出来るみたいです。(SVGは未検証です)今の所、利用は無料みたいですね。要ユーザー登録です。 Fontastic
![Web上でアイコンフォントを作成できる・「Fontastic」](https://cdn-ak-scissors.b.st-hatena.com/image/square/fcafb601b758c49d57ad81262fb81dac78bd8103/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2013%2F06%2Ffont01.jpg)
Typicons are free-to-use vector icons embedded in a webfont for easy use in any UI, whether it be on the web or in a native app. Typicons are free-to-use vector icons embedded in a webfont for use in your user interfaces, whether it be on the web or in a native application. The set of icons are available on Github, with everything included from the source files in SVG format to the minifed CSS. Yo
* commit 1235f58b72bd3323375debbc783a508d8328277cce5 | Author: Masaru Furuya | Date: Fri May 16 00:54:09 2014 +0900 | | git test * commit 2rr29dd167c5d38fec823f2c90fb4896536a6214 | Author: Masaru Furuya | Date: Thu May 15 19:22:14 2014 +0900 | | | * commit 9003273439ba845614650688d7bb752614ec6231 |\ Merge: 90b2dd4 4034903 | | Author: Masaru Furuya | | Date: Thu May 15 18:32:17 2014 +0900 | | | | M
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
持ち帰り弁当チェーン「Hotto Motto(ほっともっと)」を展開するプレナスは、アニメやカードゲームで人気の「アイカツ!」とコラボレートした弁当を、7月17日(木)に発売します。ラインアップは「アイカツ!のり弁」「アイカツ!スターライトカレー」など3種類。対象商品を購入するとオリジナルカードがプレゼントされるほか、東京・日本橋の茅場町店を期間限定で「アイカツ!」一色に装飾するスペシャルイベントが開催されます。 ▽ http://www.hottomotto.com/aikatsu/ ▽ 「アイカツ!」と「ほっともっと」がコラボ 『アイカツ!のり弁』2014年7月17日(木)新発売 お弁当食べて、アイカツ!しよっ❤ (PDF) 「アイカツ!」キャンペーンには、「アイカツ!のり弁」「アイカツ!スターライトカレー」「アイカツ!応援弁当」の3種類が登場します。「アイカツ!のり弁」は、主人公・星
AsEnumerable、といったらLINQのAsEnumerableです。その挙動は、IEnumerable<T>へと型変換をします。それだけ、なので実に影が薄いのですが、それでいて奥深く使いこなしが求められる、はずなのですが陰が薄いので無視されている感がなきにしもあらずなので、しっかりと紹介したいと思います。 AsEnumerableの実装 実装は非常に単純明快で、中身ほとんど空っぽです。 public static IEnumerable<T> AsEnumerable<T>(this IEnumerable<T> source) { return source; } ようするにアップキャストです。どういう時に使えばいいかというと、例えば可変長引数とIEnumerable<T>の両方を受けたいオーバーロードを作る場合。 public void Show(params string[]
日頃はネクソンをご愛顧いただき、誠にありがとうございます。 永らく皆様にお楽しみいただいておりました「サドンアタック」は、 2019年9月25日(水)12:00をもちまして、株式会社ネクソンでのサービスを終了させていただきました。 ネクソンは、「サドンアタック」で培ったゲーム運用経験のノウハウを、 魅力あふれるコンテンツ開発に活かしてまいります。 今後ともネクソンをどうぞよろしくお願いいたします。
毎朝5時に起きて出勤前にコードを書くという習慣を始めた。2週間経ったのでまとめてみようと思う。この記録が小さい子持ちの30代パパ・ママエンジニアに役立つとうれしい。多分独身で若い人には役に立たない。 始める前に抱えていた問題 好きなコードを書きたい。勉強したい。そう思っても以下の理由により以前とは比べられないほどに時間がとれなくなってしまった。 子供に可能な限り時間を使いたい。結果的に自分の時間は減る コードを書く自由時間が極端に少ない 1人になれる時間がほとんど無い 家で10分以上集中できない。こどもが遊ぼう!って誘ってくるとか 子供に話かかられたり質問されたら出来る限り応えたい とにかく疲れやすい 以下のような典型的な1日。 朝は 6:30 頃に早起きの息子に起こされる。1人で起きて絵本などを読める歳だが、静かに起きることは稀だ。トイレに行きたいとか。何かが見つからない。何だかんだで同
ハンモックの話 妖怪ハウスにハンモックを導入したことは、すでに述べた。ハンモックは土台付きのものを買ったのだが、ついてきたハンモックは、あまり寝心地がよくない。調べると、もっと良さそうなハンモックも売られている。ハンモックの布自体は、それほど高くない。そこで、もう一枚ハンモックを買うことにした。 買ったのは OUTDOOR EX 2人用 耐荷重 200kg 布製 ハンモック 専用ポーチ 補強帯 S字フック 付 ストライプ(レインボー)だ。これは、耐荷重200kgで、相当に幅も広い。二人用だという。ひとつのハンモックで二人寝る場合、相手の選択は自然と選り好みをする必要があるだろうが、それはまた別の話だ。今回は一人で寝る快適性のみを検証する。 アマゾンで買って、すぐに届いたので、早速にも寝心地を検証したかったのだが、あいにくと、手持ちの土台には長さが余りすぎて取り付けられなかった。ベランダの手
Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: Draw on the water to make ripples Drag the background to rotate the camera Press SPACEBAR to pause and unpause Drag the sphere to move it around Press the L key to set the light direction Press the G key to toggle gravity Features: Raytrac
Path tracing is a realistic lighting algorithm that simulates light bouncing around a scene. This path tracer uses WebGL for realtime performance and supports diffuse, mirrored, and glossy surfaces. The path tracer is continually rendering, so the scene will start off grainy and become smoother over time. Here's how to interact with it: Add an object using the "Add Sphere" or "Add Cube" buttons
スマホ用にサイトのCSSを再考していて気づいたこと。 現在、スマホやタブレット類では、 <meta name="viewport" content="width=device-width" /> などを指定するのがいわば常套手段になっている。 Viewportに"width=device-width"を指定した場合、RetinaのiPhoneでも(Viewportの物理的なピクセル値は640px*960pxであるが、過去のiPhoneとの後方互換をとって)あたかも320px*480pxであるかのように振る舞って表示する。 同様にiPadは768px*1024px。 一方、Androidの場合、そもそもViewportの値がバラバラ。 多くのスマホは320px*480pxか360px*640pxで表示するが、実はそれだけとも限らない。 タブレットも、Galaxy Tabなどは600px*10
たぶん jQuery を使い始めたばかりの人はあまり使わないであろう .end() メソッドですが、これ、かなり便利なんですよね。 僕も最初はあまり使っていませんでしたが、最近は積極的に使っています。ソースも短くかけるうえに、パフォーマンス的にも良いので是非使っていきたいメソッドです。 今回は、簡単な例で .end() を紹介してみます。 今、次のようなソースがあるとします。アコーディオンさせる場所などで良く見そうなソースです。 <dl id="hoge"> <dt>.end()を使う</dt> <dd> <ul> <li>list 1</li> <li>list 2</li> <li>list 3</li> <li>list 4</li> <li>list 5</li> </ul> </dd> </dl> このような html に対して、次のような操作を行いたいとします。 dt 内のテキ
Vue.jsはそのまま使ってもよいですが「自分(プロジェクト)に合ったフレームワーク」を見つけるのにも向いています。 これは、後発フレームワークだけあり各フレームワークの特徴を意識した設計がなされているためです。他の著名なフレームワークとの特徴を比較した文書もあるので、こちらをチェックしながら導入を検討するとよいと思います。 そのため、以下はVue.jsの紹介と他フレームワーク(Knockout.js と Angular)へのステップという2セクションに分けて紹介していきたいと思います。 JavaScriptフレームワークの導入を行いたいがこの選択は慎重にいきたい、という状況であれば最初にVue.jsを試金石としてみて、効果的と感じられる機能からAngularやKnockout.jsに流れていくというのは十分ありだと思います。 2016/06: Vue.jsの1.x系に合わせて記述・サンプ
今更だけど、スマホサイト開発未経験のエンジニアが、スマホサイトを開発して気づいたことやハマったことなどの雑多なまとめです。 対象はiOS, Androidです。 シェア率(日本) 最近の動向など 2014年4月のスマートフォン販売シェア、日本ではiOSがトップ、欧州ではWindows Phoneのシェアが各国で増加(Kantar調査) | juggly.cn Apple、2014年第1四半期において日本スマートフォン市場のシェアを36.6%獲得!ドコモ版iPhoneで大躍進 | gori.me(ゴリミー) 2013年第4四半期 国内携帯電話出荷台数ベンダー別 シェア 2013年第4四半期および2013年 国内携帯電話・スマートフォン市場規模を発表 より iOS, Android共に半々くらいのシェア率で考えれば良さげ。 Androidシェア(世界) iOSのOSは基本的には最新のバージョン
はじめに: Vimならではの便利機能をマスターしよう! かれこれ数年前、僕がVim(というか、たぶんVi)と初対面したときは、「なんて使いにくいエディタなんだ!!」と最悪の印象でした。 しかし、周りのプログラマやネット上のエンジニアたちはみんな「Vim便利!」「Vim最高!」と言います。 なのでその言葉を信じ、僕も最悪の印象だったVimともう一度正面から向き合うことにしました。 そして、月日が過ぎ・・・僕もいつしか「Vim便利!」「Vim最高!」と叫ぶようになってしまいました!! これって洗脳? いやいや、洗脳じゃありませんw Vimにはメモ帳の延長線上にあるエディタでは実現できないような数々の便利な機能があります。 覚えるまでにはちょっと苦労しますが、覚えてしまえばメモ帳系のエディタでは追いつけないようなスピードでテキストを編集することができます。 とはいえ、そもそも覚える以前に「そんな
ガイアックスは6月24日、クライアントの学校や企業に所属する学生・社員のTwitterアカウントを有人監視し、炎上リスクを低減させるサービス「セーフティプログラム for Twitter」をスタートした。所属先を明らかにしたTwitterユーザーが不適切な発言をして“炎上”し、所属先が公式に謝罪する事態が相次いでいることに対応したサービスだとしている。 同社独自の検索システムを使用し、クライアントの学校・企業に所属する学生・社員のアカウントをリストアップ。発見したアカウント一覧と調査結果をクライアントに提供する。 特に見守りが必要なアカウントをクライアントに指定してもらい、専門の監視スタッフが毎日、全ツイートを目視で確認。ツイートのリスクレベルと内容を分析し、アカウントの利用実態と合わせて報告する。 炎上の火種となるリスク投稿を素早く発見でき、炎上のリスクを軽減できるとしている。費用は1ア
2020年の東京オリンピックとパラリンピックに向けて、射撃に関わる競技団体が、選手発掘や育成の強化のために、競技用の空気銃の使用開始年齢を14歳から8歳に引き下げることなどを求め、警察庁に対し銃刀法の改正を要望したことが分かりました。 要望書を出したのは、日本ライフル射撃協会、日本クレー射撃協会など射撃関連の6つの競技団体です。 要望書の中で、射撃競技を巡ってアジアでは、中国や韓国が重点的な強化で前回のロンドンオリンピックで多くのメダルを獲得した一方で、日本では銃刀法による銃の所持の厳しい規制の中で普及や強化が難しく、特に若い選手や障害のある選手の発掘や育成の強化が遅れていると指摘しています。 そのうえで、6年後の東京オリンピックとパラリンピックでの日本選手の活躍を狙って早くから選手の発掘や育成を進めるため、銃刀法の規制緩和が必要だと訴えています。 具体的には、一定の技能と資格もある子ども
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く