投稿

12月, 2019の投稿を表示しています

スポンサー

【JavaScript】日付表示を最適化する(SNS、チャット等向け)

SNS等の日付表示を最適化 SNS等では、日付表示で少し工夫がされていますよね。 昨日の投稿に「昨日」や、今日の投稿は日付表示がなかったりと、見やすくなっていますよね。 なので、今回の記事では、JavaScriptで簡単に表示を最適化するプログラムを作ってみましょう! 日付を取得 最初は日付取得から始まります。 年、月、日、時間、秒を一つ一つ取得していきましょう。 var today = new Date(); そして一つ一つ取得していきます。 //今日の年 var year = today.getFullYear(); //今日の月(1月が0なので+1) var month = today.getMonth()+1; //今日の日 var data = today.getDate(); //今の時間 var hours = today.getMinutes(); //今の分 var minutes = today.getMinutes(); //今の秒 var seconds = today.getSeconds(); 月だけ+1してあります。これはよくやってしまうミスで、あれ?と思うと大体1足していないのが原因です。 変換したい日付を用意 どのようなデータになっているかはその時次第ですが今回は日付の取得時と同様に一つ一つ変数に格納しておきます(時刻データが一つの文字列等になっている場合正規表現等でうまく抜き出してください。正規表現に関連する記事はこの辺で探してください: 正規表現 - Qiita ) 簡単に適当な日付を入れていきます。 今回は、昨日の日付を入れましょう。ソースコードは次のようになります。 読み込み中... ※このソースコードはJavaScriptで最新の日付になるよう更新しているため表示されない場合があるほか、一日などは前の日付が0日と表示される可能性があります。 全ての要素に「_2」を付けわけました。 ここから最適化するコードを書いていきましょう。 最適化するコードの記述 コードを書いていきますが、今まで記述したコードとは変数名等異なりますので注意してください。 まずはざっくり作ってみました。 var json={year:○○,month

【子供プログラミング教育】個性を伸ばす!

子供プログラミング教育 を始めて2年9カ月が過ぎようとしていますが、 昨日は、四国に住む小学校4年生のkちゃん。 Scratchプログラミングを教え始めて9カ月になります。 絵を描くのがとっても好きで、コードを書く前に必ずデザインに凝ります。 1ドット単位で細かい作業も全く苦ではないようです。 好きな事をとことん追求する時間を大切に しています。 見た目が完成したのちに、プログラミングに取り掛かります。 最初はおっかなびっくりといった感じのプログラミングも、最近は自分のやりたい事を形にする事が出来るようになってきています。 こんな機能を追加したい!と思いついたら、まずデザインをきちんと用意してからプログラミングに入ります。 もう少しトレーニングをつんだら、コンテスト挑戦を勧めてみたいと思います。 今後のさらなる成長がとっても楽しみです!!

【Fortnite】今年のフォトナの冬は?

イメージ
冬がやってきた ついに冬がやってきましたね。 そして、フォートナイト内でも冬がやってきましたね。 そして、現在スターウォーズとのコラボも重なり微妙な状態ですが、冬は冬、スターウォーズはスターウォーズで分けましょう。 今回はその中の「冬」に目を付けて詳しく見ていきましょう。 今年のフォトナの冬はいい?悪い? 投票してみました! 結果は次のようになりました。 最高! 23,1% 普通! 46.2% あんま 7.7% ダメ 23.1% こんなダメなんでしょうか。。。プレイしている皆さんは厳しいですね。 まだ投票を受けつけています! 投票はこちらから!(投票終了のためリンクを外しました) 今年のフォトナの冬のPoint! 今年の冬は、はっきり言ってしまえば「無駄に作りすぎ」というところでしょうかね。 ロビーからプレゼントを開けるまでの時間が無駄、という人もいるでしょうし、靴下にチャレンジ入れる前にそのまま出せばいいだろ!とも思えます。 突っ込みまくれそうですが、これが好き!という人もいるかもしれません。 例えば、プレゼントを選べるのがいい! だとか、プレゼントを振れる!アニメーションが好き! という人にはいいかもしれませんが// 2020の年越しは・・? 2020年の年越しの時にイベントなどはやるのでしょうか。 まあせっかくの楽しみをゲームにあてるのも何とも言えないことですが、やるならやるで楽しそうですね。 年越しイベントについても投票しているのでよかったら投票してください!(投票終了のためリンクを外しました) 年越しイベントやるとしたら? 最高! 46.2% 普通! 23.1% あんま 7.7% ダメ 23.1%

