JavaScript

現行のＮｕｘｔｊｓといえばＮｕｘｔ２のことだが３が使えるようになったらしい。そのものになるのがＶｕｅのことだが、最近Ｖｕｅ３が標準のバージョンに置き換わったようだ。これにともなって６月ごろにはＮｕｘｔ３が標準になるのではないかと思っている。Ｊｓまわりの進化は早い。

yk

Becomブログ

個人的に作っている「住所検索」のwebアプリ。だいぶんまともに動くようになったのでページのアクセスなどを測定するためにGoogleアナルティクスの活用を考えてた。

yk

Becomブログ

自分の中で一番コスパが良い公開環境といえばさくれのレンタルサーバー、スタンダードプランだと思っており、ちょっとしたwebアプリなら昔ながらのCGIアプローチならまだまだ使える。2022年の令和でCGIとは、いったい?!

yk

Becomブログ

vuexとローカルストレージの情報を同期させるのが目的であるが、完全に同期をとるというのはハードルが高いような気がした。もしローカルストレージの値を修正した場合、ローカルストレージの値をvuexに反映させるところまでやろうとするとどうすればいいのか。

yk

Becomブログ

npm コマンドを使って nuxt.js 一式をマイナーアップデートするためにモジュール一式を再インストールするがエラーがでてしまう。暫定対応で追加しているモジュールのバージョンを下げた

yk

Becomブログ

「働く」という形が全世界で、随分変わり通勤せずに、在宅からのリモートワークが増加しています。システムエンジニアやWebデザイナー向けに在宅リモートワークの求人に特化したエージェントを紹介します。多種多様なライフスタイルにも適応できるスキルは強みです！

だるま

自分でやる

【動画】 プログラミングをしていると、ほぼかならず状況に応じて処理を切り替えなければならない場面に出くわすことになります。 その切り替えの方法が「条件分岐」と呼ばれるものです。 ...

takasho

Ouka Studio

【動画】今回の内容をまとめたもの 前回は、データを入れる箱である変数に「1」などの単純な数値を設定しました。 そこで今回は、算数の計算結果を入れられるようにその方法について学びま...

takasho

Ouka Studio

楽天GOLDにオリジナルの買い物かごを設置したい方向け。楽天GOLDに作成した特集ページなどに買い物かごを設置することで購入経路が増え、売上UPの効果が見込めます。それでは詳しく解説していきます。デザインの一例としてサンプルデモもご用意しま

里崎 樹

ネットショップ語り

記事の情報が取得されるまで、しばらくお待ちください。

takasho

Ouka Studio

Yahooショッピングのトリプルページや外部サイトにYahooショッピングのカートを設置したい方向け。カートを外部化して設置することで購入経路が増え、売上UPの効果が見込めます。それでは詳しく解説していきます。Android版PayPayモ

里崎 樹

ネットショップ語り

セールなどのイベント日だけ表示させたい画像やバナーはありませんか？JavaScriptを使えば毎月同じ日だけバナーを表示することができます。楽天市場の「5と0のつく日」や「毎月1日のワンダフルデー」、Yahoo!ショッピングの「5のつく日」

里崎 樹

ネットショップ語り

定数というのは、あえて単純化して言えば「変数の参照先を変更できなくする」こと。 変数の「中身」が対象なのではなく、「変数」そのものが対象だ。 厳密には、「変数を定数とする」というのはおかしな言い方だが、こう考えたほうがわかりやすい。 基本的に、変数（variable number）に対して定数（constant number）と呼ぶ。 定数にオブジェクトを割り当てた場合、あくまで「変数」が定数としてロックされるのであって、そのオブジェクト自体がロックされるのではけっしてない。 よって、オブジェクトのプロパティなどを変更することができるのは、むしろ当然なのだ。 [javascript] const example = {abc : 1, bcd : 2}; // 変更可能 example.abc = 3; // エラー：const指定の変数（定数）exampleの参照先は変えられない example = {cde : 4}; [/javascript] C++の経験者なら、この辺のことはすでに把握していることだろう。 C++では、変数や引数をconst指定することと、オブジェクト（クラス）をconst指定することはまったく意味が異なるからだ。 [cpp] const Example* const ex = new Example(); [/cpp] この例の場合、exというポインタ変数を定数とすることでその参照先（Exampleクラスのインスタンス）を変えられなくしている。 ここまではJavaScriptと似たようなものだが、その上でExampleインスタンスもconst指定することで、その中身（メンバ変数）の状態を変更できなくしている。 （厳密には、変更できてしまうメンバ変数・メンバ関数の呼び出しを禁止している） 残念ながら、JavaScriptにはこうした文法は存在しない。 だが、実は「Object.freeze()」というメソッドが存在し、これを使うと事実上同じことができる。 [javascript] const example = {abc : 1, bcd : 2}; Object.freeze(example); [/javascript] このようにすると、既存のプロパティの中身＝参照先を変更できないだけでなく、新規のプロパティも追加できない。 ただ、この場合、オブジェクトの中身を変更しようとして

takasho

Ouka Studio

誰でも簡単プログラミング講座 スマホ対応[初心者向けJavaScript解説 初級編]シンプルに短く、わかりやすく解説 【YouTubeプレイリスト】 paiza.io 超初心者向けのプログラミング学習・解説向けの動画・テキストを公開することにした。 プログラミングをまったく知らない人でも段階を踏んで確実に学んでいけるように、シンプルに、短く、わかりやすく解説。 書いたプログラムをスマホですぐ実行する方法についても詳細説明。 プログラムを書いて実行する環境は、ブラウザ上で動く「paiza,io」というサイトのサービスを利用。 目次 第1回 プログラミング言語の基礎（テキスト版） プログラミングの基本的な考え方やプログラミング言語の仕組み、そして変数（へんすう）について

