[B! WEB開発][JavaScript] three_beeのブックマーク

three_bee id:three_bee

WEB開発とJavaScriptに関するthree_beeのブックマーク (13)

Vue.js - The Progressive JavaScript Framework | Vue.js
The Progressive JavaScript Framework Web ユーザーインターフェース構築のための、親しみやすく、パフォーマンスと汎用性の高いフレームワーク。 Vue を使う理由はじめるインストール Vue 2 のセキュリティー・アップデート Special Sponsor slot is now vacant - Inquire now 親しみやすい直感的な API とワールドクラスのドキュメントを使用して、標準的な HTML、CSS、JavaScript をもとに構築します。
three_bee 2017/08/09
vue.js

Work - JS - Vue.js

javascript

フレームワーク

cssnite

document

framework

vue

vuejs

WEB開発
リンク
いまどきのWebアプリをどう作るか？フルスタックJavaScript開発のコツ
数週間前、GitHubでプロジェクトをシェアしている開発者に出会いました。そのプロジェクトはTrelloのクローンで、React、Redux、Express、Mongo DBからなるプロジェクトでした。全階層、広い範囲にわたりフルスタックのJavaScriptスキルが駆使されていました。開発者のMoustapha Dioufに、プロジェクトに取り組む際の技術選択、設計、開発について書いてみないかとたずねると、うれしいことに彼は賛成してくれました。この記事があなたのプロジェクトに役立てば幸いです。（by SitePoint Editor：Nilson Jacques）プロジェクトのアプローチを順に見ながら、Webアプリ作成時に実践したことを説明します。紹介するテクニックは、どんなプログラミング言語においても当てはまります。私はJava/JavaScriptの仕事でこの方法を使い、生産性がぐ
three_bee 2017/07/19
copyright

ALL

Agency

com

あとで読む

Javascript

MongoDB

techfeed

React.js

web開発
リンク
Web開発の未来 – React、FalcorおよびES6 | POSTD
この記事でWeb開発の未来を垣間見ることができるでしょう。UIの構築やサーバ、データ・エンドポイントの新しい見解を得ることができると思います。ここで、ブラウザとサーバコードの両側を含めたフルスタックな話をしていきます。これを読めば、完全に機能するGitHubリポジトリで紹介されたすべてのコードの検証や実行ができるようになります。皆さまが開発者として次の資質を持っていることを前提に話を進めていきます。 JavaScript中級者 HTML中級者クライアント/サーバ間通信の基礎知識 JSONの基礎知識 Node.jsの基礎知識上の知識がなくても、おそらくこの記事の進行についていけるでしょう。しかし、知識がないと私の紹介するコードを現実的なシナリオあるいは重要なシナリオに応用するのは難しいでしょう。インターネットは情報の宝庫なので、理解に必要な概念などをたくさん提供してくれます。必要
three_bee 2015/12/04
AngularJS

あとで読む

javascript

react

falcor

Web

es6

開発

web開発

framework
リンク
俺の最近のRailsのJS開発環境を教えてやる - Qiita
こうやってるだけでも出力されたhtmlにはscriptタグが30個ぐらいならんでて、ページの読み込みに10sec以上かかる。だけど、単にapp/assets/javascriptsをgulp watchとかはしたくない。なぜならビルドはブラウザのリロード時に変更がある場合だけして欲しかった。あとwindow.AppNamespace以下にモジュール追加していくのも辛い。モジュール同士の依存関係もよくわかんないし、何よりwindow.AppNamespace.Modules.UserList.It emViewとか長すぎ！ browserify-railsってやつ使ってみた browserifyがrailsの仕組みの中で動くようになる。 browserify-rails/browserify-rails https://github.com/browserify-rails/brows
three_bee 2015/06/24
browserify

()

Rails

javascript

あとで読む

js

Ruby on Rails

reactjs

開発

Web開発
リンク
もう逃げない。HTMLのviewportをちゃんと理解する
と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。いろいろ調査した結果、以下の考え方で理解できると思う。まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。次にviewportを実際の液晶画面に表示する。この時、view
three_bee 2015/06/17
device

content

HTML

あとで読む

viewport

Webデザイン

javascript

web開発

js

Web制作
リンク
JavaScript ベストプラクティス Part 1 | POSTD
ThinkfulはWeb/スマートフォンアプリの技術などを学ぶことができるオンラインスクール。プロフェッショナルな開発者がメンターとして1対1で伴走するため、他の同様サービスよりも続けることができる。 Javascript ベストプラクティスパート1 2つのパートに分けてお届けする「ベストプラクティス」のパート1では、MozillaのWebエバンジェリストであるChristian Heilmannが提供する人気のスライドショーから内容を抜粋しています。JavaScriptにはひどく扱いにくい特徴がいくつかありますが、それはこれまで以上にソフトウェア開発において重要になっています。この「ベストプラクティス」ではより読みやすく、効率の良いコードを書く手助けとなるサンプルコードやその使用例を紹介していきます。もしWeb開発についてもっと学びたいと思うのであれば、私たちが提供しているフロントエ
three_bee 2015/01/28
AngularJS

