フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
JavaScriptフロントエンド開発の昨今
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
Gruntで始めるWeb制作の自動化
Gruntで始めるWeb制作の自動化 Grunt.jsとはWeb制作の様々なタスクを自動化してくれるツールです。 node.jsで開発されており、Sass/CompassやLessなどのCSSプリプロセッサーのコンパイルやCSS/JSの結合圧縮、JSHintによるバリデーションなど様々なタスクを自動で行ってくれます。 インストール まずはnode.jsをインストールします。公式サイトでインストーラーが配布されていますので簡単にインストールが可能です。 次にMacではターミナルを開いてgrunt-cliをインストールしましょう。cliとはCommon Language Infrastructureの略でコマンドラインからGruntを利用するためのツールです。 sudo npm install -g grunt-cli パスワードが聞かれるので入力してください。成功すればgrunt-cliのイ
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
TalkNote Vol.8「TalkNote × Frontrend」 - JavaScript開発の効率アップ -
http://talknote.me/vol8/event/ TalkNote Vol.8「TalkNote × Frontrend」のセッション2「JavaScript開発の効率アップ」の発表資料になります。
JavaScript Development Tools
Frontrend Vol.4 powered by CyberAgent, Inc. http://frontrend.github.com/events/04/ 2013年2月9日（土）に行われたFrontrend Vol.rの第1セッション"JavaScript Development…
Twitterが自社製JavaScriptフレームワーク「Flight」をオープンソースで公開
Twitterは自社サービスで利用しているJavaScriptフレームワーク「Flight」をオープンソースで公開しました。 Flightはコンポーネントベースの軽量フレームワーク。開発者に対して非同期で独立性の高いコンポーネントを定義する機能を提供することで、デバッグ、テスト、イベントハンドリングなどを容易にするフレームワークのようです。 Githubのページでは以下のように説明されています。 Components cannot be directly referenced, instead they communicate by triggering and subscribing to events. Consequently every component, and every component API, is entirely decoupled from every othe
Important Considerations When Building Single Page Web Apps | Envato Tuts+
Single page web applications - or SPAs, as they are commonly referred to - are quickly becoming the de facto standard for web app development. The fact that a major part of the app runs inside a single web page makes it very interesting and appealing, and the accelerated growth of browser capabilities pushes us closer to the day, when all apps run entirely in the browser. Technically, most web pag
Node.js command-line tools for front-end development | Adobe Developer Connection
Experience working with the command line is required. Some knowledge of Node.js will help you make the most of this article. Required products Node.js You may already know that Node.js enables you to create server-side applications using JavaScript. While this is a powerful and compelling capability, perhaps you aren’t a server-side developer or you aren’t yet ready to commit to server-side develo
JSter – JavaScript Catalog
EssentialsApplication FrameworksMobile FrameworksMVC FrameworksRealtime FrameworksDesktop GUIServerSide LibrariesTesting FrameworksTemplating EnginesLoadersUIUI FrameworksWindows, Modals, PopupsKeyboard WrappersForm WidgetsUI ComponentsSliders & GalleriesNotificationsWYSIWYG EditorsTouchLayoutTours & GuidesMultimediaGame EnginesPhysics LibrariesAnimation LibrariesAudio LibrariesPresentation Librar
1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます！ ツール系のサイト
ノンプログラマーのためのjQuery生成ツール
変更履歴 2013.03.13 toggleClassが2つ表示されていたため、1つに修正しました on/offを追加しました（1.7）※イベントには追加していません。別途対応します addBackを追加しました（1.8） finishを追加しました（1.9）
H2O Blog., Adobe Edge Codeがリリース
Coda 2や Sublime Text 2など、最近は「軽量エディタ」が人気。私も、Adobe Dreamweaverや Eclipseのような「重量級ソフト」はなかなか立ち上げる機会が減ってしまいました。 そんななか、Adobeがいよいよ軽量エディタ市場に参入。Edge Codeというエディタソフトを登場させました。 Adobe Edge Code 現在「プレビュー版」として、無償で配布されています。 このソフトのユニークな部分は「Brackets」という、同じAdobeのオープンソースプロダクトから構成されていること。エディタ自体が、HTML+JavaScriptで作られており、誰でも中身を改造して使うことができます。 Adobeという大企業が、こうしてオープンソースに乗り出し、「みんなで育てよう」という姿勢を見せたことは、非常に大きな意味を持っているのではないかと思います。今後の展
3 Cool Techniques For Your Next Web Design Project
2017年3月27日 CSS, jQuery, Webサイト制作 Webデザインの勉強を始めたという方によく質問されるのが、「どうやって勉強すればいいですか？」。私はWeb制作の学校の学生だった頃から実践しているふたつの事があります。素敵だなって思えるWebサイトを見つけたら、どのように作られているのか自分なりに分析してみること。そしてそこで使われている技を実際に試してみること。そこで今日は最近見かけた素敵Webサイトと、そのサイトで使われていた技術を解説してみたいと思います！ ↑私が10年以上利用している会計ソフト！ 準備：分析＆実践に役立つツール Chrome、Safariなら付属のデベロッパーツール ChromeとSafariならブラウザーにはじめからデベロッパーツールなる開発のためのツールがついています。私が愛用しているのはこのツール。表示しているWebページのHTMLやCSSが確
Useful Tools, Scripts, and Resources for Front-End Developers
Useful Tools, Scripts, and Resources for Front-End Developers If you're a front-end developer mostly focused on HTML, CSS, and JavaScript, then you're probably always on the look out for ways to be more productive. In this post we'll share some tools and other resources for front-end developers that you might find useful to include in your workflow. Tools and Scripts and Resources, Oh My! Font Sta
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロントエンド制作向けビルド ツールGruntがバックエンド 開発でも意外と使える！ @M_Ishikawa #yapcasia
https://developers.google.com/web/tools/setup/workspace/setup-devtools
KataPad.com is for sale | HugeDomains
http://enja.studiomohawk.com/2012/12/01/a-baseline-for-front-end-developers/
Site Under Maintenance
人や動物のシルエット