【Fortnite】ライトセーバーについてまとめてみた

イメージ
STAR WARSとのコラボ! フォートナイトは現在(2019/12月くらい)スターウォーズとのコラボ中です。 フォートナイトは確実にスターウォーズが好きな人にスキン買わせようとしていますよね( •̀ ω •́ )✧ そこはひとまず置いとき、今回はライトセーバーに注目して書いていきたいと思います。 ライトセーバーがフォトナに一時的な追加 現在(2019/12月くらい)、ライトセーバーがゲーム内に存在していますね。 種類もたくさんあって、いいですよね。 どのように手に入れるのかを紹介します。 レア度:ミシック(バトロワの場合特別アイテム) 手に入れる方法: 倒した敵から 宝箱の代わりにまれに出るスターウォーズ宝箱の中から その宝箱はこのような見た目です↓ これを開けるとたくさん入ってます[]~( ̄▽ ̄)~* ライトセーバーの特徴 資材収集が可能(つるはしとして利用可能) つるはしの四倍のスピードで収集可能 人に対してのダメージは連続で変わる(20/45/150)(150は最後の動作) ダメージをガードできる(向いている方向からのダメージのみ) ガード中に高速移動できる(回避行動) 色豊富╰( ̄ω ̄o) といったところでしょうか。 通常の武器と違うところばかりで使いにくそうですね。 ですが、「ライトセーバーばかりを使っている」はナシですよ( •̀ ω •́ )y すぐ消えると思いますから。 あと、ライトセーバー複数持つのは100%なしですよ( •̀ ω •́ )✧ 意味ないですから。 ですが、インフィニティ・ブレイドなどとは違い、「1アイテム」となるので使いやすいところがいいでしょう。 もちろん弾薬も使用しませんし、いいアイテムになりますね♪(^∇^*)

【Fortnite】v11.30のアップデートの内容とは

イメージ
v11.30配信! v11.30が2019/12/12に配信されました。 記事の投稿時は、まだダウンタイム中でしたので、記事の中に事実ではないことも含まれている可能性がありますのでご注意ください。 今回のアップデートでは、基本的に「冬イベント」「年越し」のアップデートのようです。 早速アップデートの中身を少し見てみましょう。 新アイテム(ショップ発売/チャレンジ等) ※リーク こんな感じのスキン今まであった!?目がきれいや..// 可愛い! カッコいいバックアクセサリーが登場! かわいい?新スキン 年越しだ!2020! ゲーム内の更新 アイテムショップから贈れるギフト制限が、3から5に増加しました。 「倒された」画面からマッチ終了後のXP画面へ移行するか選択できるようになりました。 12月15日深夜4時(日本時間)からリスキー・リールズで行われる予定の 『スター・ウォーズ: スカイウォーカーの夜明け』 の準備が完了しました。 不具合の修正: バンデージバズーカとピストルで「マグマ」ラップが正しく表示されるようになりました。 コスチューム「バンドレット」で2つのヘアスタイルが合体して見えてしまう問題を修正しました。 アリーナの一部の木と金属のフェンスから誤った素材が出てしまう問題を修正しました。 クリエイティブでの更新 詳しくは、 こちら を参照してください。

【Fortnite】15日。スターウォーズのイベントが!詳しく見てみる。

イメージ
15日、イベント! 2019/12/15の午前04:00にワンタイムイベント 「STAR WARS スカイウォーカーの夜明け -Fortnite独自プレミアLIVE -」 がリスキー・リールズで行われます。 イベントの内容について、フォートナイト公式は次のように公開しています。 J.J. Abrams監督が『スター・ウォーズ/スカイウォーカーの夜明け』の未公開映像をリスキー・リールズでライブ配信してくれますので、ぜひお立ち寄りください。ポップコーンを手に、映画の公開に先駆け配信されるフォートナイトだけの独占映像をゲーム内でチェックしましょう! だそうです。 スターウォーズファンの人にはたまらないことかもしれませんね。 また、会場は03:30、開園は04:00なのだそうで、会場と開園の間が何なのかよくわかりませんが、03:30から来てOK!みたいなことなのでしょうか。 リスキーリールズの場所は? これを知っていなければ意味がありません。 リスキーリールズの場所は、「フレンジー・ファーム」の左側の木が丸く囲まれた部分です。 ↓↓↓ この写真の場所です。いまはイベントのためにもともとある車の回収作業が行われています。 イベントをやる場所は、絶対に間違えないようにしてください! また、このイベントは通常のワンタイムイベントとは違うので来客数は通常のイベントより少ないと思われます。 このイベント自体が広告。のようにとらえる人もいますし、このイベントでは通常のイベントより人が来ないのは明らかです。 ですが、このイベントの後すぐチャレンジなどが配信される可能性もあるので、YouTuberのほとんどは配信すると思われます。 また、スキンの再販が来る可能性もあるので、気になる方は、ぜひイベントを見てみてください。

【PHP】セッションを悪用されないための対策

始めに 対策なしでセッションを使っていると、運営の見えぬ場所でアカウントの不正ログインが発生したり個人情報が漏れてしまう可能性も高いです。 その為、セッションは安心。なんて思ってはいけません。 この記事では、セッションの仕組みから悪用のされ方、対策までご紹介します。 セッションの仕組み まず、セッションの仕組みを知っていなければ対策をすることはできません。 まず、ユーザーが初めてサイトにアクセスするとサーバー側はセッションIDをCookieに保存するようブラウザに指示します。 その後のアクセスでサーバーはブラウザから送られてきたCookieのセッションIDを確認しそのセッションIDに保存されているデータを利用します。 これが基本となります。 ですが、このままの仕組みであると悪用されてしまいます。 どう悪用されるのか 先ほど、「その後のアクセスでサーバーはブラウザから送られてきたCookieのセッションIDを確認しそのセッションIDに保存されているデータを利用します」と説明しましたが、ここが問題の場所です。 この状態で、簡単に言えば、「自分のセッションIDを他人のセッションIDに書き換えれば他人のデータにアクセスできてしまう」ということです。 つまり、ブラウザがサーバーに他人のセッションIDを送ればそのセッションIDでサーバーが処理してくれるというわけです。 仕組みはとっても簡単なので簡単に悪用されてしまいます。 ですが、対策もとっても簡単です。 対策 対策を一言でいえば、「セッションIDをアクセスするたびに置き換える」です。 アクセスするたびに置き換えれば盗まれてもデータにアクセスできないので、不正ログインもできなくなります。 そして、嬉しいことにPHPではたった一つの関数でその処理を行うことができます。 その関数はこちらです。 session_regenerate_id(TRUE|FALSE); (TRUE|FALSEは変更した前のセッションを削除するかしないかです。する場合TRUEになります) この関数ではセッションIDを変更するだけでなく前のセッションデータも引き継いでくれるのでとても万能な関数です。 ですが、この関数が呼び出された

【Fortnite】クリエイティブ登場から1年が経過

