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

TypeScriptの型定義で麻雀の役判定をする【dwango Advent Calendar 2日目】 - MANA-DOT
このエントリはドワンゴ Advent Calendar 2021 2日目の記事です(夜が明けるまでは2日目！)。はじめに TypeScriptには Conditional Types や Template Literal Types といったクッソ強力な型機能があります。これらを用いて、今回は 2p3p4p2m3m4m2s3s4s4s5s6s8s8s のような天鳳牌譜形式の文字列を型引数に渡すと、麻雀の役判定をする型(あくまで型です、関数ではありません)を作ってみようとおもいます。 (ただし時間がなかったため断么九と平和のみです)。 Conditional Types, Template Literal Types って何？それぞれ具体的にどんなものか、マニュアルの例を用いて示すと、以下のような感じです。 // Conditional Types の例 interface Anim
field_combat 2021/12/03
ネタ

型
リンク
PHPフレームワーク｢Phalcon｣を使ってみた感想 - MANA-DOT
先日書いたように、YahooのOpenHackDayに参加し、そこでPHPのフレームワークとしてPhalconを利用したので、忘れないうちに使用感などを書いておきます。 (ちょっとしか触ってない上での感想なので、誤りなどあったら指摘お願いします。) Phalconとはサイト Phalcon PHPのモジュールとしてC言語で書かれたWebフレームワーク。そのため、フレームワーク部分は他のPHP製のPHP Webフレームワークよりも高速。という謳い。それが事実かは、今回少ししか使ってないのでよくわからない。専用のテンプレートエンジン｢Volt｣を内蔵している。コマンドラインからプロジェクト生成したりするための、phalcon/devtoolsというのがある。名前とアイコンがかっこいい個人的には最後のだけでもテンションが上ります。今回のハッカソンで使ってみて、気になった点について幾
field_combat 2014/05/19
php

フレームワーク
リンク
JavaScriptで変な形のクリック領域を作るとき、svgが便利 - MANA-DOT
昨日のVieraのリモコン、リモコンを作りたかったのもあるけど、svgとJavaScriptを組み合わせた簡単なプログラムを試しに書いてみたかったというのがあります。 html5ではsvgをhtml中に埋め込んで、更にそのsvgにcssでスタイルを当てたり、JavaScriptでいろいろやったり出来ます。この時、要素のクリック領域は要素の形そのままなので、昨日のリモコンのような変な形のクリック領域を簡単に作ることが出来ます。以下の画像の色のついた箇所にマウスを乗せたりクリックをしたりしてみてください。 100km 画像はWikipediaより。上記の画像は、クリックできる箇所に .svg-area というクラス名と、data-name属性に市町村の文字列が入っており、以下の様なcss/jsによって動作を実現しています。 path.svg-area { cursor: pointer;
field_combat 2014/05/12
web制作

svg
リンク
ドット絵からsvgフォントを作るプログラムを書いたよ - MANA-DOT
前回作った、ドット絵からsvgを作るプログラムでは、文字を1つずつsvgとして出力するため、IcoMoonAppでWebフォントにする作業が大変でした。なので、プログラムを回収してsvg フォントの形式でまとめた状態で出力するようにしてみました。(ソースコード) このプログラムを実行すると、8x8のフォントから以下のようなsvg フォント形式のsvgが出力されます。 <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <svg xmlns="http://www.w3.org/2000/svg"> <def> <font id="8x8" horiz-adv-x="1024"> <font-face units-per-em="1024" ascent="1024" descent="0"/> <missing-glyph hori
field_combat 2014/02/10
svg

ドット

ツール
リンク
1