【JavaScript入門】配列要素を削除する方法のすべて！ | 侍エンジニアブログ
こんにちは、ライターのマサトです！ 今回は、配列要素を削除するための方法について学習をしていきましょう。よく似たメソッドがいくつか出てくるので、それぞれの特性や使い分けについてしっかり学べるように構成しました。 この記事では、 配列要素の「削除」とは？ 「shift()」による削除 「pop」による削除 配列の指定要素を削除 「delete」による削除 「filter()」による削除 配列要素の「削除」とは？ それでは、まず最初に配列要素の「削除」について基本的な知識から勉強していきましょう！ 配列は通常の変数と違って複数の値を格納しているのが特徴です。 var items = [1, 2, 3, 4, 5]; console.log( items[2] ); // => 3 そのため、配列要素を削除する場合は「何番目の値を削除するか？」というのが重要なポイントになります。JavaScri
JSアルゴリズム入門1. アナグラム｜erukiti
cyber-dojo というオンラインペアプログラミング・TDDをするサイトがあります。このサイトでは様々な言語とテストフレームワークを使い、お題を解きます。 もともとはオンラインモブプロをお試しでやったときに、題材として面白かったので、ここにまとめなおします。 アナグラム Write a program to generate all potential anagrams of an input string. For example, the potential anagrams of "biro" are biro bior brio broi boir bori ibro ibor irbo irob iobr iorb rbio rboi ribo riob roib robi obir obri oibr oirb orbi orib与えられた文字列の順番を入れ替えたいわゆるア
【JavaScript】条件式で0とnull/undefinedの判定を分ける - Qiita
JavaScriptでは0もnull、undefinedもすべて同じ判定になるけど分ける方法ないの？ タイトルの通り、こんな場合どうするか。if (!value)と書いてしまうと、0、null、undefinedの全部がtrueとして判定されてしまう。 null、undefinedだけtrue判定にしたいケースがあったので調べてみた。 [JavaScript] null とか undefined とか 0 とか 空文字('') とか false とかの判定についてに大体書いてあるが、このトピックの部分だけまとめてみた。 TL;DR if (value == null)を使うのが一番スマートな書き方のようです。 1. if (value === undefined || value === null) 愚直に値をundefinedとnullと比較する方法。 誰が見ても分かりやすいが、どこか野
クラス図の書き方とは。初心者にもわかりやすく解説 | Cacooブログ
この記事ではUML（統一モデリング言語）の代表的なもののひとつである「クラス図」について、用語の意味から作成方法、分かりやすく書くコツまで解説します。 用語の意味を正しく理解することは作業の効率化に繋がります。ぜひこの記事で理解を深めてくださいね。 クラス図とは クラス図はUML（統一モデリング言語）のひとつで、特徴は「システムの静的な構造・関係性を視覚的に表現するための図」であることです。 視覚的に表現、というのがポイントです。たとえばシステム開発の仕様書がすべて文字ベースだと、読み解く人はもちろん作成する人も大変な労力です。さらに文字ベースの仕様書だと、システムの抜け漏れにも気付きにくいです。 文字ベースの仕様書に対して、クラス図はシステム間の静的構造・関係性を図で表現したものです。記述ルールも統一されており、汎用性および保守性に優れています。 クラス図のメリット 主に下記の3点がクラ
大学内プロコンで最下位を取ってしまった僕でもAtCoder緑になれました！ - osumi_kyopuroのブログ
こんにちは、osumi_kyopuroです。 今回の記事は私が緑コーダーになるためにやったことについて書きました。参考に出来ることはあまりないかもしれませんが読んでいただけると幸いです。 自己紹介 競プロを始めたきっかけ 緑コーダーになるためにやったこと 最後に atcoder.jp osumiのページ 自己紹介 名前：osumi_kyopuro 年齢：22歳 最終学歴：現役で室蘭工業大学 情報電子工学系学科卒業 職業：Web Application Engineer 会社：都内アプリ開発会社(上場) 競プロを始めたきっかけ 競プロを始めるきっかけになった理由として二つあります。 一つ目はコンプレックスを解消したいと思ったからです。大学1年生の講義でプログラミングコンテストに参加しました。当時標準入力すら受け取れなかった私は学部内最下位を取ってしまいました。ショックが大きくこのまま情報系に
競技プログラミングの始め方
このような問題が、様々な難易度で4問ほど出題され、100分ほどでできる限り多く解きます。上記の問題はB問題なので、2番目に簡単なものです（A問題が最も簡単）。 AtCoderというコンテストサイトでは、ほぼ毎週土曜日の夜9時からコンテストが開催されている他、たくさんの過去問がいつでも解けます。正誤判定も常に自動でやってくれます。 競技プログラミングのメリット プログラミングが得意になる 過去問の上位者のコードを自由に見られるので、知らない記法などを知ることができる コーディングに慣れられる アルゴリズムや実装方法の知識が増える 就職活動に役に立つことがある 情報系の就活ではコーディングテストがあることが多い。これを楽に突破できるようになる 競プロ経験を評価する企業がある（IT系企業の一部） 「趣味」や「学生時代に取り組んだこと」で技術アピールができるようになる AtCoder Jobs と
HTMLタグ一覧
ボディ（本文）文書全体のデザインを設定 background="filename" 背景のタイルイメージを指定 bgcolor =#rrggbb or colorname 背景の色 text =#rrggbb or colorname テキストの色 link =#rrggbb or colorname リンクの色 vlink =#rrggbb or colorname アクセス済みのリンク色 alink =#rrggbb or colorname アクセス中のリンクの色 onLoad =code HTMLファイルの読み込み完了時に実行するイベントハンドラ onUnload =code HTMLファイルの表示終了時に実行するイベントハンドラ
innerHTML より insertAdjacentHTML を使う - Qiita
はじめに とある要素の中をいじりたいという時 innerHTML で操作することもあるかもしれません。 しかし、実はこれはあまりよろしくない。 innerHTML は既存の要素を破壊（？）する innerHTML を書き換えるということはつまり、要素の中身をすべて新しいものに書き換えるということです。 既存の要素は、新たな要素として扱われてしまいます。 サンプル 例えば、以下のようなHTMLとJavaScriptコードがあったとします。
DFS (深さ優先探索) 超入門！ 〜 グラフ・アルゴリズムの世界への入口 〜【前編】 - Qiita
0. はじめに --- グラフ探索の動機 現代ではコンピュータはとても身近なものになりました。コンピュータの用途としては シミュレーションなどの大規模計算を行う 人工知能をつくる アプリを開発する などなど多様なものが考えられますが、「探索」もまた、コンピュータを用いるモチベーションとして、最も基本的かつ重要なものの一つだと思います。探索とは、与えられた対象の中から、目的に合うものを見つけ出したり、最良のものを見つけ出したり、条件を満たすものを列挙したりする営みです。 世の中における様々な問題は、探索によって、考えられる場合を調べ尽くすことによって原理的には解決できるものが多いです。例えば、現在地から目的地まで最速でたどり着く方法を求める問題は、原理的には、現在地から目的地へ到達する経路をすべて列挙することで解決できます1。将棋やオセロの必勝法を求める問題は、原理的には、考えられる局面と
わい、static変数とstaticメソッドについて熱く語る - Qiita
はじめに 昨今、プログラマーと会話をしていると staticをつけた変数はクラス内で共有されるとか staticをつけたメソッドはどこからでも呼べるとか そのくらいの理解はしているけど、結局staticってよくわかんないんだよね というプログラマーがちょくちょくいるなぁと思ったので 徹底的に解説してみよう！ と意気込んだものの 徹底的にとなるとめっちゃボリュームあって書くの疲れちゃうな と思ったので なんとなく暗記で覚えてる人が もう、ちょっと視点を変えてstaticを捉えられる くらいの雑な記事を書いてみた次第です。 追記：動画も作りました Static変数 Staticメソッド 対象読者 ある程度プログラムかけるようになってきたけど 初心者に毛が生えたくらいのレベルだなと感じている人 staticは使うし使えるけど、どこかモヤっとしている人 ちな経歴 最初はWEBから入ってHTML、C
紀元前の西暦と修正ユリウス日の相互変換をしたい！ - Qiita
あるいは、ガウス記号ってゆうか床関数ってゆうかについて知った話し。 あるいはまた、負数の入った剰余はムズイとゆう話し。 発端 そもそもは、なでしこ１にはあった「修正ユリウス日取得」が、なでしこ３には無かったので、取得したかったのでした。 また、なでしこ１の修正ユリウス日取得は、西暦は全てグレゴリオ暦の遡りとなっているのですが、実際に即して1582/10/15以降はグレゴリオ暦、それ以前はユリウス暦として計算したい。 そしてもちろん修正ユリウス日から、グレゴリオ暦やユリウス暦に戻したい（なぜかなでしこではできない） ・・・とゆうわけで去年一度やってみて、紀元後についてはいちおうできるようになっていたと思うんですが、ワタシの知恵が不足すぎて紀元前の取得がちゃんと出来ていなかったのを一念発起して出来るようにしようと思い立ったのです！ 修正ユリウス日の取得 検算はここで行います。 計算式は例によっ
はてなブログ内の画像を一括でダウンロードする簡単な方法
今回は、はてなブログの中で使っている画像を一括でダウンロードする方法について紹介します。 WordPressへの移行時にも大活躍する技なので、ぜひ覚えておいてもらえればと思います。 はてなブログでは、はてなフォトライフに写真などの画像データがアップロードされています。 私の場合、ブログに使っていない画像も含めて５７７４個もの画像データがはてなフォトライフにアップロードされていました。 はてなフォトライフにアップされたブログの画像数 これを一つ一つダウンロードするのは非現実的です。 そこで今回は、はてなブログ内で使っている画像をはてなフォトライフから一括でダウンロードする方法を紹介します。 流れとしては、以下のようになります。 はてなブログのデータをエクスポートブログ内で使われている画像のURLを一括で抽出フリーツールで一括ダウンロード はてなブログのデータをエクスポート まず、はてなブログ
Javaで日付処理 (LocalDate: 初期化編) - Qiita
日付の取り扱い 日付の取り扱いに関しては Java 8 から新しいAPIが導入されました。 今まで標準のAPIで Date, Calendar を使用していた日付操作が LocalDate, LocalDateTime 等に変わってきています。 日付の初期化 今回は LocalDate の簡単な使い方と使用時の注意点、実はこんな便利な使い方があったというものを紹介していきます。 後半には取り扱い方の注意点を紹介していますので最後まで見てみてください。 現在日で初期化 現在日を取得するために Java8 以前では、以下のようなコードを書いていました。 Date currentDate1 = new Date(); Calendar currentDate2 = Calendar.getInstance(); しかしこのコードでは日付だけでなく時間も含まれているため日付のみ使用する場合には注意
[初心者向け] 日付の取り扱いでビックリした話 - Qiita
はじめに 本来はあまり発生するような話ではないので、読み物としてお楽しみいただければと思います。 ある日の会社でのできごと 後輩 「UTCからJSTに変換する際に、冬場に該当する月（12月～3月）だと正しく変換できない。JavaのDate().getTimezoneOffset()を使っている。なんでDateだとうまくいかないのかは不明！」 我 「(今時、java.util.Date使ってることなんてあるのかな…いにしえのコードなのか？はたまた海の外から納品されたレアなパターン踏んじゃったのかな...) 理由があることをきちんと説明しないといけない！（謎の使命感）」 日付の取り扱い（歴史） Java8以前の話 日付を表すのに、java.util.Date 、計算するために、java.util.Calendar を使っていました。 java.util.Date Java 日付 でググると先頭
![[初心者向け] 日付の取り扱いでビックリした話 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/24bf7f0c9d0a9311fe68d0bba6d87760d1568a1d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUU1JTkwJTkxJUUzJTgxJTkxJTVEJTIwJUU2JTk3JUE1JUU0JUJCJTk4JUUzJTgxJUFFJUU1JThGJTk2JUUzJTgyJThBJUU2JTg5JUIxJUUzJTgxJTg0JUUzJTgxJUE3JUUzJTgzJTkzJUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgzJUFBJUUzJTgxJTk3JUUzJTgxJTlGJUU4JUE5JUIxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1iNjc3MjA4NDdmNmYwYWQ0ODk4MzRmODdmZjlmY2RkNA%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBtdW1pYW4xMDE0JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lOWYzM2I5Mjg1MGEzMGVkZGIwNjRlYzA3ZTYzZWFiYg%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3Ddd1ace831eff76ee19e102542e9ed466)
新世代grep 'ripgrep'
ripgrepが圧倒的に速い。こんなに速い理由は大きく2つ。 ripgrepは、検索する必要がなさそうなファイル（たとえば、隠しファイル、バイナリファイル）をデフォルトで無視するようになっている。上記計測に使ったディレクトリを確認したところ、20万ファイル中14万ファイルは無視されるものだった。つまり、ripgrepは実質20万-14万=6万ファイルだけを検索していたのに対し、従来のgrepでは全20万ファイルを律儀に検索していたことになる。 ripgrepは、シンプルに検索のアルゴリズムが優れている。隠しファイル等を無視せず検索するオプションを指定し、検索対象となるファイル数を同じ20万に揃えて計測してみたところ、それでもripgrepは22秒で検索が終わった。 もっと厳密なベンチマークは公式を参照のこと。 https://blog.burntsushi.net/ripgrep/ デフォ
バッチ(bat)で任意の文字入力待ち→入力→確認→完了 を作成
ウェブの入力フォームのようにWindowsのバッチで再現します。再現するためには入力を受け付ける「SET /P」と画面遷移のように確認→完了を再現するために「GOTO:」を使用します。 SET /P 変数=”メッセージ” 任意の入力を受け付ける場合は「SET /P」を使用します。 使用例 REM 初期化 SET INPUTSTR= SET /P INPUTSTR="入力してください。" GOTO: 確認や完了のメッセージの処理へ移動させるために使います。 使用例 :INPUT_CHECK SET INPUTSTR= SET /P INPUTSTR="入力してください。 IF "%INPUTSTR%"=="" GOTO :INPUT_CHECK ECHO 完了 文字入力→確認→完了 「SET /P」「GOTO」を使って任意の文字入力→確認→完了 を完成させます。 以下がサンプルコードになりま
Visual Studio Code の日本語問題まとめ - Qiita
この記事は、Visual Studio Code 本体や使用されているライブラリで、発生する日本語 (CJK関係) の問題と対応策をまとめたものです。 この記事にはまとめませんが、CJK 特有の問題は完全に放置されているわけではなく、むしろ対処された問題のほうが多いことに注意してください。 バックスペース問題 概要 macOS において、バックスペース入力時に backspace (U+0008) 制御文字が別に紛れ込む。 初期設定で制御文字を確認できないため、気づかないうちに markdown-preview 等での文字化け、この制御文字を含むテキストの提出を行ってしまう。 原因 chromium による問題 714771 (解決済み) が原因。Electron の #9173 で v.1.7.2 に解決が期待されたが、Visual Studio Code が使用する 3.0.13 現在
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript の parseInt で小数を整数に変換しようとしてはまる
sql java fetch とは - Google 検索
VS Code の日本語入力で制御文字が紛れ込む問題