okeke1101のブックマーク - はてなブックマーク

フロントエンド開発支援ツール UIパーツを管理する「UI Parts Manager」を公開しました！
「UI PM」~ UI Parts Manager ~ 「UI Parts Manager」FrontEnd Developer Tool 「これは何？」フロントエンド開発環境にて、UIパーツをGUIで管理する Nodeモジュールとなっております。インストールインストール $ npm install ui-parts-manager 使い方 var ui pm = require('ui-parts-manager'); ui pm(); Grant.jsやGulpのタスクに追加すると良いかと思います。起動すると、開発環境のルートに「ui pm.json」が生成されます。追加したUIパーツ情報はこちらのjsonファイルで管理されます。ポート番号はデフォルトは「8818」となっております。パパイヤです。ここからcssの追加を行いましょう。開発環境のルートから「/」でcssファイルの
okeke1101 2015/12/11
リンク
スマートフォンサイト制作における SCSSディレクトリ構成、Class命名について
スマートフォンと呼ばれる端末が世に出て、早。。。何年だ？何年かは忘れましたが、私はそのスマートフォン端末登場と共に、正式に「フロントエンドエンジニア」と呼ばれる職種につきました。それまではデザインだったり、構成作成したり、モバイルやったり、Flashだったり、PHP用いてのサーバーサイド等と言わばなんでも屋のwebデザイナーでした。スマートフォンに特化した「フロントエンドエンジニア」となってからは様々なプロジェクトに参加し、様々なプロダクトを世に放ってきました。ここ数年でその「フロントエンド」と言われる領域の環境もめまぐるしく変わってきました。そこで、一旦ここ数年これで落ち着いているな。と思われる SCSSのclass付与とディレクトリ構成についてまとめさせて頂きます。まず、ディレクト構成についてなんですが、管理するにあたって一番大事なのは、「第三者でも分かる管理法です。」「
okeke1101 2014/06/13
scss

sass
リンク
JavaScript オブジェクト指向プロトタイプなどのまとめ
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳何気にここらへんについては書いていない感じでしたので、ざっとではありますがまとめさせて頂きました。まず、ここが変だよJavaScriptといったところで挙げられるのは「厳密な意味でのクラスという概念がない。」ということではないでしょうか。ここで言う「クラス」とはCSSが参照するclassではなく、 C#、Javaなどといったオブジェクト指向プログラミング言語で使用される「クラス」に該当します。あくまで厳密な意味で無い。とのことなので、無いこともないのです。では、どのように作るかと言いますと。 var Webcyou = function(){}; と、最もシンプルなクラスの例を挙げてみました。 var hoge = new Webcyou(); と、呼び出す際は
okeke1101 2013/01/29
JavaScript

まとめ
リンク
1