イメージ
登場してなんともう1年! フォートナイト・クリエイティブは、開始からなんと一年が経過しました!! クリエイティブは開始から相当な量のアップデートでとても進化しました! 一言でいえば、開始からとても使いやすく、楽しくなりました! 開始当初と比べてより通常のバトルロイヤルゲームに近いゲームの作成が可能になりました。 昔はプレイグラウンドというモード(今もあります)をよく利用して通常のゲームをカスタマイズして楽しんでいましたが、クリエイティブでは 島の保存 をすることができます。 さらに、島の設定やゲームの設定、BGMの設定、アイテムの設定など、あらゆるものを自由に変更することができます。 簡単に建造物のコピーをしたりと今まででは考えられないようなことができてしまいます。 こんなクリエイティブの機能を詳しく見てみましょう。 クリエイティブのすごい機能 クリエイティブの機能をまとめてみたのでご紹介します。 *特定の条件が必要 機能1:島の保存 作成した島は、保存することができます。 もちろん後で再開することもできますし、違う島を作成することもできます。 機能2:*島の公開 この機能を利用するにはクリエイターである必要があります。 なんと、クリエイティブでは作成した島を公開することができます。 公開することで、知らないプレイヤーにも遊んでもらうことができたり、クリエイターの宣伝もすることができます。 機能3:島のバックアップ/復元 島は編集すると自動的に保存されます。なので、前の状態にもどすこはできません。 ですが、これでいったん保存しておきたい!後で元に戻したい!友達にいじられる前に残しておきたい!というものは、バックアップすることで解決します。 バックアップは自分の好きな時に取ることができて、好きな時に復元することができます。 また、復元は、一回削除した島を再び復元することができる機能です。 島の量が上限になった場合、ある島を一回削除し、新しい島を作成します。 ですが、その後島の量に余裕が持てるようになると再び復元することができます。 ※何らかの理由で復元が不可能になる場合があります 最後に

【Windows】一つのパソコンで複数のChromeを使用する方法

イメージ
一つのパソコンで複数のChromeとは そのまま言ってしまえば、「別の保存データを持つ同じブラウザ」つまり、「ブラウザを二つ作る」ということです。 早速やり方です。 やり方 まず、Chromeはインストールしてありますね?(Chromeのインストールはこちらから: chrome.com ) 次に、GoogleChromeのショートカットはデスクトップにありますか? ない場合、作成してからお願いします。 ショートカットをコピーして近くにペーストしてください。 Chromeのショートカットアイコン そして、複製したものに自由に名前を付けてください。 二つに増やした。 そしたら、まず、二つとも開いてみてください。 二つとも、同じブラウザ、データで表示されましたね。 それでは、次に二つ目のブラウザのデータを保存するフォルダを作成します。 chrome2というフォルダ名で今回作ってみましょう。 chrome2フォルダはローカルディスクの直下(C:\chrome2)に保存していただくとやりやすいと思います。 そうしたら、つぎにショートカットの増やしたほうを右クリックして、「プロパティ」をクリックします。 ショートカットのタブを開いていることを確認してください。 そうしたら、 リンク先(T): と書いてある場所に以下の記述を追加します。 --user-data-dir=c:\chrome2 また、dir=の後は先ほど作成したフォルダのパスになるよう変更してください。 ※手順通りであれば変える必要はありません また、.exe"と--userの間は 半角スペースがあることを 確認してください。 しっかりと確認ができたら、OKを押して閉じてください。 そのあと、変更したショートカットを開いてみてください。 いつものデータとはまた別の新しい別のデータで開いたかと思います。 また、先ほど新しく作成したフォルダには起動した時点でファイル等書き込まれていることがわかるでしょう。 これは何回でもできるので仕事を分けるときなどにぜひ利用してみてください。 ※これはWindows専用です

ながら運転。カーナビもアウトか。

イメージ
ながら運転 (ながら運転厳罰化について詳しくはこちら: 「ながら運転」厳罰化。ながら運転は減るのか? ) ながら運転は、車を運転中にスマートフォンや携帯等を操作、又は見る。行為である。 カーナビはセーフなのか もちろんスマホをカーナビ代わりにするときも注意が必要です。 「チラ見」なら大丈夫ですが、二秒以上見るのはやめましょう。 カーナビも同じ扱いになります。「 二秒以上はアウト 」です。 方向音痴でよくカーナビを見てしまう人は注意しましょう。 また、携帯のカーナビを利用すると携帯が落下した時等危険なのであまりお勧めできません。 日々画面を見るときは周りに気を張りましょう。

