Post by @0-9
・横80列で折り返す。 普段80列で開発してるわけじゃないけど、横に長いコードも見にくいので。 ・1funtionは30行にする。 これも列指定と同じ意味で。 数字自体はそこまで意味がないけど、長いコードはそれ自体問題がある可能性が高い。 ・1ファイルは200～300行 「JSを1ファイルに200行以上書くと人間は死ぬ」と言われてるけど、実際はもうちょっと多くても大丈夫。 ・インデントは8タブ タブを使う理由は「タブはスペースに一括置換できるけど、スペースはタブに一括置換できない」から。 なので、コード中にコードインデント以外でハードタブは記述しない(文字列内に記述する時は¥tで記述する) タブの表示数はエディタ毎の設定次第だけど、インデントの深いコードが書きにくくなるので8タブで書く。 ただし、インデントの文字数に依存するインデントはしない(4タブでも正常なインデントになるように記述する
HTMLやCSSを知らなくても簡単にWebサイトが作成できるMac用Webエディタ「Blocs」がリリース。
Mac App Storeには現在申請中だそうですが、NormさんのWebサイト”Ui Store“では既に$49.99で販売が始まっており、トライアル版もダウンロード可能です。 使い方 使い方は非常に単純で、ユーザーはページを作成し、決められたBlocを編集していくだけです。まず、Blocを追加し、 次にBlocのスタイルを選択します。BlocはBricという要素に分かれており、各Bricは画像や動画、テキスト、リンク、見出し、フォーラム、ミュージックなどに変更可能です。 また、Bric要素の編集はサイドメニューから行います。 Bricの編集が終わったら、新たにページを増やすために右上の[+]ボタンか、メニューバーの [Page] > [New] からページを追加します。流れはメニューバーにある順番[File] > [Page] > [Bloc] > [Bric] で行えばわかりやすいと
Triplety
Playground for the web HTML/CSS/Javascript editor Built-in preview & Local web server for external browsers Live reload with no extension! (for modern browsers including iOS4.2+) Importing libraries and resources CSS libraries Javascript libraries by load time Resource files (e.g. PNG images) Your own Triplety's project.
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！ スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための
最近のJavaScript開発まとめ
こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ
new2JS
New to JS? Welcome. This area keeps a record of what you do and also shows you the things that your javascript program displays. You can page through the tutorial and write javascript programs on the left hand side.
[D] drikin.tv 20130111 JavaScriptの濃い〜話からエディタ、最後には大発見の巻
(写真は全く内容とは無関係で、単に先日すごい写真が撮れたので貼ってみただけですｗ) さて、2013年第2回の\drikin.tv\は@torotitiさん、@niwさん、中盤ちょっと@mootoh氏を迎えてかなり濃い2時間放送になりました。 とりあえず本日のネタリストはこんな感じ。 最近のJavascript及びJSコンパイル言語動向 モバイルプロジェクターの話 (40分あたり) Nike FuelとかUpとか健康リストバンドの話 (45分あたり) モバイルバッテリーの話 (1時間目あたり) ガンダムpomeraの話 (1時間04分あたり) MacとWindowsの話 (1時間15分あたり) Vimの惨事の話 (1時間26分あたり) Sublime Text2 vs Vimの話 メンバー的にも、内容的にも、かなり濃い〜〜〜メンバーが集ったので、JSの話とか、かなりいい事話してる気がするんで
H2O Blog., Adobe Edge Codeがリリース
Coda 2や Sublime Text 2など、最近は「軽量エディタ」が人気。私も、Adobe Dreamweaverや Eclipseのような「重量級ソフト」はなかなか立ち上げる機会が減ってしまいました。 そんななか、Adobeがいよいよ軽量エディタ市場に参入。Edge Codeというエディタソフトを登場させました。 Adobe Edge Code 現在「プレビュー版」として、無償で配布されています。 このソフトのユニークな部分は「Brackets」という、同じAdobeのオープンソースプロダクトから構成されていること。エディタ自体が、HTML+JavaScriptで作られており、誰でも中身を改造して使うことができます。 Adobeという大企業が、こうしてオープンソースに乗り出し、「みんなで育てよう」という姿勢を見せたことは、非常に大きな意味を持っているのではないかと思います。今後の展
アドビ、オープンソースのHTMLエディタ「Brackets」を公開。まだまだ開発中
アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画面を見るかぎり、目指すものはDreamweaverを置き換えるようなものではなく、もっと直感的で軽くシンプルなHTML/CSS/JavaScriptエディタを実現しようとしているように見えます。 Bracketsはまだ開発が始まったばかりで、それほど多くの機能が実装されているわけではありません（実際に起動してみましたが、短時間では使い方もよく分かりませんでしたし……）。今後もう少し機能が追加されて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://atnd.org/events/52247
DirtyMarkup Formatter - HTML, CSS, & JavaScript Beautifier
Method Draw Vector Editor
Brackets - Web デザインを認識する最新のオープンソースコードエディター