JavaScriptでスタイルの動的変更方法 - Qiita
はじめに JavaScriptは動的サイトを作成することが可能である。今回はスタイルの変更方法を3つ紹介します。 class名を変更 DOM要素を取得してclassNameプロパティの値を変更する方法です。 下のソースコードにおけるid名fooのdiv要素がこちらの方法にあたります。 mouseoverイベントとmouseoutイベントを登録しておき、イベント発生時にstyle.cssで予め用意してあった.foo-beforeと.foo-afterを交換しています。 また別の方法としてclassListを使用する方法がありあます。 toggleメソッドはtoggle(clazz)のように記述し、class名にclazzが含まれていれば削除、含まれていなければ追加するものです。 他にもaddメソッドやremoveメソッド、containsメソッドが存在します。
クラス — 仕事ですぐに使えるTypeScript ドキュメント
TypeScriptの世界を知る 前書き Node.jsエコシステムを体験しよう TypeScriptの書き方 変数 プリミティブ型 複合型 基本的な構文 基本的な型付け 関数 その他の組み込み型・関数 クラス JavaScriptとJava風オブジェクト指向文法の歴史 用語の整理 基本のクラス宣言 アクセス制御（public/ protected / private） コンストラクタの引数を使ってプロパティを宣言 static メンバー インスタンスクラスフィールド 読み込み専用の変数（ readonly ） メンバー定義方法のまとめ 継承/インタフェース実装宣言 クラスとインタフェースの違い・使い分け デコレータ まとめ 非同期処理 例外処理 モジュール console.logによるログ出力 中級のテクニック ジェネリクス 関数型指向のプログラミング クラス上級編 リアクティブ 高度な
Google流 JavaScript におけるクラス定義の実現方法
目次 2019年追記 はじめに クラス実現のために必要な JavaScript の言語仕様 function this call new 演算子 prototype チェーン プロパティ: prototype Google Closure 流のクラスの実現方法の概要 クラスの宣言とコンストラクタの定義 メンバ変数 (インスタンス変数) メソッド定義と呼び出し private, protected 継承 プロトタイプチェーンを利用してメソッドを親クラスから引き継ぐ 親クラスのコンストラクタの呼び出し メソッドオーバーライドと親クラスのメソッドの呼び出し 多重継承 abstract, interface inherits の実際のコード 良くないクラス実現方法 ES6 のクラス 2019年追記 この記事ではclassが導入されたES6以前のJavaScriptでどのようにクラスに相当するものを
うまくクラス名を付けるための参考情報 - Qiita
クラス名には、多くの場合"名詞"を用います。メソッド名の場合は動詞や助動詞を用いて命名しましたが、クラス名は何かしらの責務を持つモノとして捉えるため、名詞を用いることになります。 一方、インタフェースの宣言をする場合、そのインタフェースの名前に"形容詞"を用いることがあります（例：Iterable、Closeable等）。形容詞を用いることで、クラスの持つ性質を説明的に見ることができるようになります(Iterableな配列のList実装 -> ArrayList等)。 この記事は、どのような名詞や形容詞がクラス名やインタフェース名として用いることが出来るかを一覧し、できるだけクラスやインタフェースの役目を端的に表せるようなリファレンスとして活用できるものを目指していきたいと思います。 自分自身がクライアントアプリケーションのバックグラウンドを持っている為、多分にそこで用いる命名方法が含まれ
PHPでのクラス定義とJavaScriptでのクラス定義を対比させてみた - Qiita
はじめに前置き CakePHPなどでWebアプリケーションを書いてて、JavaScript側のコードが思ったように書けずに苦労するケースが割りとあるのかなと思ってます。 その要因となるものは色々あると思うのですが、考えられるものの１つとして、PHPでのクラス定義とJavaScriptでのクラス定義とがうまく対比できない所にあるのかなと思って、参考になる情報がないかググってみました。 PHPとJavaScriptにおけるオブジェクト指向を比較するというスライドは情報はとてもまとまってるのですが、自分が探していたそれぞれの言語でのクラス定義の方法を対比させるようなコード例が出ておらず、しかたがないので自分でコードを書いて対比させて折角なのでドキュメントにまとめることにしました。 注意 JavaScriptでのクラス定義の方法は色々なアプローチがあると思うのですが、自分がなれ親しんでるCoffe
[PHP] そのプロパティ、privateに出来ませんか？ - Qiita
前書き 最初に言っておきます、オブジェクト指向をちゃんと理解している人は読む必要のない記事です。おぼろげにしか理解していない人のために、またつい最近までちゃんと理解していなかった自分へのメモのために書きます。 プロパティは全て private が当たり前だと思っている人は読まなくていいです。 プロパティは全て public が当たり前だと思っている人はもうちょっとクラスの継承・カプセル化について勉強してから読みに来てください。 2014/11/25 タイトル変更 コメント欄の@xipxさんの指摘、ならびにそれに対する私の回答を併せてご覧ください。 問題 外部からのアクセスに対してアクセス修飾子が持つ意味 「プロパティは全部 private が当たり前だ！」とは言いましたが、当然 「継承するときどうするの？」 って思いますよね。ここで例を示します。文字列のみをプロパティとして格納することを許
![[PHP] そのプロパティ、privateに出来ませんか？ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f2c7b48ce6ac8b3b451176159bd8eb84345b361/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCUEhQJTVEJTIwJUUzJTgxJTlEJUUzJTgxJUFFJUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgzJTkxJUUzJTgzJTg2JUUzJTgyJUEzJUUzJTgwJTgxcHJpdmF0ZSVFMyU4MSVBQiVFNSU4NyVCQSVFNiU5RCVBNSVFMyU4MSVCRSVFMyU4MSU5QiVFMyU4MiU5MyVFMyU4MSU4QiVFRiVCQyU5RiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTBiNTMwODQ1MjkwNzgyZTI0NDZiNmIzNWEwYzcyYWY%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbXB5dyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTcxMDU2ZjgzMjg0YmM3ZWY2NDM1OThkMjkyNmU4Yzg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D2e9fcd55c9af7731bb9c45b2fb929c1a)
動的にクラスを定義する - 新しいフォルダ (3)
暇だったので書いたスクリプトをメモ。何に使おうとか何に使えるかとか全く考えてないです。 以上(ｷﾘｯ
クラスの書き方と継承 - Qiita
（2018/10/15編集）この内容すごいJSビギナーの時に書いたやつでして javascariptはclassやextends使えるので参考にしないほうがいいです。 とりあえずCompositeパターンで なんとなくいい感じで記述できてるような気がせんでもないが constructorとそれに付随する引数を取り入れたい… var Component= function(){}; (function(){ var _this_ = Component.prototype; ////プロパティ//// _this_.parent; _this_.name = "Component.prototype"; ////メソッド//// //for Leaf and Conmpsite _this_.operation = function(){ console.log(this.name + "
PHP: クラスとオブジェクト - Manual
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su
5分で分かる名前空間とオートロード
4. 名前空間を宣言する namespace宣言は必ずコードの先頭に記述すること。 （コメント、改行、スペースは宣言の前に書いてもよい） 名前空間は「」（バックスラッシュ）区切りで階層を構成できる。 <?php namespace HolyExample; //名前空間 ”HolyExample” を宣言 ちなみに、誤っていわゆるBOM付UTF-8でファイルを保存したところ、 こんなエラーで怒られてしまいました。 Fatal error: Namespace declaration statement has to be the very first statement in the script ※BOM付きUTF-8には気をつけて！ 5. 名前空間でのクラス定義 名前空間で定義されるクラス／関数／定数は、先頭に名前空間を 付加したものとして解釈される。 namespace HolyEx
クラスベース言語PHPの基本作法
オブジェクト指向のタイプ別分類によれば、JavaScriptが属するプロトタイプベース言語とは異なる、クラスベース言語に含まれるPHP。けれども、そもそもPHPという言語は場当たり的な書き方ができる言語としてブイブイ鳴らしていたもので、ゆえにPHP4以前のヴァージョンでのオブジェクト指向サポートは少し心許ないものでした。 2004年にリリースされたPHP5では、その辺りの弱さを解決し、Javaに近いクラスベースに移行しています。したがって、PHPでのクラスを使った開発の作法というのは、基本的にはJavaのそれに近いものになります。基本的な部分の書き方を見てみましょう。 クラスの宣言とアクセス制限 PHPの基本的なクラス宣言です。 //クラス宣言 someHowClass.php class someHowClass{ //クラスプロパティ public $somehow = "とにかく";
PHPを愛する試み 〜self:: parent:: static:: および遅延静的束縛〜 - maeharinの日記
PHPを愛する試みというものを個人的にやっている PHPを愛する試み PHPを愛する試み 〜調教編〜 今回は、self:: parent:: static:: 遅延静的束縛について図で整理してみた。 スコープ定義演算子 (::) まず「::」について。これはスコープ定義演算子という。マニュアルには以下のようにある。 スコープ定義演算子 (::) スコープ定義演算子 (またの名を Paamayim Nekudotayim)、 平たく言うと「ダブルコロン」は、トークンのひとつです。 static, 定数 およびオーバーライドされたクラスのプロパティやメソッドにアクセスすることができます。これらの要素をクラス定義の外から参照する際には、 クラスの名前を使用してください。PHP 5.3.0 以降では、変数を用いてクラスを参照することも可能です。 変数の値に (self や parent、 stat
PHP入門 - クラス - とほほのWWW入門
class はクラスを定義します。PHPも他のオブジェクト指向言語と同様、クラスやクラスの継承をサポートします。下記の例は MyMember クラスを定義しています。MyMember クラスはプロパティとして $name を持ちます。また、メソッドとして $name に値を設定する setName() と、$name の値を参照する getName() を持ちます。$this は特別な値で、自分自身のオブジェクトを指します。 <?php class MyMember { private $name; function setName($name) { $this->name = $name; } function getName() { return $this->name; } }
WordPressのウェブマスターツールでのMicroformats問題の対処
WordPressのウェブマスターツールでのMicroformats問題の対処方法について紹介します。 １．はじめに 「WordPressユーザー要注意！〜構造化データのエラーでアクセス激減」で知りましたが、WordPressで <?php post_class(); ?> という、記事の投稿情報のクラス属性値を表示するテンプレートタグを利用している場合、Microformatsの構成要素である「hentry」というclass属性値を出力するのですが、その他のMicroformatsの必須要素である、 updated author などがclass属性値として存在しない場合、ウェブマスターツールの「検索のデザイン」→「構造化データ」で大量のエラーが発生する、ということらしいです。 ２．hentryの構成要素 hentryの構成要素は次のとおりです。 entry-title：記事のタイトル（
PHP: The Right Way
デザインパターン ウェブアプリケーションのコードやプロジェクトを作っていくにはいろんなやりかたがあって、 どんなふうに作るか考え抜くのもありだし適当に作るのもありだ。 でも普通は、一般的なパターンに従うほうがいい。そのほうがコードを管理しやすいし、 他の人にもそのコードを理解してもらいやすくなるからである。 Architectural pattern (Wikipedia) デザインパターン (Wikipedia) 実装サンプル集 ファクトリー 最も多用されているデザインパターンのひとつが、ファクトリーパターンだ。このパターンでは、 使いたいオブジェクトを生成するだけのクラスを用意する。ファクトリーパターンの例として、 こんなコードを考えてみよう。 <?php class Automobile { private $vehicleMake; private $vehicleModel; p
WordPressとオブジェクト指向プログラミング
「WordPressプラグインのOOPな雛形はあるけど、テーマのOOPな雛形って？」とググってみると、英文記事『WP+You+OOP（WP+You+オブジェクト指向プログラミング）』に辿り着いたので、和訳してみた。 現在のWordPressのバージョンに比べると、少し古いのをターゲットにしてるみたいだけど、最新版に読み替えても支障ない…と思う。 また、和訳した本人は「SubVersion」使ってないし、「Sunrise」「Must Use」も使ってないんで、その辺りは、まぁ、ごにょごにょ、と…。 WPに関連付けられてるプログラミングの多くは、本質的にオブジェクト指向ではない。 開発者が自身のブログ向けに書いたテーマモジュールやプラグインの殆どは、その場でのワンオフ関数だったり、コールバック関数に関連付けられてるフィルターやアクションの小さなセットである。 WPが“アプリケーション・フレーム
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP entity class example
Back To Basics With WordPress CSS: Understanding The Native Classes | CSS-Tricks
http://kudox.jp/php/php-class
WordPressでちょっとだけ簡単にAjax