karupopoのブックマーク (28)

  • https://www.web-development-kb-ja.site/ja/angularjs/%E3%81%AA%E3%81%9Cif%EF%BC%88%EF%BC%81-scope%E3%80%82-phase%EF%BC%89-scope%E3%80%82-apply%EF%BC%88%EF%BC%89%E3%81%8C%E3%82%A2%E3%83%B3%E3%83%81%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3%E3%81%AA%E3%81%AE%E3%81%A7%E3%81%99%E3%81%8B%EF%BC%9F/1044950526/

    karupopo
    karupopo 2021/12/23
    anglar$系
  • AngularJSでコントローラーを定義するには?

    AngularJSアプリの最も基的な構成要素である「コントローラー」の基礎として、コントローラー経由でスコープを準備し、テンプレートに反映させる方法を説明する。 ← 前回 連載 INDEX 次回 → AngularJSアプリの重要な構成要素として、コントローラーとスコープがあります。 スコープ($scope)とは、テンプレート(HTML)とJavaScriptによるモデルとを橋渡しするためのオブジェクト。AngularJSの世界では、テンプレートで利用する値や挙動*1はスコープを介して引き渡すのが、まず基です。 そして、コントローラーとは、このスコープを準備するための仕組みです。その性質上、コントローラーはAngularJSアプリの最も基的な構成要素といってもよいでしょう。 稿では、コントローラー経由でスコープを準備し、テンプレートに反映させる例を見ていきます。

    karupopo
    karupopo 2021/12/03
    agularJSとは
  • AngularJSのControllerとScopeの基礎を学ぼう

    連載企画「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

    AngularJSのControllerとScopeの基礎を学ぼう
    karupopo
    karupopo 2021/12/03
    agularJSが分かるかも
  • ロールの属性を変更する(ALTER ROLE)

    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 )の属性を変更します。変更したい属性に対して値を設定してください。設定されなかった属性は元のままとなります。ロール名を指定する代わり

    ロールの属性を変更する(ALTER ROLE)
    karupopo
    karupopo 2021/12/02
    postgres権限制限あった時に見る
  • TLS certificate verification has been disabled!_warning: ----------------- security warning -------CSDN博客

    karupopo
    karupopo 2021/11/22
    git ssh
  • CSSで、button要素とinput要素のテキストを美しく揃えるスタイルシートのテクニック

    検索フォームなど、button要素とinput要素を並べて配置した際に、それらのテキスト(アイコンも)を垂直方向に美しく揃えて配置するスタイルシートのテクニックを紹介します。 ボタンと入力フォームの高さは自由に変更でき、デザインも普通に変更できるので、スニペットとして登録しておくと便利です。 button要素とinput要素のテキストを揃える インタラクティブな要素のコンテンツを垂直方向に揃えるのに苦労したことはありませんか? あなたは仲間です、多くの人が経験していると思います。 この記事では、line-height, padding, flexboxを使用して、button要素とinput要素のコンテンツを中央に配置する方法について解説します。 まず、ゴールを明確にしておきましょう。 button要素とinput要素のコンテンツは完璧に揃えます。 button要素とinput要素の高さは

    CSSで、button要素とinput要素のテキストを美しく揃えるスタイルシートのテクニック
    karupopo
    karupopo 2021/11/04
    CSS ボタン配置
  • 【CSS display:flex】フレックスボックスの使い方

    PICK UP A8フェスティバルオンラインセミナーで「売れるサイトmakerに聞く!サイト作成スタートアップガイド」というテーマでセミナー講師としてお話しさせていただきました。 個別指導Webスクール 個人事業主様・経営者様・起業副業など自分のビジネスのためにホームページの作り方を習得するスクール

    【CSS display:flex】フレックスボックスの使い方
    karupopo
    karupopo 2021/11/04
    CSSボタン配置
  • JavaScript の テンプレートリテラル を極める! - Qiita

    テンプレートリテラルとは、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 ); // ジャバスクリプト

    JavaScript の テンプレートリテラル を極める! - Qiita
    karupopo
    karupopo 2021/10/11
    テンプレートリテラル
  • セッションを扱う!express-sessionを利用する方法【初心者向け】

    セッションを扱う!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

    セッションを扱う!express-sessionを利用する方法【初心者向け】
    karupopo
    karupopo 2021/10/07
    セッション作成方法(変数は別
  • Javascript でURLのパラメータを取得する方法 | WWWクリエイターズ

    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に同じ機能の関数は存在し

    karupopo
    karupopo 2021/10/07
    JSでクエリパラメータを取得する方法
  • JavaScriptでUNIXタイムスタンプを取得する方法

    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オブジェクトのコンストラクタに引数を指定すると、

    JavaScriptでUNIXタイムスタンプを取得する方法
    karupopo
    karupopo 2021/10/07
    JSでUNIXTIME取得方法
  • 【入門】cron(クロン)設定・書き方の基本 - カゴヤのサーバー研究室

    Linuxサーバーの管理をしていると、プログラムを定期的に実行したい場合があります。そのようなときは、「cron」という機能をお試しください。ルールがやや複雑ですが、仕組みがわかればいろいろな予約とその繰り返しに応用できます。これでサーバーを効率良く、さらに正確に管理できるようになります。 cronとは? Linuxサーバーの管理で、大切な設定方法の一つです。ポイントは「何を」「いつ(頻度)」実行するかを決めて、そのルールを書き込むことです。正しく設定したかをチェックすることも大切です。似たような用語に「crontab」がありますが、その違いについても簡単に解説しましょう。 なお筆者は、長い間「複製」の意味の「クローン(clone)」と勘違いしていました。二つともITの現場で使われていますが、スペルも機能も異なります。こちらの記事は「cron」についてです。 cron利用のメリット だいた

    【入門】cron(クロン)設定・書き方の基本 - カゴヤのサーバー研究室
    karupopo
    karupopo 2021/10/04
    cronに関して知りたければ!(基礎からわかる!)
  • AtCoder:競技プログラミングコンテストを開催する国内最大のサイト

    <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

    AtCoder:競技プログラミングコンテストを開催する国内最大のサイト
    karupopo
    karupopo 2021/09/30
    PGBATTLE向けに
  • Java言語の命名指針 - Qiita

    Javaプログラムを書く上で守るべき一般的な指針をまとめておきます。 Java言語の命名指針(ルール) おおまかに以下のルールで命名することができます。 すべてのUnicode文字が利用できる 日語(マルチバイト文字列)なども利用できるが慣例的に以下のみで構成することが多い 英数字 アンダースコア( _ ) 先頭文字に数字は使えない 文字数制限はない 大文字と小文字は区別される 予約語は使えない (参考)予約語一覧:Javaの予約語 1. クラス名 Pascal記法 先頭を大文字 それ以外は小文字 言葉の区切りは大文字 例 ・PermissionsIntro ・AsyncTask ・FileCopy ・MainActivity 2. メソッド名 camelCase記法 先頭を小文字 以降も小文字 言葉の区切りは大文字 予約語ではない英単語と略語を組み合わせることが多い 例 ・ fileS

    Java言語の命名指針 - Qiita
    karupopo
    karupopo 2021/09/30
    Java命名する際に見る!
  • シェルスクリプト入門 書き方のまとめ | Memo on the Web

    シェルスクリプト入門として, 基的な書き方をまとめました. 長いですが, 1ページにまとめてみました. 良かったら目次も参考にしてご覧になって下さい. 目次 シェルスクリプトとは 作り方, 実行の仕方 コメント ユーザーからのキーボード入力を受け付ける 変数 通常の変数 特別な変数 演算子 数値計算演算子 比較演算子 コマンドを繋げる演算子 条件文に使える比較演算子 条件文 制御構文(分岐) if文 case文 制御構文(ループ) for文 while文 until文 select文 文字列処理 文字列置換 削除 複数行のテキストの出力(ヒアドキュメント) 関数 シェルスクリプトとは シェルスクリプトとは, シェルの動作をまとめて記述したスクリプトのことです. 決められた文法にしたがって処理を記述することによって, シェルでの処理をまとめて行ったり, 作業を自動化できたりします(例 複数

    karupopo
    karupopo 2021/09/30
    シェルスクリプト学ぶリスタートに使うべし!基本はここにある
  • Node.jsで現在時刻を取得 - Qiita

    ちなみに自由に区切り文字を入れられるので 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

    Node.jsで現在時刻を取得 - Qiita
    karupopo
    karupopo 2021/09/27
    タイムスタンプnode編
  • Web担当者になったら知っておきたいリダイレクトの知識|東京・大阪のホームページ・Web制作会社ジーピーオンライン

    Webサイトのリニューアルやページ構成の見直しなどで、ページのURLが変わってしまうことってあるかと思います。そんなときに必要になってくるのが「リダイレクト(ユーザーを別のページへ誘導すること)」です。 ページでは、そんな「リダイレクト」の具体的な方法や、設定することによるメリット、また気をつけたいことについて解説していきます。 もくじ リダイレクトとは? リダイレクトには「301リダイレクト」「302リダイレクト」がある どうやってするの?(リダイレクトの種類) .htaccessを使ったリダイレクト その他のリダイレクト方法(meta、phpJavaScript) リダイレクト時の具体的な記述例 .htaccessを使ったリダイレクトの場合 その他のリダイレクト方法(meta、JavaScriptphp)の場合 リダイレクトさせるメリット リダイレクトで気をつけないといけないこと

    Web担当者になったら知っておきたいリダイレクトの知識|東京・大阪のホームページ・Web制作会社ジーピーオンライン
    karupopo
    karupopo 2021/09/27
    リダイレクト方法
  • URLとURIの違いとは? パーツの構造・名称・意味も大解説! | 初代編集長ブログ―安田英久

    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とURIの違いとは? パーツの構造・名称・意味も大解説! | 初代編集長ブログ―安田英久
    karupopo
    karupopo 2021/09/27
    URL構成
  • 【Javascript】「?」から始まるURLのクエリパラメータを設定・取得する方法 - Qiita

    URLディレクトリの後ろに「?id=12345」のようなパラメータがあります。 このパラメータをサイト側で取得し、フォームのinputタグに渡し送信する方法を調べました。 URLパラメータとは? URLの後ろについている?と変数と値です。 この?id=1234567を取得を目的とします。 なぜこのパラメータが必要なのか? ではなぜこのパラメータをわざわざ付ける必要があるのでしょうか? 主に広告やマーケティングなどで計測の目的で使用されます。 広告側でパラメーターを付与し、サイト訪問時に取得し、申込み時にそのパラメータを渡せばどの経路で流入したかがわかるといったところでしょうか。 JavascriptでURLを取得する Javascriptではlocation.hrefでURLを取得することができます。

    【Javascript】「?」から始まるURLのクエリパラメータを設定・取得する方法 - Qiita
    karupopo
    karupopo 2021/09/27
    JsでのURLクエリだけ受け取る方法
  • https://ryu-webstudy.com/2021/07/18/%E3%82%82%E3%81%86%E6%82%A9%E3%81%BE%E3%81%AA%E3%81%84%E3%80%82url%E3%81%AB%E3%82%AF%E3%82%A8%E3%83%AA%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%83%BC%E3%82%92%E4%BB%98%E3%81%91%E3%81%A6/

    https://ryu-webstudy.com/2021/07/18/%E3%82%82%E3%81%86%E6%82%A9%E3%81%BE%E3%81%AA%E3%81%84%E3%80%82url%E3%81%AB%E3%82%AF%E3%82%A8%E3%83%AA%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%83%BC%E3%82%92%E4%BB%98%E3%81%91%E3%81%A6/
    karupopo
    karupopo 2021/09/27
    日付クエリパラメータ