[コードエディタ] Bracketsが正式リリース
Brackets が正式リリースされた。 アップデートついでに色々とまとめてみた。 Bracketsとは Brackets は、Web アプリ開発向けのオープンソースコードエディタ(Adobe が一枚噛んでる)。「Adobe Edge Code」のベースになってるっぽい。 Sublime Text ほど人気はないけれど、個人的には Sublime Text より使いやすくて使っている。ここ最近はかなり使いやすくなっている。 特徴 クロスプラットフォーム(Mac, Windows, Linux) 日本語を標準サポート HTML/CSS/JavaScript/SCSS/LESSを標準サポート クイックドキュメント タグやスタイルに関するヘルプ表示 クイック編集 タグを装飾するスタイルをインライン編集できるようにする(CSSファイルを開かずに済む) 構文チェック(JSLint) ライブプレビュー
![[コードエディタ] Bracketsが正式リリース](https://cdn-ak-scissors.b.st-hatena.com/image/square/39f6c27de9507a0418766505b9aa400af8390af8/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20141105125846.png%3Fts%3Dc549665f989b7e08b8cc322eef0b99a7d4e56182)
ざっくりFuelPHPの使い方 - Qiita
書いてる人 プログラミング学習サービスやら、ペットサロン予約サービス、風俗検索サービスなど色々とやっている「かずきち」です。 ■運営サービス一部 http://crazy-wp.com/ http://webukatu.com/ 新宿のホストから不動産・保険の営業を経て、HTMLって何？という状態から３ヶ月独学でプログラミングやデザインを学び、IT業界で１年間実務経験を積んで年収は１本超え。現在は起業家としてサービス運営やら不動産運営をしています。 Qiita内にそれ系の記事も書いてます。 エンジニアで稼ぐために大切な１３のコト WEBサービスで起業したい人に読んで欲しい１８のコト fuelPHPまとめ 環境はMac＆MAMPを使ってる前提でまとめてます。 FuelPHPは1.7.2を使用。 インストール １．クイックインストーラをインストールする
開発者がSurfacePro3を買ったらまずやること - Qiita
SurfacePro3買いました。なかなか面白いデバイスですね。 こころがぴょんぴょんするんじゃ～～ SurfacePro3を機に久しぶりにWindowsを触るという方もいらっしゃるかと思うので、Windowsでの開発環境構築まとめを書いてみます。タイミング的にタイトルにSurfacePro3を入れましたが、SurfacePro3特有の話はありません。 アカウント作成 いきなりですが、アカウント作成のときに注意点があります。ユーザー名に日本語を使ってはいけません。GNUツールの中には日本語パスやスペースを含むパスを考慮していないものが割とあります。あるいはemacsのように、プログラム自体は対応していても、プラグインの中に対応していないものがあるというケースもあります。それはそういうプログラムの問題ではあるのですが、使いたいプログラムが動かないと仕方がないですので、あらかじめユーザー名を英
Vagrant, chef, Underscoresを使ったWordPress爆速開発について - 一から勉強させてください
僕がはじめて WordPress を触ったのは2年前… 当時は MAMP を使ったローカル開発環境で開発して、FTP で本番にアップ、、なんてやり方で作業をしていました。 MAMP が起動しなくなって気が狂いそうになったり、適当に作られた独自テーマがカオスすぎて発狂したり、正直僕は WordPress に良い思い出がありませんでした w で、最近久しぶりに WordPress を使って簡単な Web サイトを作る機会があり、改めて触ってみると今は便利なものがいっぱいありますねー驚くほど開発がスムーズにできたので、今回はその時のことを備忘録がてら書いておきたいと思います。 イントロダクション 今回、使わせていただいたのはこちら 仮想環境を用意して、そこに WordPress を導入する（自動で） vagrant-chef-centos-wordpress スターターテーマ Underscor
JavaScriptの関数定義 - Nao Minami's Blog
こんばんは、south37です。 最近はEffective JavaScriptを読んでるのですが、知らなかった事がポロポロ出てくるので、とても勉強になっています。これからはちょいちょい、そーやって勉強した事をまとめていけたらいいなと思います。 って事で、今日は関数定義の話をしたいと思います。 関数宣言と関数式 JavaScriptにおける関数定義には、大きく分けて3つの方法があります。 function文を使う方法(関数宣言) function演算子を使う方法(関数式) Functionコンストラクタを使う方法 1と2が一般的によく使われる方法ですね。 // 方法1 function multi(x, y) { return x * y; } // 方法2 var multi = function(x, y) { return x * y; }; // これも方法2 var multi
SubversionのリポジトリをGitリポジトリに移行する - ぱろっと・すたじお
私が一番最初に使ったバージョン管理システムはCVSでした あれがなければ、当時の無茶なチーム開発は不可能だったと思いますが、 使いづらい面もあって、ある程度運用でカバーしなければなりませんでした それを解決したのがSubversionで、 今の会社に至るまで、公私ともに使い続けていました しかし、時代は流れ、分散型リポジトリが主流となり、 私自身、数年前から使い出したGitに慣れてしまったのもあって、 もうSubversionには戻りたくありません(´-ω-) ちょうど、こちらのコラムにもそんな話が WEB+DB PRESS 総集編 [Vol.1?60] 作者: 森田創,cho45,ミック,増井俊之,山本陽平,角谷信太郎,中島拓,縣俊貴,大塚知洋,伊藤直也,小飼弾,WEB+DB PRESS編集部出版社/メーカー: 技術評論社発売日: 2011/10/15メディア: 大型本購入: 52人 ク
【クリスマスだし】用意しておくとちょっと便利なjQueryの拡張メソッドたち【25日目の４】 | DevelopersIO
こんにちはやまがたです。アドベントカレンダーの最終日は、日頃クライアントサイドでJavaScript + jQueryでコードを書いていて何かと重宝している拡張メソッドをご紹介します。 ch $.fn.childrenのエイリアスです。出現頻度が高くスペルを間違えやすいので作りました。 $.fn.extend({ ch: function(expr) { this.children(expr); } }); hasClasses, notHasClasses hasClassを拡張して複数のクラスの組み合わせをチェックします。 var checkClasses = function($target, mode, klasses) { var result = false; $.each(klasses, function(i, klass) { result = $target.hasCl
HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく | DevelopersIO
僕は人の名前を覚えるのが苦手です。それはさておき、jQueryプラグインの作成方法について頻繁に忘れるので、手順をここにまとめておくことにします。コレさえ読めば急にプラグインを大量に作れといった無茶ぶりをされても大丈夫。 多い日も安心♪（ゝω・）vｷｬﾋﾟ はじめに - jQuery プラグインの構成 細かい差はあれど、基本的にjQueryプラグインは以下のような構成で成り立っています。 // 匿名関数で全体をラップ - (5) (function($) { // このプラグインの名前 - (1) $.fn.name_space = function() { //要素を退避 - (2) var elements = this; // 要素をひとつずつ処理 - (3) elements.each(function() { // 具体的な処理をここに記述 }); // method chain
$.ajaxファイルアップロードでプログレスバーを表示する。 - それマグで！
速度制限が毎日続くTakuyaです。こんにちは！。 データセンターにmpeg動画を送信して、サーバー側でffmpeg 掛けてました。節電の為に自宅鯖を停止し、Linuxボックスだけ起動してました。重い処理はサーバーにやらせてました。ファイル送信が３TB超えてついに速度制限を喰らいました。怖いですね。１１／０１に無事解除されましたが。。。 <input type=file /> の通信状況を見たい。 UP速度制限が100kbpsでした、ブラウザのファイルアップロードに不自由を感じました。iphone4の写真UPに１枚あたり３０秒位かかってました。さくらVPSのWEBアプリに写真をアップするだけでも大変でした。ファイル送信状況が見えないと不安しかたありません。< input type=file/> でアップしたファイルの送信状況を見れるようにフォームを改造しました。 $.ajax でHTMLフ
疑似個人情報データ生成サービス
疑似個人情報とは、主にアプリケーションの開発／試験の際のテストデータとしての使用を目的とした架空の個人情報データです。 個人情報保護法の施行により、本物の個人情報を目的外であるテストデータとして使用することはできなくなっています。 また個人情報の漏洩が社会問題となっている今、「本物の個人情報」をテストデータのように別目的で使用することは、 情報漏洩の危険性が高まるだけでなく、企業としてのモラルも問われます。 このページは無料で、この擬似個人情報を生成することができる実験的サービスです。 生成したデータの商用利用も可能です。 下の「生成を開始する」ボタンを押して、条件を入力していくだけで簡単に個人情報データの生成を行うことができます。 作成したデータはMicrosoft Excel、CSVなどの形式でダウンロードすることができます。
更新ファイルを抽出して書き出すアプリCowsee。これは便利すぎて酒が進む。
Download Cowsee now. This application requires Adobe® AIR™ to be installed for Mac OS or Windows. WEBサイト制作の仕事をしていて、よく「何月何日よりあとに変更のあったファイルのみ納品」ということがあります。 それらの作業がしやすくなるように、指定したディレクトリの中から指定した日時以降に更新のあったファイルのみを抽出して、別のディレクトリにコピーして書き出すアプリを作りました。階層構造も保ちますので、書き出されたディレクトリをそのままアップロードしたり、zipに固めて納品したりできます。 あ、あと下↓にスクリーンショットがありますんで、変なおっさんの写真（私です）とか出てるのはこのページだけで、アプリはそんなことないんで、いたってまじめなんで、よろしくおねがいします。 フリーソフト！ 便利な
jQueryで吸収できないIE仕様の備忘録
wiki代わりの備忘録なので編集や加筆の制限なしエントリーです、あしからず。 また、以下はIEに特化することが目的ではなく、W3C勧告のHTML標準なページ作成を目指す中で、標準を理解しない（くせにトップシェアの）IEの仕様を何とか回避するが主題です。 cssテクまで考慮するともっとたくさんになると思いますが、それはデザイナーさんに任せます（笑） . ■ IE互換モード イントラネットでは互換モード優先がIEのデフォルト設定のため、企業イントラネットではIE7の配慮が必要です。ローカルPCでの開発では互換モードを再現できないので注意が必要です。 強制的に互換モードを排除するには、.htaccessに次を記述してHTTPヘッダを出力するか、 Header set X-UA-Compatible "IE=edge" メタタグでページごとに指定します。 <meta http-equiv="X-U
ハードなウェブアプリ開発をより高速かつ柔軟に行うためのjQueryプラグイン / Devslog
jQueryのセレクタ機構は非常に明快で使いやすいものです。 しかしまだまだ正規表現には見劣りしてしまいます。 「Regex Selector for jQuery」プラグインを利用することでセレクタ機構で正規表現が使えます。 この機能の獲得でjQueryによる開発はより柔軟で高速に様々なケースへ対応できるようになります。 Regex Selector for jQuery jQuery.expr[':'].regex = function(elem, index, match) { var matchParams = match[3].split(','), validLabels = /^(data|css):/, attr = { method: matchParams[0].match(validLabels) ? matchParams[0].split(':')
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebアプリにSNSアカウントでのログインを実装する