Sketch Appでシンボルをファイル間で共有する方法

せっかく作ったsymbolですが、他のプロジェクトでも使用できたらいいですよね。Sketch Appにてファイル間でシンボルを共有する手段がないか調べてみました。

Amadana Music レコードプレーヤー SIBRECOのレビュー

デザイン家電で定評のあるAmadana(アマダナ)が手がける話題のレコードプレイヤーを買いました。DJ用のターンテーブルは持っていたのですが、もうちょっとお洒落なのを部屋に置きたいというのと、アナログレコードをデジタルデータに手軽に変換できるのに惹かれて買いました。

middleman-syntaxをSwiftに適用する方法

middleman-syntaxはAppleの新言語Swiftにも対応しています。ただ、ちょっと注意点があります。

Swiftで「Could not find an overload for '==' that accepts the supplied arguments」というエラーが出た場合

以下のコードの3行目でエラーが発生しました。

楽天アフィリエイト成果レポートを徹底的に利用し尽くす方法

楽天アフィリエイトレポート、どの程度見ていますか?楽天は売れた商品名はわからないのですが、この成果レポートをしっかり分析することで、アフィリエイトに役立つ貴重な情報をたくさん得ることができます。

ソーシャルボタンを5分で一括設置する方法

フェイスブックのイイねとシェア、ツイート、はてブ、Line、googleプラスなど、設置したいシェアボタンがたくさんあると、大変ですよね。そんな作業を5分で終わらせる方法をご紹介します。

Middlemanでアクセス解析ツールを使う方法

Middlemanでアクセス解析ツールを使う方法を説明します。ローカル環境で開発している時の自分のアクセスはカウントしないようにすることも、Middlemanでは簡単にできます。

第14回ベイサイドRuby on Rails勉強会@マスマスに参加しました

第1回から1年以上欠かさず参加していますが、今まで全くブログに書いていませんでした。少しでもログが残っていたほうが、後で思い出しやすいかなと思い、今後はなるべく書いていこうと思います。

Bourbon Neatで偶数カラム幅を奇数等分する方法

Bouron NeatでのNesting Columnsの仕組み 公式サイトの例 以下は公式サイトからの引用です。 Nesting Columnsを使っている部分を拡大してみます。

インラインのcode要素を親要素からはみ出さないようにする方法

code要素が記事のエリアから飛び出す事象が発生 下のような感じでcode要素が飛び出してしまいました。そのせいで、スマホで見た場合は、必要の無い横スクロールが発生してしまいました。

Middlemanのasset_hashで超柔軟にアセットファイルの交換が可能

アセットファイルを交換しても古いファイルが使われてしまう問題 WEBサイトを運営していて、画像やCSSやJavaScriptなどのアセットファイルを交換しても、ユーザが以前も訪問していた場合、古いファイルが使われてしまうことがります。

Bourbon Neatのvisual-gridをレスポンシブ化する方法

スマートフォンサイズの画面でもvisual-gridを表示させたい Boubon Neatのvisual-gridはとても便利ですが、下のようにスマートフォンサイズの画面デザインをしている時にも表示できたら良いですよね。

Middlemanのdirectory_indexesとURLの最後のスラッシュの関係

directory_indexes(きれなURL)の実際の動き Middlemanの機能で1つの魅力だと思っていたのは、directory_indexex(きれなURL)です。この機能を使えばURLに無駄がなくシンプルなものにできます。公式マニュアルのこの部分には下のように書いてあります。

Atomでスニペットが起動しない時の対処法

スニペットが起動しないケース Atomのスニペットは登録したprefixを認識して、起動します。prefixを途中まで打ち込んだ段階から候補をサジェストしてくれます。例えば、下のようなスニペットを登録したとします。

Atomで全てのファイルタイプで使えるスニペットを作る方法

スニペットの登録方法 Atomのスニペットは非常に柔軟で強力です。登録のしかたはこちらのページを参照して下さい。

Middlemanでstrip_tagsを使ってサマリーをplain textにする方法

一覧ページのサマリー部分にタグはいらない この画像は本ページの一覧ページの一部です。

Undefined mixinというerrorがmiddleman build実行時に発生した場合の対処法

middleman build実行時にエラーが発生 以下のようなエラーが発生しました。

middleman-blogで記事毎に画像を管理する方法

Middlemanで記事内で使う画像をサイト全体の画像のディレクトリに入れて管理すると、どの記事に関連した画像かわかりにくくなってしまいます。記事毎に画像を管理できたら便利です。

Middlemanでerbのコードブロックをerbに書く方法

記事内にerbのコードブロックを書くとエラーが発生 私は記事をMarkdownで書いていますが、より柔軟に変数やロジックを使いたいため、拡張子を.html.md.erbとし、erbで動的に生成したMarkdownがhtmlに変換されるようにしています。

middleman-syntaxでGitHubみたいにきれいにhighlightingする方法

Middlemanで作ったサイトでは、簡単に自分のサンプルコードにsyntax highlightを適用することが可能です。まるで、GitHub上のコードと同じような見た目にすることも可能です。

MiddlemanでMarkdownの改行がbrタグに変換されるようにする方法

MiddlemanのMarkdownはデフォルトのままだと普通に改行してもbrタグは入らない GitHub上でissueやpull requestを書く時に使われているMarkdownだと改行するとhtml上でもちゃんと改行されますよね。これは改行がbrタグに変換されるからです。

Middlemanでlivereloadが反応しなくなった時にやるべきこと

Middlemanで開発をすすめていて便利なのがlivereloadですが、なぜか反応しなくなったことはありませんか?

middleman-blogでpaginationの変数をpartialやlayoutでも使う方法

paginationに関する変数をpartialやlayoutで使うと何も表示されない

Middlemanの"Slim::Engine: Option :Lang is invalid"というwarnigについて

"middleman server"を実行しているターミナルで発生するwarning slimを使用している方はこのようなwarningが発生していませんか?

"middleman deploy"実行時に発生したエラーへの対処

"middleman deploy" 実行時にエラーが発生 mddleman deploy実行時に以下のエラーが発生しました。

middleman-blogでyearやmonthやdayやtagページの生成をしない方法

"middleman build --verbose" 実行時にエラーが発生 mddleman build --verboseで下のようなエラーが出ました。

Middlemanでcontent_forとyield_contentで超柔軟にlayoutを変更する方法

テンプレートからlayoutを微妙に変えられるcontent_forとyield_content たとえば、記事ページと一覧ページでサイドバーの内容を変えたい時、どうしますか?Layout側でIf文で出し分けるという方法もありますね。 でも、Middlemanではそのような場合はcontent_forとyield_contentを使うとコードの見通しが良くなります。

Middlemanでwrap_layoutがドキュメント通りに動かない件

ドキュメント通りにしてもhtmlが何も出力されないという問題 公式ドキュメントのこの部分によると、Nested Layoutを使いたい場合は下のようにすると書いてありますが、これだと動きません。htmlが何も出力されず白い画面となります。

Tokyo SuperCollider 11に参加しました。

音響合成用プログラミング環境および言語のsupercolliderの勉強会「Tokyo SuperCollider #11」に初参加しました。

low howl at 横浜Galaxyに参加しました。

最近時々行く横浜の南太田にあるライブハウスGalaxy で好きなジャンルのライブイベントlow howl"小春にうたう"があったので行ってみました。