AngularJSでシングルページアプリケーションを作るためのミニマルなサンプル
12年あたりから目にするようになった「Single-page application（SPA）」というものがある。 Single-page application - Wikipedia, the free encyclopedia これは言ってみれば、初めにトップページを読み込んだらその後はページ遷移を一切行わないWebアプリケーションのことだ。 SPAは、WebSocketでサーバーなどと通信をし続けなければならいない場合や、ストリーミングビデオやオーディオを再生し続けなければならない場合に特に有効だろう。その他にも、ページの再読み込みによるUXの低下を避ける効果もある。 AngularJSにもSPAを作る機能がある。AngularJS本家サイトのチュートリアルもある。 AngularJS: 7 - Routing & Multiple Views しかし、このサンプルはすでに様々な機
AngularJSを使ったWebアプリのアーキテクチャ設計 - Qiita
AngularJSは公式で分かりやすいチュートリアルが用意されているし、日本語の記事も増えてきたし、けっこう簡単に使い始めることができるんじゃないかと思います。 でも、チュートリアルやサンプルはクライアントサイドオンリーなことが多くて、サーバーサイドも含めたWebアプリを作ろうと思うと、どういう構成にすればいいのか迷うのではないでしょうか？（僕がそうでした） 最初は試行錯誤していたのですが、書籍やネットの記事を読んだりGitHubで見つけたアプリを真似たりしているうちに、どういう構成にすればいいのかだんだん見えてきたので、解説してみたいと思います。 SPA 最近、SPA（Single Page Applicationまたは Single Page Web Application）という言葉をよく耳にするようになりました。 SPAとは、最初のページだけ通常のWebアプリと同じようにサーバーか
所要時間3分!? Github PagesとHEXOで爆速ブログ構築してみよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。静的サイトをいやらしい風にtypoする今日この頃です。 前回、Github Pagesを使ったWebページ公開の記事「Git初心者でも大丈夫！完全無料でGithub PagesにWebページを公開する方法」を書きました。 Github Pagesではデータベースやサーバーサイドプログラムを使うことができないので、弊社ブログのようにWordPressを使ってブログ構築をすることはできません。 そこで今回は静的サイトジェネレータとGithub Pagesを組み合わせることで無料でブログを公開する方法を紹介します。 静的サイトジェネレータ 静的サイトジェネレータとはコマンドラインでのカンタンな操作でHTML/CSS/JavaScriptなどを生成し、Webページ作成を少ない手間で作ることができるツールの総称です。 静的なページにすることで、 セキュリティリス
Angular directives for Bootstrap
UI Bootstrap Bootstrap components written in pure AngularJS by the AngularUI Team Code on Github Download (2.5.0) Create a Build Angular 2 For Angular 2 support, check out ng-bootstrap , created by the UI Bootstrap team. Dependencies This repository contains a set of native AngularJS directives based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is re
AngularJS使い方メモ - Qiita
AngularJSアプリケーション開発ガイド を読みながら勉強したときのメモ。 HelloWorld AngularJS を入手する 公式サイトから angular.min.js をダウンロードする。 HTML を書く <html ng-app> <head> <script src="angular.min.js"></script> <script src="helloWorld.js"></script> </head> <body> <h1 ng-controller="HelloWorldController">{{message}}</h1> </body> </html> angular.min.js を読み込む。 ng-app ディレクティブを付けたタグの中が、 AngularJS のテンプレートとして処理される。 ng-controller ディレクティブを付けたタグの中
優れたエンジニアを採用できないワケ | POSTD
あなたは技術者採用の面接が苦手ですね。そう、あなたですよ。間違ったスキルを探し求め、適正の無い人たちを採用して、自分自身と会社に悪い影響を与えているのです。応募者リストを見直さなくとも、今までとは違う人材を採用し、会社の業績を上げ、あなた自身も仕事をもっと楽しめるようになりますよ。 いささか大胆な物言いだということは承知しています。仕事での経験を積み面接を担当するようになってから10年、大小の企業の様々な部署で、技術者を雇うための数多くの面接をしてきました。採用する人材が会社に及ぼす影響についても見てきました。完璧な採用を目指せというつもりはありません。私自身がこれまで何度もしてきたあらゆる失敗をあなたが犯さなくても済むよう、お伝えしたいのです。私がこれまで学んできたことは次のようなことです。 誤った判断基準 1. 応募者の現時点の知識に基づいて採用しない 面接で犯しがちな最初の間違いは、
複数人でのプロジェクトマネジメントに速攻で同期できる「かんばん」を使えるサービス「Taiga」
トヨタが考案した「かんばん方式」は、生産計画に応じて必要なものを必要なときに必要なだけ供給でき生産効率が向上するため自動車の製造に限らず製造業一般に普及し、現在ではプログラムマネジメントの手法の一つとして広く採り入れられています。そのかんばん方式を使って複数人で取り組むプロジェクトをオンライン上でマネジメントできるサービスが「Taiga」です。 Taiga.Io | Agile, Open Source, Free Project Management System https://taiga.io/ ◆アカウント登録 上記サイトページの下にある「SIGN UP」をクリック。 TAIGAのアカウント登録画面になるので、ユーザーネーム・公開ネーム・メールアドレス・パスワードを入力したら「SIGN UP」をクリック。 無事、サインアップが終わるとこのようなサインイン画面になります。なお、複数の
全ての予定がつながる！アカウント横断型カレンダーツール『SUNRISE』が最強すぎた
つい先日、娘の運動会を完全に忘れて仕事の予定IN ⇒ 嫁からしこたま怒られました。中村です。 今回はそんな僕がオススメする「もう完全にこれでいいわ」と言い切れるカレンダーツールの紹介をば。 「またカレンダーツールか」と言いたくなる気持ちも分かりますが、そこはグッと堪えて、まぁとりあえず見てやってください。 【オフィシャルサイト】SUNRISE Calendar Googleアカウント横断！ありそうで無かった連携型カレンダー 個人用のGoogleカレンダーには入れてたんだけど…仕事用のアカウントに連携させるの忘れてて…あの、ほら…ぇえと……。 うん。あるあるですね。 かく言う僕もよくこれをやってしまい、結果冒頭みたいな事態にちょいちょい陥ってました。 が、このSUNRISEなら複数Googleアカウント間の横断がカンタンにできてしまうので「会社用」「個人用」「趣味仲間用」などでバラけていたカ
DeNAが注力する5サービスの成長を加速させるマーケティング術
ディー・エヌ・エー（DeNA）はゲーム事業を核として、スマートフォンアプリを活用した新規サービス、果ては遺伝子検査サービスなど新たな事業を次々と進めている。直近では、スタートアップ企業のiemoとペロリの2社を買収し、キュレーションプラットフォーム事業も手がけはじめた。 多岐にわたる各種サービスや事業をどのように消費者に訴求し、ビジネスを成り立たせているのか。具体的なマーケティング施策や、その原動力ともなるマーケティングソリューションをどのように活用しているかなどを、DeNAの執行役員でマーケティング本部本部長である彌野泰弘氏と、マーケティング本部 デジタルマーケティング部 第一グループ トラフィックコントロールチーム チームリーダー マネージャーである川田穂高氏に聞いた。 --ゲームを核として多岐にわたるビジネスを展開していますが、いま最も注力している分野は？ 彌野氏：注力している分野は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yoshiko-pg.github.io