Web アプリで開発で React を使うことはほとんどになってきた。
案件によってはクライアントとサーバーサイドで完全に異なる環境に分けた設計、開発運営していくことも増えてきた。

Web アプリ開発以外でちょっとしたサイトの制作依頼を受けたときも TypeScript + React (CSS in JS)を使ってしばらく

Gulpのタスクにテンプレートエンジンのpugを使えるようにします。

Pug

今更ですが、PugはもとはJadeという名称でHTMLのJavaScript Templatesの1つとされる。
Node.

GulpのタスクにJavaScript構文をBABELでトランスパイル(ES5)ができるようにします。

加えてbabelifyとbrowserifyの処理を加えて、モジュール間の依存関係の解決（require文

Safari(Mac,iOS)だけ妙にサイトの描画が重く、まともに表示もされない症状になって、リリース間際にちょっと焦った話。

結論から言うと下記のサイトの通りで全く同じ症状であることがわかり、JavaScriptの方のコンパイラが原因と思い込んでいたが、cssを1行加えるだけで改善された。

iOS SafariはCSSのfilterプロパティの処理を何故かGPUを使用せずにCPUで行います。...

ウェブティ株式

webpack導入の備忘録

必要最低限の環境構築を目指す。

新規リポジトリ作成

$ git init
  

リモートリポジトリからクローン作成

<

先日、渋谷で行われたNode.jsの祭典に参加してきたのですが、その中で「Hardware Hacking for JavaScript Developers」

当サイトのブログ機能をWordpressからmiddleman-blogへ移行したのですが、Middlemanのブログ機能は投稿に「タグ」をつける機能はデフォルトであるのですが、カテゴリーという項目もともとないみたいです。

Wordpressからの構成をGoogle Search Console上でなるべく遜色なく移行したいので、どうしてもカテゴリーという振り分けは必要でした。

【config.rb】に、

add_theme_s

旧バージョンのIEの表示テストは皆さん色々な方法でやられているかと思います。
ブラウザのアドオンや、フリーのソフトウェア、また専用に閲覧テスト用のネイティブ環境をオフラインで持っていると言う方も珍しくないでしょう。
アドオンなどでは再現表示が甘かったり、古いパソコンを何台も管理するのも不便で大変です。

クライアントさんがシステム系や、セキュリティが厳しい社内環境の場合だとまだVistaのIE7環境っていうのもあると思います。

今回は同じMacでネイティブに近い環境を作り、レガシーブラ

Bohemian CodingのSketch 3がリリースされてからしばらく経過して、セミナーやこもりまさあき氏の電子書籍「Sketch 3 Book for Beginner」を読んでみたりと色々情報が散らばっているので、ここでまとめたいと思います。

##Sketch

Googleのマット・カッツ（Matt Cutts）氏が検索のルールを被リンクから著者重視に移行すると名言したようです。
どういうアルゴリズムで人物や執筆を解析しオーサーランクがはじき出されるのか…、どれだけの影響があるのか気になります。

SEO業者さんからの営業をかわしながらインハウスで対策をしてきた訳ですが、

「外部リンクは効果はあります」とか、「18歳未満ってググって…」みたいなことを今でも言ってくる業者の方々結構います。
個人的に結局はドーピングでしかないと思っているので淘汰されるのは当然とは思いますが。

４月１９日（土）の仏滅、CSS NiteのCSS Nite LP34『Webデザインで使うPhotoshop』に参加してきました。

場所はいつものベルサール系のイベントスペースではなく、お茶の水にある「御茶ノ水ソラシティカンファレンスセンター」という会場で開催され、いつものLPよりも

今回はタグで分けた要素をリストで表示して、且つ末尾に()で投稿件数を表示させるようにするという内容です。

基本的なことですが、Wordpressのオリジナルテーマですとsingle.phpに直に書いた方がわかりやすいと、個人的に思ったので今回も備忘録的なものです。

ところでカテゴリーとタグって、今でこそ使い分けが出来ますが、クライアントに説明するのって難しいですよね。
そもそもそこまでコンセプトとかテーマがはっきり見えない状態で始める場合がほとんどですし。

この手の基本的な仕分けを、カスタムタクソノミーも含めて扱えると応用が効きますよね！
（直近の

PHPが使えるサーバーでベーシック認証などをかけるとき、フルパスの記載が必要になります。
レンタルサーバーで直書きで.htacessを置く場合などの備忘録です。

test.phpとか名前は何でもいいので新規ファイルを作成。
記述は

<?php
echo __FILE__;
?>

これだけ。

SVG画像などのベクターの取り扱いは基本的にはIllustratorで、ラスターはPhotoshopで作業するパターンでAdobeから当分抜け出せないのですが、ラフ案を見せるときなど昔の名残でFireworksをまだまだ使うことがあります。

FireworksでパスをそのままSVGで書き出すときはExport – Aaron Beallの拡張機能を入れる必要があります。

リンク先でExport.mxpファイルをDLし、ダブルクリ

WPと『Foundation』でサイト構成、問い合わせプラグインの『Contact form 7』を有効化。
その際にFoundationのトップナビ