takasho

Ouka Studio

【YouTubeプレイリスト】 paiza.io 今回からプログラミングに興味のある方に向けて、初心者向けの解説を行っていきたいと思います。 できるだけシンプルにわかりやすく説明し、スマホでも実行可能な形で進めていきますので、しばらくお付き合いください。 プログラミング言語 プログラムとは、コンピュータに対する指示の集合体であり、それはプログラミング言語と呼ばれる独特な言葉と文法に基づいて記述していきます。 この講座では「JavaScript」（ジャバスクリプト）という、今、最も需要が高いと考えられるプログラミング言語を用いて説明していきます。 準備 せっかくプログラムをつくっても、それを実際に動かす＝実行する環境がなければ意味がありません。 そこで、ここからは「paiza.io」（パイザ・アイオー）というウェブ上で簡単にプログラムを実行できるサービスを利用していきます。 ログインの必要なく、そのサイトにアクセスするだけで、すぐプログラムをつくり、すぐ実行できるという優れものです。 https://paiza.io/ja/projects/new ご覧のURLにアクセスしてください。スマートフォンでも、問題なく表示されるはずです。 最初にアクセスした時点では、左上の緑のボタンに「PHP」と表示されているかもしれません。 これは別のプログラミング言語ですので、そのボタンをタップして「JavaScript」に変更してください。 これで、プログラムを実行する準備が整いました。 ちなみに、エディタの1行目と2行目にいろいろ書かれていますが、これはpaizaで必要な処理が記されているだけですので気にしないでください。 実際にあなたが自分のプログラムをする場合は、これの3行目から書いていきます。 プログラミング解説：変数 それでは、さっそく具体的なプログラミングについて解説に入っていきましょう。 最も初歩的でありながら、今後、最も必要になる「変数」（へんすう）についてです。 いきなり聞きなれない言葉が出てきましたが、気にする必要はありません。 妙な名前が付いているだけであって実際には単純です。 変数とは、一種の「データを入れる箱」です。 プログラミングでは、数値や文章などのデータを扱いますが、そのために一時的にデータを格納しておく箱が必要なのです。 変数の宣言 基本的にどのプログラミング言語でも、この変

takasho

Ouka Studio

記事の情報が取得されるまで、しばらくお待ちください。

myjquery

私的なjQuery

記事の情報が取得されるまで、しばらくお待ちください。

myjquery

私的なjQuery

記事の情報が取得されるまで、しばらくお待ちください。

myjquery

私的なjQuery

記事の情報が取得されるまで、しばらくお待ちください。

myjquery

私的なjQuery

記事の情報が取得されるまで、しばらくお待ちください。

里崎 樹

ネットショップ語り

記事の情報が取得されるまで、しばらくお待ちください。

里崎 樹

ネットショップ語り

記事の情報が取得されるまで、しばらくお待ちください。

myjquery

私的なjQuery

記事の情報が取得されるまで、しばらくお待ちください。

里崎 樹

ネットショップ語り

記事の情報が取得されるまで、しばらくお待ちください。

里崎 樹

ネットショップ語り

記事の情報が取得されるまで、しばらくお待ちください。

里崎 樹

ネットショップ語り

記事の情報が取得されるまで、しばらくお待ちください。

里崎 樹

ネットショップ語り

記事の情報が取得されるまで、しばらくお待ちください。

myjquery

私的なjQuery

記事の情報が取得されるまで、しばらくお待ちください。

myjquery

私的なjQuery

記事の情報が取得されるまで、しばらくお待ちください。

myjquery

私的なjQuery

記事の情報が取得されるまで、しばらくお待ちください。

myjquery

私的なjQuery

記事の情報が取得されるまで、しばらくお待ちください。

takasho

Ouka Studio

記事の情報が取得されるまで、しばらくお待ちください。

パパぱふぅ

ぱふぅ家のホームページ

記事の情報が取得されるまで、しばらくお待ちください。

パパぱふぅ

ぱふぅ家のホームページ

記事の情報が取得されるまで、しばらくお待ちください。

すぐりふひと

bitWalk's

記事の情報が取得されるまで、しばらくお待ちください。

すずしん

すずしんろぐ

記事の情報が取得されるまで、しばらくお待ちください。

すずしん

すずしんろぐ

記事の情報が取得されるまで、しばらくお待ちください。

すずしん

すずしんろぐ

記事の情報が取得されるまで、しばらくお待ちください。

すぐりふひと

bitWalk's

記事の情報が取得されるまで、しばらくお待ちください。

すぐりふひと

bitWalk's

記事の情報が取得されるまで、しばらくお待ちください。

takasho

Ouka Studio

記事の情報が取得されるまで、しばらくお待ちください。

takasho

Ouka Studio

記事の情報が取得されるまで、しばらくお待ちください。

takasho

Ouka Studio

記事の情報が取得されるまで、しばらくお待ちください。

すぐりふひと

bitWalk's

記事の情報が取得されるまで、しばらくお待ちください。

すずしん

すずしんろぐ

記事の情報が取得されるまで、しばらくお待ちください。

パパぱふぅ

ぱふぅ家のホームページ

記事の情報が取得されるまで、しばらくお待ちください。

パパぱふぅ

ぱふぅ家のホームページ

記事の情報が取得されるまで、しばらくお待ちください。

takasho

Ouka Studio

記事の情報が取得されるまで、しばらくお待ちください。

パパぱふぅ

ぱふぅ家のホームページ

記事の情報が取得されるまで、しばらくお待ちください。

パパぱふぅ

ぱふぅ家のホームページ

記事の情報が取得されるまで、しばらくお待ちください。

takasho

Ouka Studio