JavaScript

Web

開発

あとで読む

Web開発
リンク
[WEB開発] 私的な最近のおすすめサービス/ツール 14選〜2014年版〜 - Qiita
社内のライトニングトーク用に Qiita:Team に書こうとしていたものですが、誰かの参考になればと思い、こちらにアップします。対象は「エンタープライズ系ではない」「スクリプト言語系の」WEB系エンジニア/プログラマです。流行り廃り、好みがあると思いますが、これらは実際に、私が試してよかったものです。サービスであったりライブラリであったり粒度がバラバラではありますが、参考まで^^; 「最近の」というタイトルですが、私的に最近、活用しているという意味で、サービス自体は昔からあるものもあります。 ① Heroku Heroku を利用すると、Ruby(on Rails)、PHP、Node.js、Python 等のサーバ側アプリケーションをホスティングすることが出来ます。デプロイ方法は Git で push するだけです。商用でちゃんと使おうとすると、無料枠の構成では難しいですが、デ
three_bee 2014/10/29
AngularJS

アプリ

iPhone

bower

console

ツール

開発環境

javascript

programming

web開発
リンク
複数のブラウザで一度にJavaScriptのテストを行う
本連載は、テストコードをこれから書こうと考えているJavaScript 技術者を対象に、テストコードの意義からテスト駆動開発、JavaScriptでのテストコードの書き方、継続的インテグレーションなど、テスト全般にわたって解説します。また、原理原則だけでなくWhyから説明し、チームメンバーを巻き込みながら開発現場に活かせる考え方を総合的に解説します。第5回目の本稿は、JavaScriptのクロスブラウザのテスト方法をjs-test-driverを使って説明します。対象読者 JavaScriptの基本をある程度理解している方テストコードをこれから書こうと考えている方複数のブラウザでのJavaScriptのテスト前回までは、主にテストコードの書き方について説明してきました。今回からは、テストの実行環境についての説明をします。 JavaScriptの実行環境は、クライアントサイドはブラウザ
three_bee 2014/08/22
driver

javascript

テスト

ブラウザ

web開発

testing

unclassified

web制作

テクノロジー
リンク
javascript DOMの基本操作まとめ
javascriptのDOM操作の基本をおさらいしておこうと思います。jQueryは少し触ったことがあるのですが、javascript自体はほとんど使ったことがないのでこれを機会に勉強していこうと思います。ここではDOMの操作とイベント処理をまとめてみます。これが出来るようになると、Web上でインタラクティブな要素を盛り込むことができるようになります。 javascriptの基本 DOM操作まずはiavascriptのDOM操作から。ここで使うHTMLはこちらです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>javascriptの練習</title> </head> <body> <div id="main" style="border:1px solid #555;width:400px
three_bee 2014/07/31
dom

float

*JavaScript

javascript

プログラミング

class

Web開発

後で読む

div

開発
リンク
AngularJS コードの構造化 | DevelopersIO
複数人で AngularJS を利用した Web アプリケーションを構築するときに必要なルールをまとめてみました。 ( あくまで策定中のルールであり、今後も改変する可能性があります。また、ベストプラクティスを謳うものではありません ) 使用 AngularJS のバージョン angular.js 1.2.5 angular-route.js 1.2.5 参考サイト Dan Wahlin's Blog | Structuring AngularJS Code http://weblogs.asp.net/dwahlin/archive/2013/12/01/structuring-angularjs-code.aspx GitHub | mgechev / angularjs-style-guide / README-ja-jp.md https://github.com/mgechev/a
three_bee 2013/12/18
AngularJS

angular

js

javascript

ajax

html

*プログラミング

angular.js

AngularJS ガイド

web開発
リンク
プログラミングを勉強したいメンバーが集う！新しいタイプのシェアハウス「PGHouse 豪徳寺」に行ってきた。 | EdTech [エドテック]
Webデザインで参考になるギャラリーサイト10選Webサイトを作る上でデザイナはとても重要な要素の一つです。自分だけでなく他の人が見るのであればなおさら見やすい、...
three_bee 2012/10/25
TechCrunch

JavaScript

web

Web開発

Java

google chrome

Chrome

programming
リンク
Yahoo! UI Library3（YUI3）の標準オブジェクト（1/6）：CodeZine
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
three_bee 2010/04/10
YUI

javascript

Web開発

develop

Yahoo!
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx