【JavaScript入門】メソッドの使い方まとめ(一覧/メソッドチェーン) | 侍エンジニアブログ
こんにちは！Webコーダー・プログラマーの貝原（@touhicomu）です。 今回は、JavaScriptのメソッドについて学習を進めていきましょう！ 基本的には「関数」のことなのですが、その定義方法が少し違っておりオブジェクトに深く関わってくるのでこの機会にスキルアップを目指してみましょう。 この記事では、 ・「メソッド」とは？ ・メソッドの定義方法 ・メソッドの呼び出し方 ・メソッドに引数を指定する ・メソッドに戻り値を指定する という基本的な内容から、 ・メソッドの一覧を取得するには？ ・メソッドチェーンの作り方 などの応用的な使い方に関しても解説していきます。 この記事で、JavaScriptの「メソッド」をしっかり学習して自分のスキルアップを目指しましょう！ 「メソッド」とは？ まずは、「メソッド」について基本的な知識から学習を進めていきましょう！ JavaScriptにおける「
【jQuery入門】 addClass()でクラス属性を操作する方法まとめ！ | 侍エンジニアブログ
こんにちは、ライターのマサトです！ 今回は、jQueryから対象要素のclass属性を追加することができる「addClass()」について学習をしていきましょう！ この記事では、 ・「addClass()」とは？ ・「addClass()」の使い方 という基本的な内容から、 ・「addClass()」の活用 ・アニメーションの作り方 ・addClass()の類似メソッド などの応用的な使い方に関しても解説していきます。 この記事で、「addClass()」メソッドをしっかり学習して自分のスキルアップを目指しましょう！ 「addClass()」とは？ それでは、まず最初に「addClass()」について基本的な知識から学習を進めていきましょう！ 「addClass()」は、任意の要素にclass属性を追加することができるメソッドになります。 例えば、以下のようなHTML要素があるとします。
HTMLにJavaScriptの変数を渡す方法を解説！セキュリティにも要注意 | 侍エンジニアブログ
JavaScriptの変数の中身ってどうやってHTMLに渡せばいいんだ？ アラートやコンソールには表示できたけど、JavaScriptの処理結果をHTMLに反映させたい・・・ こんにちは。はじめてJavaScriptに触れてから15年ちょっと。最近の進歩の速さに驚きを隠せないテックライターの平山です。フロントもサーバサイドもJavaScriptで行けるとか、すごい時代になったものですね。 さて、JavaScriptを学習しはじめた頃はアラートやコンソールを使って、プログラムの結果を表示させるのがよくあるパターンです。ですが、学習を進めていく途中や、実際に自分でオリジナルのものを組み立てだしたときに、はたと気づく問題があります。 そう。JavaScriptの学習をゴリゴリ進めていっても、HTMLとの連動方法がわからないと、JavaScriptらしい動きのあるWebページは実現できないんです。
WordPressでポートフォリオを作ろう！テーマやプラグインも紹介 | 侍エンジニアブログ
作りながら学習できる WordPressを利用するためにはドメインやサーバー契約などが必要になります。そのためWordPressを利用するために裏側の構造を理解できます。便利ツールは登録すれば簡単に利用できてしまい、なぜ動いているのかが全くわかりません。 WordPressが利用できる構造は、サイトを一から作り上げる場合にも必要な知識が盛りだくさんです。またWordPressを利用するための細かな設定など、色々作りながら試行錯誤して作るのでそれだけで学習になります。 コードをいじれるなら、思い切ってカスタマイズもやってみましょう。ポートフォリオを作りながら実践的な勉強になります。 自由度が高い 「Wix」や「Jimdo」は簡単な反面、デザインを変更できないので似たようなサイトになってしまいます。 一方WordPressは自由度が高く、オリジナリティーを出しやすいCMSです。既存のテーマを自
【PHP入門】URLエンコードする方法(urlencode) | 侍エンジニアブログ
こんにちは！フリーエンジニアのせきです。 PHPには、URLエンコードをする機能が用意されています。 この記事では、 ・エンコードとは何か知りたい ・様々なエンコードの種類を知りたい ・URLエンコードする方法を知りたい という基本的な内容から、 ・文字コードを指定してURLエンコードする方法を知りたい ・urlencodeとrawurlencodeの違いが知りたい といった応用的な内容に関しても解説していきます。 今回はそんなURLエンコードする方法について、わかりやすく解説します！ エンコードとは エンコードとはデータを他の形式に変換することです。 データは使用する場面によって、そのままでは使用できないことがあります。 その場合、決められた形式で使用できるデータに変換する必要があります。 どのような場面で、どういう変換が必要なのか、次の章で解説していきます。 エンコードの種類 URLエ
PHPのテンプレートって何で作る？まとめて覚えて開発効率アップ | 侍エンジニアブログ
こんにちは！独学プログラマー&ライターのつぶらやです。 PHPで開発をしていると、以下のような事を思う事があります。 同じような内容を表示する場合のHTMLのひな型が欲しい 簡単に表示とプログラムを分割するためのツールってないの？ 今回は上記のような悩みを解決するために、以下のお話をしようと思います。 テンプレートって何だろう？ PHPでHTMLのテンプレートを作る テンプレートエンジンの種類 実際PHP開発のお仕事につく場合には必要になってくる知識ですので、この機会に是非覚えておいてください。 テンプレートって何？ テンプレートと聞くと何を思い浮かべますか？ 資料を作るためのベースのファイル、プラスチックの板がくり抜かれた製図用の用具。 世の中には色んなテンプレートが存在します。 しかし、PHPでテンプレートというとHTMLのテンプレートやテンプレートエンジンを指すことがほとんどです。
【jQuery入門】eq()の使い方とインデックス番号の活用法！ | 侍エンジニアブログ
こんにちは、ライターのマサトです！ 今回は、HTML要素の順番（インデックス番号）を指定することで要素を取得できる「eq()」について学習をしていきます！ この記事では、 ・「eq()」とは？ ・「eq()」の使い方 という基本的な内容から、 ・セレクタの活用 ・複数要素の扱い方 などの応用的な使い方に関しても解説していきます。 この記事で、「eq()」をしっかり学習して自分のスキルアップを目指しましょう！ 「eq()」とは？ それでは、まず最初に「eq()」の基本的な知識から身に付けていきましょう！ 「eq()」は、複数のHTML要素の中からインデックス番号を指定することで特定の要素だけを取得できます。 例えば、次のようなHTMLがあるとします。 <ul> <li>リンゴ</li> <li>バナナ</li> <li>メロン</li> <li>イチゴ</li> </ul> リスト要素が複数
【jQuery入門】hide()でHTML要素を非表示・表示(show / toggle)する方法！ | 侍エンジニアブログ
こんにちは、ライターのマサトです！ 今回は、jQueryで特定のHTML要素を簡単に非表示にすることができる「hide()」メソッドについて学習していきましょう！ この記事では、 ・「hide()」とは？ ・「hide()」の使い方 という基本的な内容から、 ・「hide()」のアニメーション ・表示・非表示の活用 などの応用的な使い方に関しても解説していきます。 この記事で、「hide()」メソッドをしっかり学習して自分のスキルアップを目指しましょう！ 「hide()」とは？ それでは、まず最初に「hide()」メソッドについての基本的な知識を学習しましょう！ 「hide()」は、特定のHTML要素を非表示にすることが可能です。 また、単純に非表示にするだけでなくアニメーション効果を付与してゆっくり消えていくような演出も簡単に実現できるのが特徴です。 対象となるHTML要素は、テキスト・
【JavaScript入門】はじめてのDOM操作・取得まとめ！ | 侍エンジニアブログ
こんにちは！Webコーダー・プログラマーの貝原（@touhicomu）です。 今回は、JavaScriptでHTMLを操作するために欠かせない「DOM」について学習をしていきましょう。DOMを学ぶには「ツリー構造」の基本や「イベント処理」などについて学習することも非常に重要になってきます。 そこでこの記事では、そもそもDOMとは何か？DOMの使い方は？という基本的な内容から学習を進めていき、さらに、 「DOM」とは？ それでは、まず最初に「DOM」について基本的な知識から学習を進めていきましょう！ 「DOM」は、簡単に言うとHTMLなどのドキュメントにJavaScriptからアクセスするための仕組みのこと言います。DOMの正式名称が「Document Object Model」と呼ばれることからも分かるように、HTML文書をオブジェクトデータのように考えます。 例えば、次のようなHTMLが
CSSだけで作れるトレンド見出しデザイン20選｜2019年版 | 侍エンジニアブログ
こんにちは！ ライターのナナミです。 この記事にたどり着いたということは、見出しのデザインでお困りですね？ちょっとした箇所ですが、なかなか悩ましいポイントですよね。今回はそんなお悩みを解決！ CSSだけで作れる見出しデザイン案をまとめました。この記事は下記の流れで進めていきます。
【jQuery入門】checkboxのchecked設定や取得まとめ！ | 侍エンジニアブログ
こんにちは、ライターのマサトです！今回は、jQueryからフォームでよく使われるcheckbox要素を制御するためのプログラミング手法について学習をしていきましょう！ この記事では、 「checkbox」とは？ それでは、最初に「checkbox要素」について基本的な知識から学習を進めていきましょう！「checkbox要素」は、一般的なフォーム内で使われるものでユーザーに複数の選択肢を提供する役割があります。 例えば、以下のようなcheckbox要素を見たことがある人も多いのではないでしょうか。 クリックやタッチ操作によって、チェックを「入れたり外したり」ができるようになっています。この時に、jQuery側でユーザーがチェックした項目を取得できるメソッドがいくつか用意されているのです。 本記事では、この「checkbox要素」をjQuery側から操作するための基本から応用技まで詳しく解説す
jQueryのfocus()によるフォーカス操作まとめ！ | 侍エンジニアブログ
こんにちは、ライターのマサトです！ 今回は、jQueryで入力フォームなど特定の要素にフォーカスした時にイベント処理を実行できる「focus()」について学習しましょう！ この記事では、 「focus()」とは？ inputタグにフォーカスする関数を指定する 最初の要素にフォーカスする blur()でフォーカスを外す フォーカスを移動するには？ focus()とselect()の組み合わせ focus()の類似メソッド 「focus()」とは？ それでは、まず最初に「focus()」についての基本的な知識から学んでいきましょう！ 「focus()」は、主にinput要素などにフォーカスさせた時に実行できるイベント処理を記述することができます。 例えば、以下のようなテキストボックスがあるとします。 <input type="text"> <input type="text"> 通常であれば、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress子テーマって何？ 作り方は？ 図で超シンプルに解説 | 侍エンジニアブログ