[B! dev] kupoeのブックマーク

タスク自動化ツール「gulp」を使って制作時間を短縮しよう

2014年12月24日 Webサイト制作, 便利ツールみなさん、タスクランナーを使っていますか？タスクランナーとはファイルの圧縮やSassのコンパイルなんかを、ファイルを保存したと同時に自動で行なってくれる素敵ツールです。制作のスピードアップも間違いなし！今回はそんなタスク自動化ツールのひとつ、gulpを紹介します。 ↑私が10年以上利用している会計ソフト！ gulpとは gulpとは、Node.jsを使ったタスク自動化ツールです。CSSやJavaScriptファイルの圧縮や結合、Sassのコンパイルなんかも自動化できるので、「フロントエンドしかいじらないよ！」というWebデザイナーさんでも、使えるようになると作業がかなりはかどりますよ。一度gulpでプロジェクトファイルを作成しておくと、自動化の手順を他の人と共有できるので、チームで開発する時にも力を発揮してくれます！ Gruntとの違

kupoe 2014/12/24

リンク

一つしかない想定で作ってあとから複数出現してめちゃくちゃになる - hitode909の日記

ソフトウェア作ってて，最初は一つしかない想定で作るけど，あとから複数出現することになって改修するのが大変，ということがある．最悪サーバーサイドもう終了したサービスであったのが，ユーザーは自分のアイテムを飾れる部屋を1つ持てるという仕様だったのが，複数の部屋を切り替えられるようにして，部屋ごとに置けるアイテムのシリーズが変わって，シリーズごとにグリッドの細かさも変わるとか．とにかく大変で，全部のテーブルにあとからシリーズidを持たせたり，クラスメソッドで済んでたのをシリーズidを持つオブジェクトのメソッドにしたり，ORMのIt emをRoomに渡すのをやめて，その層とは別に独立した画像合成用のIt emとRoomを作ってやり取りするとか，最初からそうなってるときより大変なことになる．最悪クライアントサイドクライアントサイドでも同じようなことはあって，HTML内に一つしか出現しない前提で作

kupoe 2014/07/20

dev
markup

リンク

Google Developers Console

Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

kupoe 2014/04/09

リンク

クロスドメインポリシーファイル(crossdomain.xml)設定について | さわいじり

クロスドメインポリシーファイルについてまとめました。 Flash Player 10からの情報も追記しましたが、ちょっと自信が無いので間違っていたらすみません。 youtubeのクロスドメインファイル ○クロスドメインポリシーファイルとは Flashから別ドメインにある外部ファイルを読む場合に必要になる、設定を記述したファイルです。設置場所は読み込みたい外部ファイルが置いてあるサーバになります。ファイル名は基本的に「crossdomain.xml」とします。ファイルには以下のように記述します。 <?xml version="1.0"?> <!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd"> <cross-domain-policy> <allow-ac

kupoe 2014/04/07

dev

リンク

新人コーダーに知っておいて欲しいリダイレクトの基本｜クロノドライブ

サイトを運営していると、サイト内のページの移動や削除、またはサイト自体の移転をすることがあります。その場合、リダイレクトという処理を用いて新たなページに転送を行いますが、正しい知識と手順を以って対応しなければ、検索順位の下降、ページランクやドメインエイジの喪失といったSEO的なペナルティを招いてしまいます。そこで、そのようなペナルティを受けないために、ページ移動・サイト移転時の正しいリダイレクトの設定方法と、代表的なリダイレクトの種類やその実装方法をご紹介します。リダイレクトの種類リダイレクトには、HTMLやJavaScriptといったクライアントサイドプログラム、PHPやPerlといったサーバサイドプログラム、あるいは.htaccessの設定変更を行う等、様々な対応方法があります。そのうちのいくつかを、実際のサンプルソースとともに解説します。 metaタグによるリダイレクト hea

kupoe 2013/10/30

リンク

テンプレートエンジンを作ろう！

それ以外にも簡単なので自作されることも（ぶっちゃけこれでもいい） function template (template, param) { return template.replace(/{{(.+)}}/g, function (all, name) { return param[name] || ''; }); }

kupoe 2013/05/29

dev
cms

リンク

WordPressでURLを取得する関数あれこれをまとめた。 | Firegoby

WordPressにはURLを取得するための様々な関数が用意されてます。毎回Google先生に聞いててウキーってなったのでまとめておくことにしました。基本的にアホなので、あれ？plugin_url()だっけ？plugins_url()だった？みたいな感じでなかなか覚えられないんです…。 WordPressでURLを取得するための関数あれこれ関数名出力例メモ

kupoe 2013/04/09

[]

wp
dev

リンク

シンプルなOAuth認証ライブラリ「HybridAuth」を試してみた - Mach3.laBlog

この記事は賞味期限切れです。（更新から1年が経過しています）以前「Opauth」による簡単な認証を記事にしましたが、またさらにシンプルな認証ライブラリ「HybridAuth」を知ったので試用してみました。 HybridAuthとは HybridAuth, Open Source Social Sign On PHP Library HybridAuth enable developers to easily build social applications to engage websites vistors and customers on a social level by implementing social signin, social sharing, users profiles, friends list, activities stream, status upda