ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７
作成：2013/07/22 更新：2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「０」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ
JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ
JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻の取得 まずは、最もよく使う処理です。 //今日の日時を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get
AngularJSはもう古い？未来志向フレームワークAurelia.JSを試してみた！ -
こんにちは、吉岡(@yoshiokatsuneo)です。 最近のJavaScriptフレームワークといえばAngular.JSやReact.JSがホットですが、今年来ると思われるフレームワークAurelia.JSが2015年1月末リリースされました。 Home | Aurelia Aurelia.JSはGoogleでAngularJSの開発に関わっていたRob Eisenbergさんが開発した次世代のJavaScriptフレームワークです。 特徴として、最新のJavaScript関連技術であるECMAScript6、WebComponents、Object.observeなどの機能を取り込むことで、シンプルで使い勝手のよいフレームワークになっていることが挙げられます。 オンラインコーディング環境paiza.IOでも利用しているAngularJSとの比較を中心にして紹介します。 ■Aurel
Vue.js概要？ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Vue.js とは 原作者である Evan You氏 が中心となって開発中のクライアント サイドJavaScirpt(JS)フレームワークです。 MVC の派生種である、GUIライブラリに適した MVVM を設計基盤と して採用し、構築されています。 MVVM を採用していること が、構文の理解しやすさに繋がって います。 MVVM を採用したフレームワークでは、表示そのものであるView、 表示するデータ 及び データを操作する手続き をひとまとめにした View Model(VM)、が舞台上の役者です、それらを管理する コントローラ
High Performance Web Frontend
★追記： https://speakerdeck.com/ahomu/high-performance-web-frontend-2013-qiu のほうがブラッシュアップ版です WCAN 2013 Summer (7/6) で行われた、"High Performance Web Frontend…
JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
リアルタイムWebアプリケーションフレームワークMeteorについて - Qiita
#はじめに 初めてAdventCalenderに参加させていただきます。 先月頭に初めてMeteorに触り、１ヶ月しか触っていないですが、 その素晴らしさに感動し、DiscoverMeteorの翻訳作業に参加させて頂いたりしてます。 その感動したポイントをお伝えしたいと思い今回Meteor AdventCalenderに記事を投稿することにしました。 目標は、「ちょっと触ってみるか」と思っていただくことです。 Meteorに出会う経緯 もともとiOSアプリ開発をやりたくて組み込み系エンジニアからWeb系エンジニアに転向しました。 その状態でWebアプリ開発に触れ、ネイティブアプリと比較して 違和感というか納得いかない感を感じており、 それを解決してくれたのがMeteorでした。 納得いかない点を説明させていただくところから始めさせてください。 Web開発の違和感(SPA以前) Web開発で
【2014】海外で話題のjsライブラリ/フレームワークまとめ76選 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? HackerNewsやProductHuntなどで今年話題になったjsライブラリ/フレームワーク一覧です。 備忘録として個人でまとめていましたが、けっこう使えそうなものもあったので、Qiitaにまとめてみました。 ＊vue.jsのようなメジャーなものは省いています。 ・Metricsgraphics.js D3の時間軸を必要とするグラフだけに特化したjsライブラリ D3って色々できるけど実際そんなに使いこなせてない人はこっちの方がいいかも！ ・intro.js ささたつさんの記事でおなじみのサイト上で動作するチュートリアルを簡単につくる
超エコで超高速なやつらの性能比較: Go vs Node.js (vs Vert.x) - Qiita
超エコで超高速なやつらの性能比較: Go vs Node.js (vs Vert.x) 今時のWebで大量接続で高負荷になりそうなサイトを作りたい人は必見。 スタートアップ起業が選ぶなら、こういう言語やフレームワークを選ぶべき。 人気が出て急激な負荷に耐えられる様に、最初から正しいアーキテクチャを選んでね。 妙なやつを選んだらサーバはたくさん必要だし、クラウドでも費用が高くなるし大変だよ。 Node.js vs Go の記事を読んだのでこの記事を書いています。 http://yosuke-furukawa.hatenablog.com/entry/2014/02/10/134014 https://speakerdeck.com/yosuke_furukawa/benchmarking-node-dot-js-vs-golang http://sssslide.com/speakerdec
Marka·アニメーションをサポートした綺麗なアイコンライブラリ MOONGIFT
Webサイトにはアイコンが付き物ですよね。しかしフラットUIが流行とあって、アイコンも派手なものではなく単色でシンプルなものが好まれるようになっています。例えばWeb Fontを使ったアイコンです。 Web Fontを使った場合、カラーリングやサイズの自由が大きいですが、向きを変えたりアニメーションさせたりするのは難しいでしょう。そこで使ってみたいのがMarkaです。 Markaの使い方 MarkaはJavaScriptを使って制御できるアイコンです。 var m = new Marka('#icon'); m.set('circle') .color('#FF6600') .size('50'); こんな感じでアイコンを指定します。四角いアイコンにする場合は、 var m = new Marka('#icon'); m.set('square') .color('#FF6600') .s
Web制作者でもネイティブアプリが作れる！node-webkitを使ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。最近周囲で結婚ラッシュがきており、漠然と焦っています。 さて、私は業務上Node.jsを触ることがあるのですが、今日はnode-webkitで少し違ったNode.jsの活用法をお伝えしていきたいと思います。 node-webkitとは 「node-webkit」はNode.jsとChromiumを利用してネイティブアプリを作ることができる、ランタイム/開発フレームワークです。 ダウンロードは下記よりおこなうことができます。 rogerwang/node-webkit – GitHub https://github.com/rogerwang/node-webkit HTML/CSS/JavaScriptでアプリを作ることができる HTML/CSS/JavaScriptと聞くと、Webブラウザ上で動作するWebアプリケーションをイメージしますが、node
JavaScript初級者から中級者になろう — uhyohyo.net
このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav
Scriptular - Javascript Regular Expression Editor
Scriptular is a javascript regular expression editor. Inspired by Rubular it gives you a simple way to test javascript regular expressions as you write them. Start by entering a regular expression and then a test string. Or give this example a try. Learn more about regular expressions in javascript.
getJSONでグローバル変数に値をセット - Qiita
201402追記 これは全く良い方法ではないです(コメント参照) なお同期通信にするのもあまり筋の良い方法ではなくて、コールバックで順序を保障するのが普通です。 本気で設定ファイルとして読み込みたいなら、renderingの段階で渡すのがよいかもしれません。 概要 JQueryのgetJSONは非同期通信なので、JSONで書いた設定ファイルから値を取ろうとしても、取れないまま処理が進んでしまう。 コールバック関数の中で処理を完結させれば問題ないが、グローバル変数に値をセットしたい場合は、同期通信にしてからgetJSONする必要がある。 具体的には、$.ajaxSetup({async: false});を使う。 気付かないまま詰まったので参考にどうぞorz コード
『RequireJS等はもう古い。WebPackとは？』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 アメーバ事業本部 クロスイノベーション室のグンタ（@gunta85）と申します。 今回はフロントエンド開発用の、 ありとあらゆる依存関係を簡単に解決してくれる、 WebPackというスグレモノをご紹介します。 導入経緯大きなアプリを開発するにあたり、依存関係を解決してくれるものを探していました。 その中で、RequireJSやBrowserify、Componentなども候補に挙がりましたが、 諸々の理由でWebPackを選びました。 特徴の違いについては「WebPack vs Browserify」等で検索してみると良いかと思います
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Aurelia
15 Best Node.js Tools for 2015 | Code Geekz
プログラミング言語Dartの基礎
Sauce Labs - Selenium-based Downloads,Hosting and Support
True Key by McAfee