【JS】別ページ/別サイトに移動させる方法

HTMLで移動 aタグを指定して移動することができる <a href="パス名">テキスト</a> JavaScriptで移動 JSで移動するにはこのようになります。 // 通常の遷移 window.location.href = 'パス名'; // 新しいタブでページを開く window.open('パス名', '_blank'); また、HTMLとJavaScriptの応用として、このようにすることもできます。 <a onclick="window.location.href = 'パス名';">テキスト</a>

地球深部探査船「ちきゅう」清水で一般公開終了

イメージ
地球深部探査船「ちきゅう」 地球深部探査船「ちきゅう」は、11月30日・12月1日清水港で一般公開された。 一般公開時には、地元の高校生がラジオに出演し解説するなども行われた。 事前に予約することで「ちきゅう」の船内にも入ることができる。 また、港は富士山との景色もよく、「ちきゅう」とのコラボで圧倒された。 「ちきゅう」は日本の最新技術を積み込んだ船であり、これから巨大地震の研究など行われ、今後に期待が持てそうだ。

「ながら運転」厳罰化。ながら運転は減るのか?

イメージ
「ながら運転」厳罰化 車の運転中、スマートフォンや携帯電話等を操作する行為、ながら運転。 ながら運転を厳罰化した改正道路交通法が2019年12月1日から始まった。 ながら運転は交通事故の中でも非常に多い事故である。その為、警察当局はながら運転を少しでも減らす目的で施行したとみられる。 運転中のスマートフォン、携帯電話での通話やメール、アプリの操作などは、「携帯電話使用(保持)」に問われ、罰則は従来の「5万円以下の罰金」から「6月以下の懲役または10万円以下の罰金」と二倍ほどに上げられた。 さらに、事故につながりかねない「交通の危険」を生じさせた場合は、「3月以下の懲役または5万円以下の罰金」から、「1年以下の懲役または30万円以下の罰金」に強化された。 違反点数は三倍に引き上げられ、「保持」だけでも過去の「交通の危険」を超える違反点数に引き上げられたということだ。 だが、「ながら運転」は気を付けていてもなかなか守りにくいものであるが、施行された今頃が一番警戒心が高まると思われる 。だが、再び増えていくことに間違いはないだろう。 ながら運転、そのほかほとんどの事故の原因は「人」によるものだ。 一人一人意識を持ってこれから運転することで、安全な世の中を作ることができる。

【PHP】base64を使ってみよう。

base64とは base64は、すべての文字列を64文字英数字(記号一部含む)で表すことができます。 これは、MIME base64 方式 と言います。 ですが、すべての文字を変換するので、前の容量の33%必要になります。 PHPはbase64にエンコードやデコードするには関数を使用します。 base64_encode()、decode() PHPはbase64に変える際、この関数を使用します。 base64_encode() この関数の使い方は次になります。 $text="base64エンコードするテキスト"; //base64エンコード $encode=base64_encode($text); //エンコード結果を出力 echo $encode; このように、とても簡単な処理でエンコードすることができます。 さあ、エンコードしたものを戻すときはどうするのでしょうか。 エンコードしたものを元に戻す エンコードしたものを元に戻すには次の関数が存在します。 base64_decode() この関数を使用することで、エンコードしたものを元に戻す(デコード)することができます。 エンコードとデコードをまとめると次のようになります。 $text="base64エンコードするテキスト"; //base64エンコード $encode=base64_encode($text); $decode=base64_decode($encode); //エンコード結果を出力 echo $encode."<br>"; //デコード結果を出力 echo $decode; このように、エンコード、デコードと共に簡単に変換することができます。 最後に このエンコードは全角が利用できないときに変換したり、画像など、テキストで表すことができないものをエンコードして出力したりと、様々な活用場面があります。 この関数をぜひ活用して、プログラムを作ってみましょう。

広告

このブログの人気の投稿

【CSS】アニメーション等動作がカクカクする時の対処法

超軽量DOM操作ライブラリdom_sen.js var1

超軽量DOM操作ライブラリdom_sen.js var2