はてなブックマーク

AsciiDocはMarkdownと比較すると表現力が高く、その表現力不足を補うためにMarkdownをいくつも独自拡張してつかうようなことをしているのであれば、AsciiDocはMarkdownの代替候補として有力な選択肢の一つになるとおもう。 変換にはAsciidoctorを使っているので、以下のメモはAsciidocというよりはAsciidoctorの簡易的な変換のメモになっています。 一部の記法についてはいっさい触れず、完全に省略して書いているので注意してください。 Attributes, Comment, Include Attributesは変数。

この記事の内容についてのほとんどが対応ブラウザの少ないものなので、現段階でそのまま実際に使えるものではない。Polymerで使用されているCSSを初見でわりと理解できなかったかつての自分用メモです。Polymerの解説ではなくて仕様の整理なので注意。 scoped属性 これは直感的でわかりやすくて、HTML内部に直接style要素を挿入してscoped属性をつけるだけ。scoped属性をもつ要素はフローコンテンツが許容される最初の子要素である必要があって、場合によってはそのstyle要素をラップする親要素が必要になることもある。

gulpで使うプラグインは毎回大体同じなので、よく使うもののメモを残しておく。カテゴリ分けはだいぶ適当。サンプルでは断りなくgulp-load-pluginsを使っているので$.ではじまるものはgulp-のパッケージを読み込んだものになっています。 基本的にgulpのプラグインを作ったりしたことがあるわけではないので、vinylの説明なんかはちょっと怪しいかもしれない。 ファイル path: パスの取得など slash: Windowsのパスの\を/に変換する path-exists: パスの存在チェック require-dir del gulp-rename gulp-concat: ファイルの結合 gulp-useref: HTMLで指定されたファイルを結合 require-dir ディレクトリ内のファイルを読み込むヘルパー。何に使うのかというとgulpfile.jsを分割して管理され

var rtb = new RenderTargetBitmap( (int)browser.Width, (int)browser.Height, 96, 96, PixelFormats.Pbgra32 ); rtb.Render(browser); string dir = Environment.GetFolderPath(Environment.SpecialFolder.Desktop); using (FileStream fs = File.Open(filePath, FileMode.Create)) { var encoder = new PngBitmapEncoder(); encoder.Frames.Add(BitmapFrame.Create(bmp)); encoder.Save(fs); } Image imgScreen = new Image();

自分のサイトのSCSSをPostCSSに書き換えたので、そのときに調べたことをメモしておく。プラグインパックであるcssnextはなにがどう変換されているか把握できなくなりそうなので使わずに、個別でインストールしていく方針。どんなサイトでも基本的に使うだろうな、というものだけメモしておく。 ここで書いたもので不足を感じたときにReadmeに書かれているものなりPostCSS.partsにあるプラグインを試せばいいとおもう。ただ最後にもすこし触れるけど、なんでも便利そうだからと入れて使うのはやめたほうがいいとおもう。 SCSSからの移行であればprecssがよさそう。ただ自分が使ったときはcssnanoと併用したときに、importしたファイルをうまくminifyできていませんでした。 プラグイン 記法 postcss-import @importしたファイルを展開する。最初によみこまないと

'use strict'; var gulp = require('gulp'); var objectAssign = require('object-assign'); var webpack = require('webpack-stream'); var $ = require('gulp-load-plugins')(); var watch = false; gulp.task('build:js', function() { var src = 'src/scripts/main.js'; var dist = 'tmp/scripts/'; var config = { output: { filename: '[name].js' }, module: { loaders: [ { test: /\.jade$/, loader: 'jade' } ] }, }; if(

Metalsmithはやりたいことをプラグインで導入していくスタイルなので、若干のとっつきにくさはあるかもしれません。ただ、だいたいの仕組みとよく使うプラグインを把握してしまえばあとは自由にサイトを作ることができるようになってくるので、Node製でそういったものを求めているのであればMetalsmithが最良の選択になりそう。自分が使っているプラグインの可能性もあるけれども、ビルドは他のジェネレータと比較して、それほど早いといった感じはないなので記事数が膨大の場合には微妙なのかもしれない。 hbsnow/4uing.net 自分のサイトも今のところMetalsmithで作成しています。 インストール まずはMetalsmithをインストール。 CLIを使う場合にはグローバルにインストールするのが普通なんだろうけど、CLIは使わないので普通にインストールしていきます。 これだけではほとんど何