AngularJSアプリの最も基本的な構成要素である「コントローラー」の基礎として、コントローラー経由でスコープを準備し、テンプレートに反映させる方法を説明する。 ← 前回 連載 INDEX 次回 → AngularJSアプリの重要な構成要素として、コントローラーとスコープがあります。 スコープ($scope)とは、テンプレート(HTML)とJavaScriptによるモデルとを橋渡しするためのオブジェクト。AngularJSの世界では、テンプレートで利用する値や挙動*1はスコープを介して引き渡すのが、まず基本です。 そして、コントローラーとは、このスコープを準備するための仕組みです。その性質上、コントローラーはAngularJSアプリの最も基本的な構成要素といってもよいでしょう。 本稿では、コントローラー経由でスコープを準備し、テンプレートに反映させる例を見ていきます。
連載企画「AngularJS徹底解説」の第3回目は、ControllerとScopeの基礎について解説していきます。 AngularJS は MVW(hatever)!!! AngularJSはMVC(Model-View-Controller)フレームワークと呼ばれることが多いですが、一部の開発者からは MVVM(Model-View-ViewModel)である、という声もあがっていて、ある時期に「一体どっちなんだ!?」という状態になりました。 そこで、そういった経緯に対してAngularJSチームが、そこについての議論は本筋ではないとして、AngularJSはMVW(Model-View-Whatever)である、と明言しています。 今回解説するControllerは、このWhateverの役割にあたる機能です。実際に「Whatever = 何でもいい」とはいっても、”Controll
ALTER ROLE role_name [ WITH ] option [ ... ] option: SUPERUSER | NOSUPERUSER | CREATEDB | NOCREATEDB | CREATEROLE | NOCREATEROLE | INHERIT | NOINHERIT | LOGIN | NOLOGIN | REPLICATION | NOREPLICATION | BYPASSRLS | NOBYPASSRLS | CONNECTION LIMIT connlimit | [ ENCRYPTED ] PASSWORD 'password' | VALID UNTIL 'timestamp' 対象のロール( role_name )の属性を変更します。変更したい属性に対して値を設定してください。設定されなかった属性は元のままとなります。ロール名を指定する代わり
検索フォームなど、button要素とinput要素を並べて配置した際に、それらのテキスト(アイコンも)を垂直方向に美しく揃えて配置するスタイルシートのテクニックを紹介します。 ボタンと入力フォームの高さは自由に変更でき、デザインも普通に変更できるので、スニペットとして登録しておくと便利です。 button要素とinput要素のテキストを揃える インタラクティブな要素のコンテンツを垂直方向に揃えるのに苦労したことはありませんか? あなたは仲間です、多くの人が経験していると思います。 この記事では、line-height, padding, flexboxを使用して、button要素とinput要素のコンテンツを中央に配置する方法について解説します。 まず、ゴールを明確にしておきましょう。 button要素とinput要素のコンテンツは完璧に揃えます。 button要素とinput要素の高さは
テンプレートリテラルとは、ECMAScript 6 で新しく使えるようになった構文のひとつです。 言わばヒアドキュメントのようなものです。めちゃくちゃ便利です! 2015年8月現在、Google Chrome と Firefox の最新版では既に使えるようになっています。 2016年9月現在、Edgeでも使えるようになっており、Google Chrome や Firefox も含めたほとんどのモダンブラウザで利用可能です。 (残念ながらモバイルブラウザではまだ非対応のこともあるので、要注意です。) 基本 この内容を知っているだけでもカナリ使えます! バッククオート(`~`)で囲む! var a = "ジャバスクリプト"; var b = `ジャバスクリプト`; console.log( a === b ); // true console.log( b ); // ジャバスクリプト
セッションを扱う!express-sessionを利用する方法【初心者向け】 初心者向けにNode.jsのフレームワークExpressでセッション機能を使う方法について解説しています。sessionをインストールして実際に使う構文を書きながら説明しています。自身でもプログラムを書いて理解していきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 今回は、express sessionについて解説します。 Node.js環境でexpr
URLの「パラメータ(クエリ文字列)」とは? URLパラメータ、クエリ文字列とも呼ばれますが、例えば、 「http://www.example.com?lib=jquery&ver=3」 における「?lib=jquery&ver=3」の部分を指します。 Javascript(jQuery)でURLのパラメータ(クエリ文字列)を取得する方法 jQueryと書きましたが、Javascriptに、クエリ文字列を取得する方法がすでに用意されています。location オブジェクトの「.search」プロパティにクエリ文字列(パラメータ)の値が格納されています。 // URLパラメータ文字列を取得する var param = location.search alert(param) // 「?lib=jquery&ver=3」が出力 極めてシンプルな変数ですので、jQueryに同じ機能の関数は存在し
2017/06/22 PHPでtime()、strtotime()を使って取得できるUNIXタイムスタンプ。これをJavaScriptを使って取得します。 サンプルコードDateオブジェクトのgetTime()を実行すると、その時点でのUNIXタイムスタンプを取得できます。取得できるのはミリ秒単位なので、秒単位に直すには1000で除算(割り算)し、Math.floor()などで少数以下をなくしましょう。 // Dateオブジェクトを作成 var date = new Date() ; // UNIXタイムスタンプを取得する (ミリ秒単位) var a = date.getTime() ; // UNIXタイムスタンプを取得する (秒単位 - PHPのtime()と同じ) var b = Math.floor( a / 1000 ) ;Dateオブジェクトのコンストラクタに引数を指定すると、
Linuxサーバーの管理をしていると、プログラムを定期的に実行したい場合があります。そのようなときは、「cron」という機能をお試しください。ルールがやや複雑ですが、仕組みがわかればいろいろな予約とその繰り返しに応用できます。これでサーバーを効率良く、さらに正確に管理できるようになります。 cronとは? Linuxサーバーの管理で、大切な設定方法の一つです。ポイントは「何を」「いつ(頻度)」実行するかを決めて、そのルールを書き込むことです。正しく設定したかをチェックすることも大切です。似たような用語に「crontab」がありますが、その違いについても簡単に解説しましょう。 なお筆者は、長い間「複製」の意味の「クローン(clone)」と勘違いしていました。二つともITの現場で使われていますが、スペルも機能も異なります。こちらの記事は「cron」についてです。 cron利用のメリット だいた
<a href="https://youtube.com/live/AOKvMCwInsM?feature=share" target="_blank" rel="noopener"><img src ="https://img.atcoder.jp/img/awtf2024live_english.png" class="img-responsive center-block"></a> [How to get an account / participate in contests?](http://atcoder.jp/posts/2) [AtCoder's Contest Format](http://atcoder.jp/posts/1) - [AtCoder's Testcases](https://www.dropbox.com/sh/nx3tnilzqz7df8a/AAAY
Javaプログラムを書く上で守るべき一般的な指針をまとめておきます。 Java言語の命名指針(ルール) おおまかに以下のルールで命名することができます。 すべてのUnicode文字が利用できる 日本語(マルチバイト文字列)なども利用できるが慣例的に以下のみで構成することが多い 英数字 アンダースコア( _ ) 先頭文字に数字は使えない 文字数制限はない 大文字と小文字は区別される 予約語は使えない (参考)予約語一覧:Javaの予約語 1. クラス名 Pascal記法 先頭を大文字 それ以外は小文字 言葉の区切りは大文字 例 ・PermissionsIntro ・AsyncTask ・FileCopy ・MainActivity 2. メソッド名 camelCase記法 先頭を小文字 以降も小文字 言葉の区切りは大文字 予約語ではない英単語と略語を組み合わせることが多い 例 ・ fileS
シェルスクリプト入門として, 基本的な書き方をまとめました. 長いですが, 1ページにまとめてみました. 良かったら目次も参考にしてご覧になって下さい. 目次 シェルスクリプトとは 作り方, 実行の仕方 コメント ユーザーからのキーボード入力を受け付ける 変数 通常の変数 特別な変数 演算子 数値計算演算子 比較演算子 コマンドを繋げる演算子 条件文に使える比較演算子 条件文 制御構文(分岐) if文 case文 制御構文(ループ) for文 while文 until文 select文 文字列処理 文字列置換 削除 複数行のテキストの出力(ヒアドキュメント) 関数 シェルスクリプトとは シェルスクリプトとは, シェルの動作をまとめて記述したスクリプトのことです. 決められた文法にしたがって処理を記述することによって, シェルでの処理をまとめて行ったり, 作業を自動化できたりします(例 複数
ちなみに自由に区切り文字を入れられるので dt.toFormat("YYYY/MM/DD HH24時MI分SS秒");とかにすれば,2014/02/13 22時29分06秒と出力されます. 使ってる(サーバー)マシンで指定されている時間を呼び出すので,表示される時間がおかしい時はマシン設定を見てみると良いと思います. 指定の仕方 toFormat()というメソッドで割と色々な形で時刻を取得できます. d.toFormat(format); // returns date formatted with: // YYYY - Four digit year // MMMM - Full month name. ie January // MMM - Short month name. ie Jan // MM - Zero padded month ie 01 // M - Month ie
Webサイトのリニューアルやページ構成の見直しなどで、ページのURLが変わってしまうことってあるかと思います。そんなときに必要になってくるのが「リダイレクト(ユーザーを別のページへ誘導すること)」です。 本ページでは、そんな「リダイレクト」の具体的な方法や、設定することによるメリット、また気をつけたいことについて解説していきます。 もくじ リダイレクトとは? リダイレクトには「301リダイレクト」「302リダイレクト」がある どうやってするの?(リダイレクトの種類) .htaccessを使ったリダイレクト その他のリダイレクト方法(meta、php、JavaScript) リダイレクト時の具体的な記述例 .htaccessを使ったリダイレクトの場合 その他のリダイレクト方法(meta、JavaScript、php)の場合 リダイレクトさせるメリット リダイレクトで気をつけないといけないこと
URL(Uniform Resource Locator)とURI(Uniform Resource Identifier)の構造の違いはご存知ですか? Webページのアドレスを指す場合はどちらを使うべきなのでしょう。URLを分解して「https:(スキーム)」「#(フラグメント)」「?(クエリ)」「パス(path)」などの名称・意味についても解説します。 今日は、ノウハウというよりは、豆知識を。「URL」という呼び方と「URI」という呼び方がありますが、どう違うのか、あなたはご存じですか? Webページのアドレスを指す場合は、どちらを使うべきなのでしょうか。 URLとURIは何が違うのか結論から言うと、URIとURLは同じものではありません。「URI」のほうが広い概念で、「URL」はURIの部分集合です。同様の仕組みに「URN」というものがあります。 その3つを別のものにたとえてわかりや
URLディレクトリの後ろに「?id=12345」のようなパラメータがあります。 このパラメータをサイト側で取得し、フォームのinputタグに渡し送信する方法を調べました。 URLパラメータとは? URLの後ろについている?と変数と値です。 この?id=1234567を取得を目的とします。 なぜこのパラメータが必要なのか? ではなぜこのパラメータをわざわざ付ける必要があるのでしょうか? 主に広告やマーケティングなどで計測の目的で使用されます。 広告側でパラメーターを付与し、サイト訪問時に取得し、申込み時にそのパラメータを渡せばどの経路で流入したかがわかるといったところでしょうか。 JavascriptでURLを取得する Javascriptではlocation.hrefでURLを取得することができます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く