JavaScript

「そろそろＮｕｘｔ３に切り替えたい」 61.9kg to 2022-04-22

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

Nuxt.jsにgoogle tag manegerを埋め込む時の注意

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

さくらのレンタルサーバーでgithubへアクセスが出来なくなってしまった

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

vuex-persistedstateの代替え修正をおこなった話

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

Nuxt.jsのアップデートでエラーが起こりアップデートできない問題

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

働く形が変わった～フリーランスエンジニア向けの在宅リモート求人が面白い

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

スマホ対応 誰でも簡単プログラミング講座 p3 処理の切り替え:条件分岐[初心者向けJavaScript解説 初級編]

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

スマホ対応 誰でも簡単プログラミング講座 第2回 数値の計算と比較[初心者向けJavaScript解説 初級編]

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

楽天GOLDにオリジナルの買い物かごを設置する方法

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

http://site.oukasei.com/?p=2312

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

Yahooショッピングのカートを外部化する方法

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

毎月同じ日に表示／非表示を切替えるJavaScript

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

[JavaScript] 定数の扱い方：constとは？ Object.freeze()との違いも解説

定数というのは、あえて単純化して言えば「変数の参照先を変更できなくする」こと。 変数の「中身」が対象なのではなく、「変数」そのものが対象だ。 厳密には、「変数を定数とする」というのはおかしな言い方だが、こう考えたほうがわかりやすい。 基本的に、変数（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] このようにすると、既存のプロパティの中身＝参照先を変更できないだけでなく、新規のプロパティも追加できない。 ただ、この場合、オブジェクトの中身を変更しようとして

スマホ対応 誰でも簡単プログラミング講座 目次[初心者向けJavaScript解説 初級編]

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

スマホ対応 誰でも簡単プログラミング講座 第1回 プログラミング言語の基礎 [初心者向けJavaScript解説 初級編]

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

http://myjquery.blog.fc2.com/blog-entry-43.html

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

http://myjquery.blog.fc2.com/blog-entry-42.html

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

http://myjquery.blog.fc2.com/blog-entry-41.html

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

http://myjquery.blog.fc2.com/blog-entry-40.html

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

https://ecmemo.net/urawaza_rakuten_category

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

https://ecmemo.net/rakuten_sp_urawaza

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

http://myjquery.blog.fc2.com/blog-entry-39.html

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

https://ecmemo.net/jquery_smooth_scroll

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

https://ecmemo.net/javascript_sale_cdt

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

https://ecmemo.net/price_automate

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

https://ecmemo.net/js_math

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

http://myjquery.blog.fc2.com/blog-entry-38.html

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

http://myjquery.blog.fc2.com/blog-entry-37.html

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

http://myjquery.blog.fc2.com/blog-entry-36.html

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

http://myjquery.blog.fc2.com/blog-entry-35.html

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

http://site.oukasei.com/?p=1521

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

http://www.pahoo.org/e-soul/webtech/js01/./program/isjs.html

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

http://www.pahoo.org/e-soul/webtech/js01/js01-02-01.shtm

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

http://bitwalk.blogspot.com/2017/02/webassembly-google-chrome-56.html

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

http://suzushin7.com/blog/2017/01/10/google-site-search-bookmarklet/

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

http://suzushin7.com/blog/2016/11/15/tab-navigation-by-jquery/

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

http://suzushin7.com/blog/2016/11/14/css3-jquery-how-to-change-background-color-alternately/

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

http://bitwalk.blogspot.com/2016/09/webassembly-google-chrome-53.html

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

http://bitwalk.blogspot.com/2016/05/webassembly-google-chrome-51.html

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

http://site.oukasei.com/?p=1403

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

http://site.oukasei.com/?p=1387

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

http://site.oukasei.com/?p=1382

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

http://bitwalk.blogspot.com/2016/03/google-developers-japan-v8-webassembly.html

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

http://bloblo.jp/2016/03/12/137

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

http://www.pahoo.org/e-soul/webtech/js01/../e-soul/webtech/js01/program/gmap.html

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

http://www.pahoo.org/e-soul/webtech/js01/js01-04-01.shtm

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

http://site.oukasei.com/?p=1322

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

http://www.pahoo.org/e-soul/webtech/js01/../e-soul/webtech/js01/program/wikisearchjs.html

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

http://www.pahoo.org/e-soul/webtech/js01/../e-soul/webtech/js01/program/birthgame.html

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

http://site.oukasei.com/?p=1258

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