サンプルページ01
Bootstrapの使い方で使用方法を学習しましたが、実際にホームページを作成すると思うようにパーツを配置できないものです。 ここでは実際にBootstrapを使用してホームページを作成していく過程を紹介します。 あくまでも私のやり方なので、そうじゃない！・いやそれは・・・という事もあるかもしれませんがご了承下さい。 コンセプトは「企業向けホームページのTOP画面」を作成するです。 レイアウトは 上段 ヘッダ（スローガン・会社名・電話番号・営業時間） ナビゲーション なんちゃってなイメージ 中段 企業の業務内容の紹介 お知らせ 新着情報 下段 フッタ（各ページへのリンク・SNSへのアクセスアイコン等） Copylight といったところでしょうか。 まず最初に ・ 素組みしたページ ・ 編集したページ を御覧ください。 サンプルページダウンロード ※HTMLファイル内のBootstrapの
安全加密检测
已通过安全加密检测 如果没有自动跳转，请点击下方按钮前往 欢迎爸爸光临8号购彩360安全卫士提供技术支持 Copyright © 1998 -2020. All Rights Reserved.
AngularJS ではモデルをどう宣言すればいいのか - AngularJS Ninja Blog
AngularJS の ng-model、大事なのは dot があること AngularJS では、モデルをどこに宣言すればいいんだってのがわかりにくい。 controller に $scope があって、簡単なサンプルコードでは大抵そこに直接$scope.nameみたいに記述されているので、同じように書いてしまう。 うまくいかないコード例は以下。 <!-- うまくいかないコード --> <div ng-controller="ParentController"> <input type="text" name="parent" ng-model="name"> <div ng-controller="ChildController"> <input type="text" name="child" ng-model="name"> </div> </div>
さくらクラウドとAWSを私の使い方で比較してみた - yuumi3のお仕事日記
さくらクラウドが新規利用を開始したので、試してみました。そして現在、私が使っているAmazon Web Services(AWS)とコストをメインに比較してみました。 私のクラウドの使い方 私(EY-Office)では、現在開発用のサーバーとしては、サクラVPSとAWSを使っています。 サクラVPSはRedmine, Git repository, Ruby on Railsのテスト用などに使っています。 本題のAWSの使い方は、 1. Ruby on Railsアプリの確認用サーバー 出来たアプリのAPI接続テストやお客様とのレビュー用。開発そのものは MacやVMWare上のLinuxで行うのでAPI接続テストやお客様とのレビューなどインターネットにつながってないと出来ない時のみ立ち上げて使っています。 現在、進行中の仕事でも使ったのは1週間ほどでしょうか？ お客様側の都合などもありプ
ディー・エヌ・エー ミクシィ グリーほか 突然儲からなくなった会社何が起きたのか 少し前はあんなに羽振りがよかったのに（週刊現代） @gendai_biz
猛スピードで駆け上がった。新しいビジネスを作り上げた。億万長者にもなったのに、どうしてこんなに不安なんだろう。「時代の寵児」と持て囃された経営者たち。その顔に焦りの色が滲み始めた。 社員の給料が高すぎて 六本木ヒルズ(東京都港区)のグリー本社を訪ねると、エレベーターホールから続くエントランスは、真っ白を基調とした広々とした待合スペースになっていた。来客者はゆったりとした白いソファに座って、アポイントを取ったグリー社員をそこで待つ。経費節約のために受付は「電話だけ」という会社が増えている中にあって、日本トップクラスの家賃を誇る六本木ヒルズで、来客者のために惜しみなくスペースを使う様は優雅さを漂わせていた。 来客者の一人が、その空間を「まるで巨大宗教団体の施設のようだ」と語っていたのが耳に残る。いまから2年前の2011年、本誌記者が取材でグリーを訪ねた時のことである。 当時、対応に出てきた広報
Proxyデバッグソフト「Charles」がすごい
Proxyデバッグソフト「Charles」がすごい 最近、色々な業務でMacのProxyデバッグソフト「Charles」が大活躍しています。 主に次のようなケースで利用しています。 本番環境にあるJavaScriptやCSSを修正して欲しい 本番環境がASPだったりしてローカルで環境を生成できない際にチャールズを利用してJavaScriptファイルやCSSファイルだけローカルのファイルを参照することができます。 メニューのToolsからMap Localを選択、Map Fromにサーバー上のURLを、Map Toにローカルパスを記述します。そうするとPCからURLにアクセスする際にローカル上のファイルに差し替えられます。 URLは存在しないものでも大丈夫なので、Ajaxなどを実装するには架空のURLをローカルのファイルに向けておけば大丈夫です。 本番環境にあるJavaScriptやCSSを
洋画もいいけど絶対見ておくべき邦画 おすすめ日本映画10選 - ネットの海の渚にて
最近おすすめ映画を紹介するブログをよく目にしますが邦画のみに絞った記事はあまり見かけた記憶がありません。 そこで今回は映画好きの私が自信を持っておすすめする邦画を10作品選びました。 普段ハリウッド作品しか見ない方も是非邦画をご覧になってみてください。 ハリウッドに比べて圧倒的に少ない予算で製作者達は知恵を振り絞って作り上げています。 予算が少ないからといって面白い作品が作れないわけじゃない。 そんな意気込みを感じる作品を選んだつもりです。 それではどうぞ。 天然コケッコー [DVD] 出版社/メーカー: 角川エンタテインメント発売日: 2007/12/21メディア: DVD購入: 5人 クリック: 386回この商品を含むブログ (365件) を見る 天然コケッコー 島根の田舎町で起こる甘酸っぱい青春ストーリー 誰しもが経験したことのある思春期特有の苦悩と葛藤 傷つけたり傷つけられたり。大
AngularJSでXMLレスポンスを表示するサンプル
angular.jsはサーバとの通信にJSONを使うことが典型的ですが、別にテキストでもXMLでも大丈夫のようです。今回、XMLを取得してng-repeatで表示するサンプルを作ったので簡単に紹介します。 まず、コントローラ内で次のようにします。 $scope.jQuery = jQuery; $scope.getXmlContent = function() { $http.get($scope.xmlUrl).success(function(data) { $scope.xmlDoc = jQuery(jQuery.parseXML(data)); }); }; $scope.getXmlContent(); jQueryはロードされているものとします。getXmlContentが$scopeに入っているのは、ng-clickからも呼べるようにするためです。取得先のURLは同一ホスト
【Android】GenymotionでエミュレータにGooglePlayのアプリとかないやん！っておもったら « zoomAroid
Genymotion、いいかんじですね！ 1年前とかにAndroidアプリの開発とかしてたんですが、そのときはエミュレータが遅くていつも実機でデバッグしておりましたが、これならストレスなく使えそう！ さらに、今までKindleのMacアプリがログインできなくて使えない、ということがあり、Mac上でKindle書籍を読めないなー、と思っていたのですが、 Kindle書籍をMacで読んだり、コピペ引用すると書評ブログが捗る～意味吸引器としての電子書籍ふたたび – 情報学の情緒的な私試論β こちらのサイトに紹介されているようにGenymotionを使ってAndroid用Kindleアプリを使えばMac上でもKindle書籍が読める！という素晴らしいハックがあり大変重宝しております。 で、実際Genymotionをインストールして使ってみようとしたのですが、 「あれ、GooglePlayのアプリ、
Kindle書籍をMacで読んだり、コピペ引用すると書評ブログが捗る - 太陽がまぶしかったから
『http://samulife.com/iPhone/kindle-for-pc』 上記読みました。種明かしをすればAndroidの仮想マシンを動かして、そこで表示させるという当たり前の話だったのですが、タイトルの勝利ですね。とはいえ、Andoridといえば激重のエミュレータでデバッグをしていたイメージしかなかったので普通に使えるというのが新鮮でした。 Mac上でWindowsと共存させるVMware Fusionのような仮想マシンソフトが快適に動いているのだから時間の問題で解決されるであろうとは思っていたのですが、この手の固定観念ってウォッチしてないと案外アップデートされないままだったりするので適宜の確認って大切だと思いました。 GenymotionからAndroidを使えるようにする Android 4.0以降はタブレットPCでの利用をされており、ハードウェアキーボードやタッチパッド
AngularJSの素晴らしさを整理してみる - pochi's weblog
久々のブログになります。 3年ほどJavaScriptを利用した開発をしてきましたが、最初はなぜJavaScriptでMVCフレームワークが必要なのかいまいちわからず、いろいろ試行錯誤してきました。 今日はタイトルの通りAngularJSが素敵だなということを書きたいのですが、よくあるベストプラクティスみたいなものではなく、自身がどのように思考回路を経由してここに行き着いたのかという経験談を記しておきたいと思います。 ちなみに私のJavaScript力は高くありませんのであしからず・・・。 jQuery 昔々、JavaScript MV(V)Cみたいなものがなかった時代、JavaScriptでリッチなものを作ろうとなるとjQueryやDojoのような低レイヤーのフレームワークが主に利用されていました。 その当時簡単なシングルページアプリケーションを作っていましたが私はjQueryを採用しま
Jenkinsの開発者、間違えて一ヶ月前のローカルレポジトリをgit push --forceしてしまう
Jenkinsの開発者、間違えて一ヶ月前のローカルレポジトリをgit push --forceしてしまう Jenkin developers accidentally do "git push --force" to over 150 repos on github | Hacker News Jenkinsの開発者、Luca Milanesioによって、Jenkinsの多くのgitレポジトリに対してpushが行われた。不思議なことに、pushをしたというのに変更点はほとんどみられない。一体ルカは何をやったのだ。 Dominik Bartholdi やあみんな、とくにルカ。 昨日、GitHub上のJenkinsの多くのレポジトリ（50以上）に、なにか変なことが起こった。 どうやら、Luca Mmilanesioが、何の変更もないのに、たくさんのたくさんのレポジトリにpushしたらしいのだ。
AngularJSのdirectiveとは - Qiita
以下はhttp://docs.angularjs.org/guide/directive のドキュメントをだいたい和訳した感じの内容になってます。 概要 DOMをいじるコードを綺麗にみせるための仕組み。 directiveの処理の流れ http://docs.angularjs.org/guide/directive の Compilation process, and directive matchingの項より parse: HTML文字列をDOMに変換する。 compile: 1で変換したDOMを探索してdirectiveが必要な要素を見つけたらdirectiveのcompileを実行する。もし複数のdirectiveが必要な場合優先順位付けが行われる。 link: scopeとtemplateを結びつける。ここで要素に対するリスナが登録されたりscopeのwatchesがセットされ
Angular JSを使おう3 Directiveを作ろう « NAVER Engineers' Blog
こんにちは、こんばんわ、お久しぶりです。 NHN Japan ウェブサービス本部開発1室UITチーム 吉田徹生(@teyosh)と申します。 3ヶ月ぶりの登場です。 AngularJSって何？という方は第一回目の記事[Angular JSを使おう]を御覧ください。 さて、3ヶ月の間にstableは1.0.5と順調にアップデートしております。 ちゃんとアップデートがされると使っていても安心できます。 今回はAngularJSを利用していると気になるng-clickやng-repaeatなどAttributeに設定されているものについてです。 これはdirectiveの拡張でAngularが機能を設定してくれます。 Hello, World 以下のようなコードがあるとします。 <div ng-app='hello'> <div ng-controller='helloCtrl'> <
AngularJS でモデルとコントローラーをモジュール化する - present
先日 AngularJS のルーティング機能を試したけど、サンプルではモデルをコントローラーごとに作成していた。でも、プロダクトコードだとコントローラーやモデルは再利用しやすいように、AngularJS のモジュールにするはず。特にモデルは。 そういうわけで、モデルとコントローラーをモジュール化してみる。 まず、モデルの定義は factory メソッドを使う。 angular.module("services", ["ngResource"]). factory("Guest", function($resource) { // API の URL を指定してモデルを作成 var Guest = $resource("/guests/:id"); return Guest; }); 次に、コントローラーの定義は controller メソッドを使う。 angular.module("con
Androiderに贈るAngularJS概説 - Qiita
会社でAngularJSをわっしわっし使ってみて、そろそろ某かの意見を言えるようになったのではないか？と思ったので、推薦記事を書いてみます。AngularJSマンセー！ 一般のAngularJS解説記事はまぁ巷にそれなりに出回っていると思うので、僕の周りに蔓延る混沌Androidクラスタ向けの説明記事を書いてみようと思います。 というわけで、AngularJSをAndroid用語を駆使して説明します。正確さはあまり気にしません。 読者に要求されるもの Androidについての基本的な知識 JavaScriptやHTMLなどに対する基本的な知識 参考 わかめのAngularJSはてブ AngularJSってなに？ AngularJSはGoogleが作成しているWebアプリのクライアント側用フレームワークです。 遠い仲間としてBackbone.jsが、近い仲間としてKnockout.jsやFl
開発支援系のサービスが充実しすぎて転職か廃業を考えた | Ore no homepage
なんて表現したらいいかわかんなくて、開発支援系サービスって謎表現したけど…。なんつーか、開発支援向けのサービス？クラウドってやつ？ってかいわゆる外部がやってくれる系のサービス(モニタリング/ホスティング/etc)が充実してますよね。んで、一介のWebエンジニアのおれがこの先生きのこるにはどうするかを真剣に考えていたところだった。きのこ。何割かはネタ。 思いついたものを挙げてみる。AWSやGitHubは割愛。言うまでもねーだろ…。 New Relic http://newrelic.com/ 有名なNew Relic。これも説明するまでもないかな。今のチームでコレのお金払う版を使ってるんだけど、「外部APIとの通信個所とDBとの通信個所が遅いように思えるので調査しますわ」→「それNew Relicで見れるよ」とか「各テーブルへのアクセス頻度集計しますわ」→「それNew Relicで見れるよ」
今、AngularJSというフレームワークがヤバい - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年11月05日10:36 JavaScript 勉強会 今、AngularJSというフレームワークがヤバい 先週の土曜日、ランサーズさんで行われた 第３弾 週末ランサーズ に参加して個人的に今アツい AngularJS について話してきました。 AngularJS は ng-repeat が便利だったり、コードの見通しが良くなるなどいろいろなメリットがあると思うのでうまく使えば大変メリットがあると思います。特に、データの状態（要素の追加・削除や、状態のon/off など）を制御すればそれに合わせて view の表示はすべて AngularJS がやってくれるというのは素晴らしいですね。 ちなみに、以下の資料の中で ng-app とか ng-repeat とか出てきますが（これは directive と呼ばれます）、この ng というのは AngularJS の２文字目と３文字目を表
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Edit fiddle - JSFiddle - Code Playground
AngularJS