エンジニアをリングする

プログラをミングしたり。

my web site twitter

JavaScript

SPAにおけるCSSについて、ひとつの解(追記あり)

SPAにおけるCSSのありかたについてずっと悩んでたけど昨日今日で一筋の光明が見えた— よしこ (@yoshiko_pg) 2017年4月7日 この話を簡単にまとめておこうと思います。 結論を先に書くと「今のところtemplate literal内にCSSを記述する形式のCSS in JSがいい感…

今年のうちに知っておきたい!ES2017に入る5つの新仕様

はいっ Goodpatch Advent Calendar 2016 5日目です! 2016年もまもなく終わりますね。 あと半年もすればES2017のリリースですね! というわけで先月Node学園祭でご紹介したES2017の新仕様をブログにおこしておさらいしてみようと思います!

Prottのテストを支える3つの施策(power-assert導入 & Protected branches & CI高速化)

この記事はGoodpatch Advent Calendar 2015の1日目の記事です!最近おこなったテスト推進施策である、フロントエンドテスト環境構築・GitHubでProtected branchesの導入・TravisCIの実行時間短縮について書いています。

ES6入門のセッションした話&Talkie.js超オススメ

今日開催された春のJavaScript祭でES6入門の話をしてきました! スライド資料は以下です。 HELLO, ES6 ~これから迎えるJSのミライ~ ES6入門な感じで、以下のようなことをざっくり話しました。 ES6って何 何が変わるの 新しい構文の紹介 新しい機能の紹介 ど…

AngularJS開発に便利なgulpプラグインと設定

この記事はAngularJS Advent Calendar 2014の11日目の記事です。 私がAngularJSでアプリ開発した時にすごく便利だったgulpタスクの組み合わせを紹介しようと思います! gulp-concat gulp-tap gulp-ng-annotate

言語柄の画像を書き出せるチェックシートメーカーを作ったよ

私の名刺の裏、言語柄です。 たしなんでいる言語にチェック(手書き)がついてます。 これ、スキルや共通の話題が一目でわかるので結構評判よくて、自分もやりたい!とたびたび声をかけていただいたりしました。 うれしいので、誰でもできるようにジェネレー…

簡単!パララックスサイトの作り方

昨日ポートフォリオサイトをアップしたら、予想外に多くの反響を頂いてびっくりしています。 Twitter / Search - yoshiko-pg.github.io ありがとうございます。素直に嬉しいです。 素直にうれしいので例のサイトの作り方でも書いてみようかと思います。 実は…

個人サイト作ってみた

作ったものとかSNSリンクまとめる自分サイトほしかったので作ってみた。 http://yoshiko-pg.github.io/ CSSでなんか再現するのとパララックス的なことがやってみたかったのでやってみた。 PC 冒頭でSublime TextのテーマFlatlandをCSSだけで再現してみた。 …

Googleカレンダーへ予定追加するリンクのURL

ひとつのイベントの追加ボタンならボタンジェネレータに各項目入れて〜とかあると思うんですが、動的に出したい場合もあると思うので各パラメータと生成JSコードをメモ。 各パラメータとURL生成コードについてはこちらの投稿を参考にさせていただきました。 …

おれおれ勉強会カレンダー

ATND,Connpass,Zusaarの予定をひとつにまとめて見られるカレンダーをつくりました。 おれおれ勉強会カレンダー ちょいちょい勉強会に行ったりするのですが、サービスごとに予定を確認するのが大変で、 まとめて見れたらいいなあと思ってたので。 各サービス…

JavascriptのDateで指定期間の年月(yyyymm)をひとつずつ取得

たとえば、2013年12月から2014年2月までの期間だと、 [201312,201401,201402] って感じで配列で取得したい! startとendはDateオブジェクトの想定ですが日にちが何日かわからないので、その月の初日にセットするため再度newしてます。 var format_ym = funct…

ajaxのGETでデータのURLエンコード回避

ATND,Connpass,ZusaarのAPIは月で絞り込みができるのですが ym=201401,201402,201403 の形で送りたいのに、 ym=201401%2C201402%2C201403 のようにカンマがエンコードされてしまい年月指定が認識されない・・・ エンコード回避できないかと探していたら下記…

markdown記法でリンクをtarget="_blank"にする

はてなブログデビューと共にマークダウン記法デビューも果たしたのですが、なかなかいい感じ。 しかし、[アンカーテキスト](URL)でリンクがはられるのはいいのですが、target="_blank"にして別タブで開くにはどう書くんだろ?と調べたところ、いくつかググっ…