[Javascript] 配列から特定の要素を削除する(訂正有り) - Qiita
【訂正】下記方法には重複している要素が削除されないなどの問題があります。詳しくはコメント欄を参照してください。 配列の中から特定の要素を削除したいときはsomeメソッドを使うと便利。 var array1 = [10, 20, 30, 40, 50]; var target = 30; //要素を削除する array1.some(function(v, i){ if (v==target) array1.splice(i,1); }); console.log(array1) //=> [10, 20, 40, 50]; /* * 連想配列から特定の要素を排除したいときにも便利 */ var array2 = [ {id:1, name:"hoge"}, {id:2, name:"test"}, {id:3, name:"hello"}, {id:4, name:"world"}, {id
![[Javascript] 配列から特定の要素を削除する(訂正有り) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/61b8f17774509241763342bf73f5338b68a0d644/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YXNjcmlwdCU1RCUyMCVFOSU4NSU4RCVFNSU4OCU5NyVFMyU4MSU4QiVFMyU4MiU4OSVFNyU4OSVCOSVFNSVBRSU5QSVFMyU4MSVBRSVFOCVBNiU4MSVFNyVCNCVBMCVFMyU4MiU5MiVFNSU4OSU4QSVFOSU5OSVBNCVFMyU4MSU5OSVFMyU4MiU4QiUyOCVFOCVBOCU4MiVFNiVBRCVBMyVFNiU5QyU4OSVFMyU4MiU4QSUyOSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NWRiZmY0YjBkYjJlYjA2MTVjNzdlNTQxM2ZkOTY0NDM%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwX3NoaW1penUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWI3MzE0YTJhODBmNWE0ZDMzNTg5MjkyODc0MTRhYzNh%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dd2bf9cac94bf9b6cfb081ec62b50bae2)
Google のロゴが新しくなりました
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
エンジニアをやり続けるなら、「承認欲求」を満たすより「誰かの期待」を生み出す方が面白い【連載:えふしん】 - エンジニアtype | 転職type
Twitterクライアント『モバツイ』開発者であり、2012年11月に想創社（version2）を設立した有名エンジニア・えふしん氏が、変化の激しいネットベンチャーやWeb業界の中で生き残っていくエンジニアの特徴を独自の視点で分析 えふしんのWebサービスサバイバル術 藤川真一（えふしん）氏 FA装置メーカー、Web制作のベンチャーを経て、2006年にGMOペパボへ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社を設立し、2012年4月30日まで代表取締役社長を務める。その後、想創社（version2）を設立しiPhoneアプリ『ShopCard.me』を開発。2014年8月1日からBASE（ベイス）株式会社のCTOに就任 こんにちは、えふしん
【速攻レビュー】よりモバイルフレンドリーになった「Twitter Bootstrap v4」
【速攻レビュー】よりモバイルフレンドリーになった「Twitter Bootstrap v4」 佐川 夫美雄（Ashiras, inc.） Twitter Bootstrapバージョン4アルファ版が8月19日に公開されました。既にご存知の通りTwitter BootstrapはレスポンシブでモバイルファーストなCSSフレームワークです。さっとレスポンシブなサイトを構築するのに多くの方が利用しているのではないかと思います。この記事ではTwitter Bootstrapバージョン4の変更点について、筆者が「これは！」と思ったところをピックアップしてまとめます。 バージョン4の変更内容はGitHub上のissueで確認することができます。この中で筆者が注目している事項は LESSからSASSへの変更 アイコン（グラフィックアイコン）の削除 IE8のサポート終了とjQuery1系からjQuery2系
一人React.js Advent Calendar 2014 - Qiita
React.jsについての基本的なところを書いていきます！ 公式読めばわかるようなことが多いですがReact.jsに興味をもつきっかけにでもなれば...。 v0.12.1で確認しています。 こっちは一人で書くように作ったものなので書きたい人はVirtualDOMに書くといいと思います。 (書く人がいなくて1人で書いているわけではない) この記事は古いので下記の更新情報も参考にしてください http://blog.koba04.com/post/2015/03/05/react-js-v013-changes/ http://blog.koba04.com/post/2015/09/22/react-js-v014-changes/ http://blog.koba04.com/post/2016/03/09/react-js-v15-changes/ http://blog.koba04.
React.jsのProp - Qiita
今回は前回にも少し登場したPropについて取り上げたいと思います。 基本的な使い方 Propは基本的にはCompnentのattributeとして定義してComponentの中ではthis.props.xxxとして参照する。それだけです。PropにはObjectでも関数でも何でも指定することが出来ます。 var Avatar = React.createClass({ render() { var avatarImg = `/img/avatar_${this.props.user.id}.png`; return( <div> <span>{this.props.user.name}</span> <img src={avatarImg} /> </div> ); } }); var user = { id: 10, name: "Hoge" }; // <Avatar user={us
技術系文書作成のコツ
シリコンバレーのスタートアップを数多く取材する中で気付いた「シリコンバレーにおけるディシプリン（規律）の存在」や「General Electric（GE）やIBM、SAPといった老舗企業が必死になってシリコンバレーのスタートアップを真似している理由」、そして「日本企業がイノベーションを実現するための処方箋」について解説します 詳しく知りたい場合は「GE 巨人の復活」をご覧下さい。 http://www.nikkeibp.co.jp/atclpubmkt/book/17/P55110/ 今後の記事は「シリコンバレーNext」をご覧下さい。 http://itpro.nikkeibp.co.jp/siliconvalley/
React.jsことはじめ - Qiita
簡単にTodoアプリ実装で試してみた https://github.com/sugarshin-sandbox/react-todo-demo 参考： http://qiita.com/advent-calendar/2014/reactjs 環境としては Babel (babelify) と Browserify です Babel は JSX をそのまま理解してくれるの別途コンパイルは意識しなくておっけー Todo コンポーネントを定義 render で1つのコンポーネントを返す "use strict"; import React from 'react'; export default React.createClass({ render() { return ( <div> <input type="checkbox" checked={this.props.todo.comple
論理削除 Casual Talks #1まとめ
様々なアプリケーションにカジュアルに入り混んでくる論理削除というテーマについて、カジュアルに情報交換できるイベントがついに開催決定!奮ってご参加ください! トーク終了後に、同会場にて懇親会(参加費無料)を開催予定です。
WebRTC サーバが動いた日
クライアント側を社員に作って貰って、動作確認していて、あと少しで動く … というのがわかってドキドキしながら確認してたら、あれ、動いてる。みたいな感じで動いた。 時雨堂の WebRTC サーバは配信と閲覧に分かれるカンファレンスタイプがメインになる。簡単に言うとニコニコ生放送みたいなものだ。リアルタイムな動画をサーバ経由で配信する仕組み。 WebRTC 対応のブラウザとネット回線さえあれば気軽に動画を配信できるようになる。 まず手元にはとりあえず動いた WebRTC サーバがある。これは大きい。今後は安定した動作を目指す。 丁度 7 ヶ月、結構時間はかかった。市場も動き始めている。safari や Edge が WebRTC(ORTC) に対応を始めた。年内にも動くモノは出てくるかも知れない。 WebRTC はブラウザで閉じる規格ではなく「ブラウザで拡張なしで動画音声を扱える規格」という認
React.jsのJSXを使ってみる - Qiita
var Hello = React.createClass({ render: function() { return ( <div>Hello {this.props.name}</div> ); } }) こんな感じで一見HTMLに見える部分<div>...</div>がJSXのSyntaxです。 詳しくは↓に書いてある通りなのですが、XML likeにタグを書いていく感じです。覚えることはほとんどないです。 注意点としてはHTMLではないということで、例えばdivにcontainerというクラスを指定したい場合は、<div class="container">...</div>ではなくて、<div className="container">...</div>となります。(classはJavaScriptの予約語のため) その他ではlabelのfor属性はhtmlforにする必要があ
Gulp.js入門 - コーディングを10倍速くする環境を作る方法まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
普通に使う分には全く困らないほどの数のプラグインがGulpにはあります。 Githubでのstar数からも明らかなように、GoogleのWenStarterKitでもGulpが採用されるなど、注目度はますます高くなっています。 Gruntとの比較 Gruntと比較してのメリット・デメリットは以下のようになります。 メリット Gruntより設定ファイルが記述しやすい StreamAPIを利用することでファイルを毎回書き出すGruntより高速でエコ デメリット 記述がよりNodeに近くなるため、複雑なことは敷居がやや高め プラグイン開発のためのドキュメントが少ない 今日のゴール Gulp.jsを使ってコーディング作業を10倍速くする！ そんな環境を作りたいと思います。 1. Node.jsをインストール まずはNode.jsをインストールしましょう。 Node.js http://nodejs
「Docker実践入門 ―― Linuxコンテナ技術の基礎から応用まで」が完成しました - めもめも
表題の書籍が技術評論社より出版されることになりました。2015/9/26より一般販売開始予定です。執筆にご協力いただいた方々に改めてお礼申し上げます。 gihyo.jp 参考として、「はじめに」と「各章概要」を下記に引用しておきます。Dockerの基礎をしっかりと足固めしていただくための書籍です。 はじめに お待たせしました! 「Dockerを使って何かを始めたい」「Dockerでコンテナーは起動したけど中のしくみがよくわからない」 ── そんなあなたに向けたDockerの入門書がようやく完成しました。「コンテナーだから軽くて便利」「アプリケーションの可搬性が高まる」など、さまざまなうわさ話を耳にするDockerですが、まずは本書に目を通して、その技術的な特徴、そして、その背後にある「思想」を理解してください。 Dockerは、アプリケーションの実行に必要なファイルをすべてまとめた「コンテ
総務省
7月1日 令和6年能登半島地震に係る被害状況等について（第109報） 6月25日 令和6年能登半島地震に係る被害状況等について（第108報） 6月25日 令和6年度特別交付税の特例交付額の決定 6月21日 令和6年度バイオマス産業都市募集開始のプレスリリースについて 6月18日 令和6年能登半島地震に係る被害状況等について（第107報） 6月14日 令和6年（2024年）能登半島地震による被災納税者に対する期限の延長について（通知）（令和6年6月14日） 6月11日 令和6年能登半島地震に係る被害状況等について（第106報） 6月4日 令和6年能登半島地震に係る被害状況等について（第105報） 5月28日 令和6年能登半島地震に係る被害状況等について（第104報） 5月21日 令和6年能登半島地震に係る被害状況等について（第103報） 5月21日 東日本大震災による被災地方公共団体における
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Reactのjsxファイルの拡張子をjsxにしたときにjsxコマンドでwatchするには - Qiita
焼きそば - hiroki-uemuraのブログ
