Kore! Ene!

特定の文字列を置き換え 例えば、「あせた、いい天気」を「明日、いい天気」に変更したいときなどありますよね。 そのようなときにstr_replaceという関数が役立ちます。 これが使用した例です。 $sample = 'あせた、いい天気。あせた雨降らないといいな。'; //指定した文字列が一致したらすべて置き換える $replace = str_replace('あせた', '明日', $sample); echo $replace; これを実行すると結果は「明日、いい天気。明日雨降らないといいな。」になります。 また、この関数は配列も置き換えることが可能なため、様々な場面で利用できるでしょう。 大文字小文字区別なしで置き換え 先ほどのstr_replaceと似ていますが、str_ireplaceを利用します。 使い方は同じなのでこの記事では解説しませんが、覚えておきましょう。 マルチバイト文字列の置き換え mb_ereb_replaceという関数を利用することでマルチバイト文字列の置き換えができます。 使い方は最初の関数と同様です。 正規表現で置き換え 正規表現で置き換えするには、preg_replace関数を利用します。 使い方はこのような感じです。 $str = '今年は2041年です。'; $str_s = preg_replace('/(今年は)2041/', '$1 2020', $str); echo $str_s; 結果は「今年は 2020年です」となります。 2019/12/10追記 また、正規表現のpreg_replaceより、str_replaceのほうが実行速度が速いです。 正規表現を利用するとき、しないときを考えて使い分けるのがいいでしょう。

PHPの変数操作 「変数」自体についてはこの記事では紹介しません。 変数 (プログラミング) - Wikipedia を参照してください。 PHPの変数の操作は次のようになります。 $Sample="サンプル"; このように、変数の最初には$マークを付けます。 この処理は、 変数「Sample」に文字列「サンプル」を挿入した。 というものになります。 変数を出力したいときは次のようにプログラムを書きます。 echo $Sample echoを利用して出力しています。echo(エコー)とは、エコーのように返ってくることからこの名前が付けられています。 PHPの変数の注意点としてこちらが挙げられます。 $から始まる $の後に数字はできない 大文字小文字は区別される また、関数外の変数を関数内のプログラムにも使用するには次のコードを書く必要があります。 global $Sample; このコードを関数の最初に記述することで利用することができるようになります。 また、複数の変数を指定する場合は、カンマ区切りで global $Sample, $Sample2; のように指定すれば大丈夫です。 また、連結時や乗算時は「+」ではなく「.」を使用することに注意しましょう。

fire_get_contentsとは fire_get_contentsの記事ではないので、詳しくは説明しませんが、いわゆる「サイト/ページの出力を文字列で返す」ものです。 例えば、 $file=file_get_contents("https://google.com"); echo $file; の処理だとgoogle.comのHTMLが返ります。 ですが、Googleはユーザーエージェントによりサイトを切り替えているためユーザーエージェントがないアクセスでは古いブラウザ専用のHTMLが送信されてしまいます。 なので、ユーザーエージェントを種類ブラウザ等に偽造送信し、通常ブラウザ用のサイトにする必要があります。 ユーザーエージェントを変更する方法 このコードで自分の思い通りのユーザーエージェントにすることができます。 $url="https://google.com"; $sitehtml = file_get_contents($url, false, stream_context_create(array( 'http'=>array( 'method'=>"GET", 'header'=>"User-Agent: ここにユーザーエージェントを記述", 'ignore_errors'=>true, ), ))); 例えば、アクセスしたユーザーのユーザーエージェントでアクセスしたい場合は次のようにします。 $url="https://google.com"; $sitehtml = file_get_contents($url, false, stream_context_create(array( 'http'=>array( 'method'=>"GET", 'header'=>"User-Agent: ".$_SERV

改行を削除 コードはこのようになります。 変数名.replace(/\r?\n/g, ''); このコードでは、改行コード(\nや\r)を""(空白)に変換しています。 サンプルコードはこうなります。 var text="私はテスト太郎です。\nテスト太郎はとても元気です。\nとても。"; text = text.replace(/\r?\n/g, ''); //text=私はテスト太郎です。テスト太郎はとても元気です。とても。 このように改行が削除できます。 また、独自のOSやMacの古いバージョン等の場合うまく動作しない可能性があります。(このコードは\r\nと\nに対応しています) また、当サイトでは改行削除ツールもあり、そのツールも同様のコードを使用しています。 改行削除ツール

box-shadowとは box-shadowは、要素に影を作ることができます。 さらに、box-shadowでは、細かく影を設定することができるほか、簡単にできる点が挙げられます。 ここにサンプルを表示します。 box-shadowで影を出しています。 このように、とても簡単に自然な影を出すことができます。 また、これはぼかし付きの影ですが、ぼかしなしの影もだすことができます。 box-shadowの使い方 ◯◯ { box-shadow: 右の向きpx 下の向きpx ぼかしpx 広がりpx 色 内側指定; } 上や左に影を出す場合は、下の指定を-に指定すると上になります。 詳しくは後述します。 ぼかしなしの影 右と下に影を表示させる例はこちらです。 .example { box-shadow: 4px 4px; } これを適用すると次のようになります。 box-shadowで影を出しています。 上に影を表示させたい場合は-を使用します。 上と下に表示する例 .example { box-shadow: -4px -4px; } box-shadowで影を出しています。 影の色を変える 初期では影の色が黒になっていますが、色も自由に変更することができます。 背景の色をグレーに変更する例です。 .example { box-shadow: 4px 4px gray; } box-shadowで影を出しています。 このようになります。 影のぼかし 影をぼかすことで、より自然な影を生成することができます。 影をぼかすには次のように指定します。 .example { box-shadow: 4px 4px ぼかしpx gray; } ぼかしを4pxに指定した例です。 box-shadowで影を出しています。 また、8pxに指定すると次のようになります。 box-shadowで影を出しています。 より、やわらかな影になります。 影の広がりを調整 影の広がりを調整するには、次のように指定します。 .example { box-shadow: 4px 4px ぼかしpx 広がりpx

文字数カウント カウント文字 カウント結果 結果がここに表示されます

文字列置き換えツール を に置きかえ 回マッチまで置き換えする 置き換え前 置き換え後 置き換え結果

改行削除ツール 改行前 改行後 改行削除結果

querySelector()とは querySelector()とは、Jquery(CSSセレクタ)のように要素を簡単に取得できるものになります。 JavaScriptにはほかにも要素を取得するgetElementById()や、getElementsByName()など要素を取得できる方法はいろいろとありましたが、querySelector()を利用することで、CSSのセレクタと同じように要素を取得することができます。 使い方 基本的な構文はこちらです。 document.querySelector( CSSセレクタ ); CSSセレクタの場所に要素を指定すると最初に合致した要素で止まります。 合致する要素を取得するにはAllを追加する必要があります。 document.querySelectorAll( CSSセレクタ ); この場合、結果が配列で返されるので繰り返し等で適用させる必要があります。(詳しくは後述) 例 簡単な例を挙げます。 まず、querySelectorのの例です。 <div class="test">未変更</div> <div class="test">未変更</div> <script> const elem = document.querySelector('.test'); elem.innerHTML="変更済み"; </script> この処理の場合、前にもありますが 最初に合致した要素 のみを取得します。 すべての要素に実行させるにはこのように記述する必要があります。 <div class="test">未変更</div> <div class="test">未変更</div> <script> const elem = document.querySelectorAll('.test'); elem.forEach(function(elems) { elems.innerHTML="変更

始めに 説明は こちら をご覧ください。 使い方 まず、もちろんですが読み込み方です。ライブラリを使用するソースコードより早い位置にこのソースコードを記述します。 <script src="https://tamralworld.com/library/dom_sen_v2.js"></script> ※V1を利用したい方はV2のエリアを置き換えてください V2での変更点 d_属性の操作可能なCSSに新たに下記の指定をすることができます。 d_z_index() d_box_sizing() d_font_size() さらに、qsa関数はv1時点で操作可能なCSSがdisplayのみだったものに対し、d_関数と同様のCSSが利用可能となりました。 qsa関数とd_関数の両方にvalue、 qsa_value() d_value() (指定のみ)が追加されました。

dom_sen.js JavaScriptには、ライブラリが山ほどあります。 そして、今回私はとりわけ軽量なライブラリを作成しましたので説明します。 このライブラリは、dom操作を楽にするライブラリです。 dom_sen.jsの説明記事は下記にあります。 (バージョン別) dom_sen.js V2 dom_sen.js V1

始めに 説明は こちら をご覧ください。 使い方 まず、もちろんですが読み込み方です。ライブラリを使用するソースコードより早い位置にこのソースコードを記述します。 <script src="https://tamralworld.com/library/dom_sen_v1.js"></script> そして使用可能な関数一覧(使い方はのち) qsa() qs() qsa_html() qsa_text() qsa_display() d_html() d_text() d_CSS各指定()* *後程詳しく 関数の使い方 qsa( CSSセレクタ ) document.querySelectorAll() の省略です。 qs( CSSセレクタ ) document.querySelector() の省略です。 qsa_html( CSSセレクタ , HTML) Jqueryの $(CSSセレクタ).html(HTML); と同様です。 qsa_text( CSSセレクタ , テキスト) Jqueryの $(CSSセレクタ).text(テキスト); と同様です。 qsa_display( CSSセレクタ , CSS[display]の値 ); CSSセレクタで選択した要素のスタイルのdisplayを変更します。 d_html( 属性ネーム , 属性ネームの値 , HTML ) 属性ネームは要素の属性に「d_属性ネーム="属性ネームの値"」のように指定されている属性のHTMLを変更します。 例: <span d_html="script1">変更前</span> <script> d_html("html","script1","変更後"); //属性d_htmlがscript1の要素のHTMLを「変更後」に変更 </script> d_text( 属性ネーム , 属性ネームの値 , テキスト ) 属性ネームは要素の属性に「d_

クリエイターサポート クリエイターサポートとは、プレイヤーがゲーム内で購入すると購入した一部の金額がサポートしているクリエイターに入るというシステムです。 今回、クリエイターサポートについて、詳しく探っていきます。 クリエイターサポートを作ったわけ クリエイターはSNSのフォロワー1000人以上。フォートナイト関係を配信している。何かを配信しているなどの条件で申請することが可能です。 YouTuberではほとんどのチャンネルが使用しているものとなります。 YouTuberは広告収入ということありますが、人気のYouTuberはクリエイターサポートでの収入が大半。なんてこともあり得るでしょう。 もしクリエイターサポートがなかったら、YouTuberなどは、儲かりにくくなるわけです。つまり、クリエイターサポートは、 宣伝をしてもらうため に開始したといえるでしょう。 クリエイターサポートについて クリエイターサポートは、元は期間限定のものでスタートし、評判が予想以上に良かったため今にまで期間を延長し続けています。 Epicは、クリエイターサポートの機能で損する金額を宣伝費と思っているのでしょう。 クリエイターサポートはいつまで有効なのか 現在、フォートナイトプレイヤーは「飽き」の理由で辞めることが増えてきつつあります。 なので、Epicの収入が低下すると、それに伴いクリエイターサポートも終了する可能性があります。 つまり、いつまでもクリエイターサポートを有効にするには、YouTuber等クリエイターの努力が必要になるかもしれません。 ※この記事は、完全に正確なものとは限りません。

始めに windows10では、スクリーンショットを撮影する機能があるのはご存じですか？もちろんprtsc(printscreen)キーではありません。 一部分のスクリーンショットを撮影する方法 スクリーンショットを撮影するには、このコマンドで実行できます。 Windowsキー +Shift+S です。 ※同時に押してください。 そうすると、画面が暗くなると思うので、その時に撮影したい部分を選択します。 選択した範囲のデータはクリップボードに入るので、ペイントアプリ等で貼り付けして画像を作成してください。 このような感じです。 画像が大きくてぼやけてたらすいません。まあ参考ということで。 最後に まさかWindows10にこんな機能があったとは！と私も驚いてしまいました。 Macにはもともとあって、Windowsにもほしいと思っていたので追加されてうれしいです。 簡単にスクショを撮影できて、windowsももっと進化していくんだな。と感じた気がします。

始めに JavaScriptを読み込みが完了してから読み込むことは大切です。 なぜなら、JavaScriptは「読み込まれているところ」までのHTMLを使用可能だからです。 読み込みが完了してから実行する方法 まず、このようなページがあるとします。 <html> <head> <title>サンプル</title> </head> <body> <span id="sample">JS未変更</span> </body> </html> 方法1:HTMLの最後で実行 このような感じになります。 <html> <head> <title>サンプル</title> </head> <body> <span id="sample">JS未変更</span> <script> document.getElemntById("sample").innerHTML="JS変更済み"; </script> </body> </html> 取得したい要素より下に記述することによりエラーなく実行することが可能です。 方法2:ブラウザのイベントを使用 この方法であれば、HTMLのheadで固定のスクリプトでも使うことができます。 <html> <head> <script> window.onload = function () { document.getElemntById("sample").innerHTML="JS変更済み"; }; </script> <title>サンプル</title> </head> <body> <span id="sample"&

始めに 最近、フォトナがつまらなくなったので楽しかった過去を思い出してみた。 アイテム こんなものがあったなあ...というものを一通り画像で並べてみる。 クアッドロケットランチャー クアッドクラッシャー グライダー再展開 プレイグラウンド「遊び場」 これシーズン6のみです。ほんとに懐かしく感じます,,, バルーン IT思い出す..., ヘビーアサルトライフル 懐かしい/// マウンテッドタレット 使ってた時、思い出すなあ,,, フードファイト また、やりたいなあ...// これでシーズン6のみ終わりです！！ シーズン6を久しぶりに思い出せました。 これからのシーズンも、前のようにもっと楽しくなるといいですね。

シーズン1。延長。 EpicGamesは、2019.11.20。Fortniteのチャプター2シーズン1を延長する事を発表しました。そして、Fortniteの公式サイトではこのように書かれています。 みなさん、こんにちは 新年の到来はさらなる新しいコンテンツを予感させます！ 昨年、私たちはホリデーシーズンに14日間のフォートナイトを祝いました。 今年は、新しいゲーム機能、無料の報酬、見逃せないライブ体験など、さらに多くのコンテンツを展開しています。 ホリデーをテーマにしたすべての新しい更新に備えて、チャプター2シーズン1を2月上旬まで延長します。 みなさん、冬に備えましょう！ フォートナイトチーム 重要なところでまとめるとこのようになります。  チャプター2シーズン1を2月上旬まで延長 ＞ホリデーをテーマにしたすべての新しい更新に備えて ＞新年の到来はさらなる新しいコンテンツを 「冬」に備えてチャプター2延長か ※チャプター1シーズン7時の画像 Epicは、シーズン1に冬のイベントを実施したいと考えたのでしょう。 もともとシーズン1は12月上旬に終了予定だったため、シーズン1の終了日時近くにイベントが開催されると考えられるでしょう。 また、二月まで延長されたということは、チャプター2シーズン1チャプタ2のようにシーズン内で内容が分かれる可能性もあります。 バトルパスはどうなるのか 今、ほとんどのプレイヤーがバトルパスはレベル100以上となり、レベルが上がるごとの報酬がない状態です。 バトルパスの追加等するしかない状況と言えます。 まとめ シーズン1を延長したことにより、プレイヤーの「飽き」が問題になると思われます。 また、様々な問題もおきており、Epicはなるべく早く解決することが求められます。

今まで、要素のサイズを指定するときなど、〇px分だけ引いてやりたい。そんなときありますよね。 でも、今までであればJavaScriptから毎回やったりととても大変ですよね。 ですが、なんと、 CSSでだけで計算が可能 なのです。 さらに詳しく見てみましょう。 ブラウザ別対応状況 Chrome: Chrome26 よりサポート Safari: Safari6.1, Safari7.0 よりサポート Firefox: Firefox16 よりサポート IE　　: IE9 よりサポート Ede　:サポート Oprera: Opera15 よりサポート 対応状況は、「ほとんどのブラウザの最新バージョンなら対応している」というところでしょうか。 webkitを使用しているSafariやGoogle Chromeなどは-webkitのベンダー識別子をつけるのがよいでしょう。 使い方 基本的にはこのように記述します。 .sample{ width : -webkit-calc(50% - 20px); width : -moz-calc(50% - 20px); width : calc(50% - 20px); } ですが、最新ブラウザのみのアクセスとわかるのであれば、 .sample{ width : calc(50% - 20px); } のように省略しても構いません。 もちろんwidth以外にもheightなどと利用できます。 減算を利用することが多いと思いますが、calcで利用可能な式を記述しておきます。 +　=　加算 -　=　減算 *　=　乗算 /　=　除算 となります。 最後に どうだったでしょうか。 CSSもこんなことができるのか///と感じてしまいます。 このcalcはとても便利なものなのですが、対応していないブラウザ/バージョンから見るとサイトが崩れてしまうので「どのデバイスでも」というのならcalcは最低限にしたほうがいいかもしれません。

利用するもの TamralJSestというもの。TamralWorldというサイトが運営しているもので、とってもシンプルなのが特徴です。 (リンク: TamralJSTest ) サイトはiframeで埋め込んで利用できます。 使い方 使い方までとても使いやすく、下にある「入力コード」というところにテストしたいコードを入力し、下の「ソースコード更新」ボタンを押すだけです。 ※コンソールに出力する際は、console.log(出力させるもの);に出力させれば大丈夫です。また、console.errorも使用可能です。 「スクリプトを実行」ボタンを押すと、実行する処理の確認(不正使用を防ぐため)が出てきますので、そのあと「実行」ボタンを押すと実行されます。 そして、ブログ等に埋め込む際は、「埋め込み用URLを取得」をクリックして、 次のURLを使用するサイトのiframeのsrc属性に指定してください。 https://tamralworld.com/web_javascript_test?************* と表示されるので太字のURLをコピーしiframeで貼り付けてください。 これが貼り付けた例です。 (この処理はただ単に計算結果をconsole.に出力するだけのものです。) そして、エラー等はこのように出力されます。 最後に どうでしょうか。通常のものより明らかに簡単にJavaScriptをテストすることができます。 ですが、localstorageやcookie等、一部使えないブラウザAPIがあるので注意してください。

Jqueryとは？ Jquery。様々なサイトで利用されているJavaScriptのライブラリです。 簡単に言えば、「JavaScript」を使いやすくするためのものになります。 昔、Jqueryは超重要だった 昔は、JavaScriptは、様々な欠点がありました。 ブラウザごとに仕様が違っていたり、扱いが難しかったりと。 ですが、Jqueryを利用すれば、とても簡単にJavaScriptを扱えるため、とても利用されていました。 ですが、今は昔ほどJavaScriptは扱いにくくないため、Jqueryを利用しないサイトも増えてきていますが、今もなおJqueryは使われ続けているライブラリです。 コードの書きやすさ Jqueryを使うと、とても簡単にコードを書くことができます。 例えば、 docment.getElementById("test").innerHTML="TestCode"; というコードと同じ処理をJqueryを利用して書いてみると、 $("#test").html("TestCode"); というとても短いコードで済むのです。 他にも、要素のスタイルを変更するコードを比べてみましょう。 Javascriptのみで書くと、 docment.getElementById("test").style.display="none"; docment.getElementById("test").style.height="200px"; このようになります。ですが、Jqueryを利用して書くと、 $("#test").css({"display":"none","height":"200px"}); と、これほどにまで短縮することができます。 使う準備 HTMLのheadタグの最初に次のコードを挿入してください。 <script src="https://ajax.googleapis.com/ajax/l