JavaScript: 通常の関数とアロー関数の違いは「書き方だけ」ではない。異なる性質が10個ほどある。 - Qiita
本稿では、アロー関数とfunctionキーワードを使って定義される関数を区別するため、functionキーワードを使うほうの関数を「通常関数」と呼ぶことにします。英文で見かけるregular functionの翻訳になりますが、これは公式の用語ではなく、解説の便宜上のものとご理解頂ければと思います。単に「関数」というときは、通常関数とアロー関数どちらも指すこととします。 関数の歴史 歴史的に見ると、通常関数は古くからある言語機能であるのに対し、アロー関数は新しいものです。アロー関数はES2015(ES6)で導入されました。導入にあたっては、関数を短く書きたい、thisを束縛したくないという2つの理由があります。 通常関数とアロー関数の性質の違い 通常関数とアロー関数では、構文が違うというのは見て分かると思います。構文についての違いはここでは解説しません。 ここでは、文法以外の相違点をひとつ
N予備校プログラミング入門コースで学べること - Qiita
私 is 誰 今年の7月にドワンゴの教育事業部に異動し、N予備校でプログラミング講師をやることになりました。 現在は週2回ニコ生やN予備校上にてプログラミング入門コースの授業放送をしています。 ドワンゴ自体は7年目となり、ニコニコ動画の開発を4年、エンジニア教育やエンジニア採用を2年ほどやってきました。 この記事で書きたいこと 現部署に異動後、教材のインプットを兼ねて『N予備校プログラミング入門コース』を履修したのですが、明らかに難易度が僕の想像した "入門コース" から外れたガチ編成になっていて衝撃を受けたことが記事を書こうと思ったきっかけです。 中身としてはとても良い教材になっているので、僕のような勿体無い誤解が少しでも減れば幸いです。 入門コースはいわゆる入門コースではない 『プログラミング入門コース』のゴールは ドワンゴがエンジニアとして採用したいレベル や IT企業のエンジニアイ
分析関数（ウインドウ関数）をわかりやすく説明してみた
はじめに ちょっととっつきにくいけどとっても便利な分析関数について、なるべく分かりやすく説明してみようと思います。Oracleを対象にしていますが、他のDBでもたぶん似たようなものでしょう（無責任）。 まず分析関数とは何をするものか、ですが、一言で言うと集合関数と同じ集計動作をそれぞれの行に制限範囲で実行するものです。ここでいう集合関数とは、MAXやSUMやAVG等、GROUP BYと共に使い行をまとめるて集計計算する関数ですね。分析関数は集合関数と同様の計算をしますが、集合関数と違い行をまとめません。それぞれの行で集計計算し結果を返します。ここが集合関数との大きな違いです。 また、集合関数ではGROUP BYの同じカラム値をもつ全行を一つに集計しますが、分析関数では集計対象となる行の範囲を任意で指定できます。関数に続くOVER句でこの範囲指定を行います。集合関数と分析関数は基本同じ名前な
【開発支援ツール】Charlesの使い方【神ツール】 - Qiita
1.Charlesとは 注意 本稿は古い記事です。こちらに新しい記事を用意しましたので、これからCharlesを使う方は新しい方をご参照くださいmm 【開発支援ツール】Charlesの使い方更新版【神ツールv4.5.6】 1-1. はじめに アプリ開発をしているとAPIのレスポンスを見たかったり、正しいドメインにアクセスしているかを確認したい場合が出てくると思います。 そんな時に便利なツールがCharlesです！(とても便利) 開発に携わるのならば、是非Charlesを使えるようになりましょう！！(とてもとても便利) 神ツールです 1-2. Charlesでできること Charlesを使用すればこんなことができます。 ・通信のモニタリング -アクセスしたドメインやAPIのレスポンスを確認できます。 ・通信速度のシミュレーション -通信速度を変えて通信できるようになります。タイムアウトのテス
「設計なんて不要でしょ」について - Qiita
経緯 以前とある席で偶然シニアエンジニアの方と設計について議論することがありました。 その時に特に耳に残っていたのは以下の様な内容です。 クリーンアーキテクチャってテストしやすくする為のですよね？ 設計はコード書ける人が他のコードを書ける人に威張るための道具なのではないか？ 設計を学習するならブロックチェーンとかを勉強して技術力を高めるべきなのではないか？ リーダブルコードさえ読んでいれば設計は必要ないのではないか？ 設計なんて不要でしょ その方はかなり詳しく設計の歴史をしっていて尤もな事を言っていましたが、平成も終わる頃においてはその限りではないです。 なので平成最後の日にそれら全てに対して最終的に解答できる形で設計の有用性を説明し、気持ちよく令和を迎えます。 注意: 一応ここで説明する内容や要素も一面だけです。 よくある誤解 クリーンアーキテクチャといえばこの有名なリングですよね。 こ
東大理IIIは本当に男子の合格率が高いのか？ - Qiita
TL;DR 東大の理科3類の男子と女子の合格率の間に統計的に有意（p<0.05）な差はない。 鳥取大，島根大医学部の男女の合格率の間にも統計的に有意な差はない。 背景 最近，上野千鶴子氏の東大での式辞が話題になっていて，その中に，以下のような一節があった。 文科省が全国81の医科大・医学部の全数調査を実施したところ、女子学生の入りにくさ、すなわち女子学生の合格率に対する男子学生の合格率は平均1.2倍と出ました。問題の東医大は1.29、最高が順天堂大の1.67、上位には昭和大、日本大、慶応大などの私学が並んでいます。1.0よりも低い、すなわち女子学生の方が入りやすい大学には鳥取大、島根大、徳島大、弘前大などの地方国立大医学部が並んでいます。ちなみに東京大学理科3類は1.03、平均よりは低いですが1.0よりは高い、この数字をどう読み解けばよいでしょうか。統計は大事です、それをもとに考察が成り立
LT資料：Unified Plan時代のWebRTC（半）手動シグナリング - Qiita
はじめに この資料は、WebRTC入門者LT会 #3 向けの発表資料です。 こちらの記事の内容に補足したものです。 Unified Plan時代のWebRTC（半）手動シグナリング (2018.08) 自己紹介 がねこまさし @massie_g WebRTC Meetup Tokyo, Beginners Tokyo のスタッフ Skywayの中の人ではありません WebRTC とマルチストリーム：API JavaScript 側から見た場合 1つの RTCPeerConnection で、複数の MediaStream が扱える 1つの MediaStream に、複数のMediaStreamTrack を含めることができる 新旧 APIの比較 メディアストリーム単位から、メディアトラック単位の扱いに変更 旧来のAPIでのマルチストリーム RTCPeerConnection の addS
WebRTCハンズオン 本編 - Qiita
はじめに この資料は、WebRTCハンズオン勉強会用の資料です。 資料の全体はこちらのINDEXを参照してください。 WebRTCハンズオン資料 INDEX - Qiita 今日作るもの 本編で作成する最終的なアプリのデモをお見せします。 https://yusuke84.github.io/webrtc-handson-2016/client/ シグナリングサーバが無いと動きません ハンズオン用ソースコード https://github.com/yusuke84/webrtc-handson-2016 handsonブランチをローカルにダウンロードしハンズオンを開始してください STEP１〜STEP4までの各ブランチに各STEPの完成形のソースコードが格納されています masterブランチはgh-pages用のブランチです 2016と書かれていますが、この記事と同じくメンテナンスは実施し
2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita
2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTipsアーキテクチャVue.jsElmReactAngular2 はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構築しました。 もちろん、Vue.jsのコンポーネントシステムをフル活用し、Vuexを入れていないプロジェクトの経験もあります。 現在は構築したシステムを保守・運用しています。 また、勉強の為にReact、 Angular、 最近はElm等にも少し触れています。 その際に得られたノウハウ、Vue.jsが他のライバルフレームワークと比べた際に現時点で本当に勝っている利点やノウハウを言語化し、共有
JavaScriptのES2019で追加された新機能まとめ - Qiita
（2021/06/24追記） ES2021の記事を公開しました。 正式仕様リリース！ JavaScriptの最新仕様ES2021で追加された新機能まとめ - Zenn （2020/02/03追記） ES2020の記事を公開しました。 JavaScriptの次の仕様ES2020で追加されることが決定した新機能まとめ - ICS MEDIA 本記事ではES2019の新機能を解説しています。記事末尾では、個人的に追加を期待していたけれどまだステージ3の機能についても紹介しています。 ES2019仕様書：「ECMAScript® 2019 Language Specification」
SublimeText3を2年以上使って、生き残ったPluginを紹介します。 - Qiita
$options['user_id'] = '1234'; $options['name'] = 'Ichiro Yamada'; $options['gender'] = 'male'; $options['age'] = '21'; どの記号で揃えるかは設定で増やせます。 このように列揃えすることで、他プログラマーへ処理のまとまりの単位を見せたり、タイプミスに気がつきます。 僕は、デフォルトそのままで使っていてイコールぐらいでしか使わないです。 ショートカットを覚えるほど利用頻度がないので、command + shift + pで、abacusと打って呼びます。 BracketHighlighter [], (), {}, "", '', <tag></tag>といったカッコ類を強調してくれます。 Pluginの説明ページに画像があるので、どんな機能なのかわかりやすいです。 https
罵声を浴びて疲れた...入社3日目 - Qiita
はじめまして、PHPプログラマーのアリスです。私はこう見えて日本人ですが、母親はイタリア人です。さて、今回は入社3日目の初心者PHPプログラマーが仕事でどんなことをしているか書きます。 1日目 1日目は、最初に自己紹介を行いました。 「山田アリスと申します。専門学校でプログラミングを学びました。バックエンドプログラマーとして配属されましたが、最初はわからないことが多いと思いますが、よろしくおねがいします。」 と言いました。歓迎ムードではなく、みんな無表情で手をぱちぱちしていました。 その後、「新人は入社後の手続きをしてください」と言われ、そのとおりにしました。その日の記憶は、それしかありません。 2日目 配属先で何をするかと思ったら、上司から「自分のPCの環境を完璧に設定しろ。後からバカみてぇにコロコロといらねーもん入れたら承知しねーから、今のうちに必要なものは入れておけ」と言われ、Ema
PHPExcelが非推奨になったので後継のPhpSpreadsheetを使ってみる - Qiita
$php vendor/phpoffice/phpspreadsheet/samples/index.php Requirement check: PHP 5.6.0 ... passed PHP extension XML ... passed PHP extension xmlwriter ... passed PHP extension mbstring ... passed PHP extension ZipArchive ... passed PHP extension GD (optional) ... passed PHP extension dom (optional) ... passed <?php require 'vendor/autoload.php'; use PhpOffice\PhpSpreadsheet\Spreadsheet; use PhpOffice
バカにC言語は難しい~プログラミングの機会損失~
プログラミングは難しい 注意： この記事は「プログラミング学習とはかくあるべき」、「こうやって学習するのが一番」ということを言いたいのではなく、プログラムを勉強したいが右も左もわからない人に少しでも勇気と情報を与えることを目的としています。過去の挫折経験からか、なかば愚痴っぽくなっていますがご勘弁を はじめに自分のプログラミング歴を軽く紹介して起きます。 年 言語 学習目的 2010 C言語 学校の実習 2011 C++ 組み込み系 2012~2017 None None 2018 Go,Js,Scala,Python 研究、Web開発 といった感じです。2012~2017年がNoneになっているのには原因が「C言語に挫折し、とにかくプログラミングがしたくなかった」からです。そう思ってしまった原因と、そこから立ち直ったことがこの記事を書いた理由です。 「おいおい、C言語ごときで挫折とは情け
[和訳] 次期 Vue (v3.0) の計画 / Plans for the Next Iteration of Vue.js - Qiita
[和訳] 次期 Vue (v3.0) の計画 / Plans for the Next Iteration of Vue.js ありがとう Evan You, ありがとう Vue.js 開発チーム 元記事 Plans for the Next Iteration of Vue.js – The Vue Point – Medium 追記 (2018/10/02) この訳が Vue.js 日本語公式サイトの翻訳記事になりました 🎉 https://jp.vuejs.org/2018/10/01/plans-for-the-next-iteration-of-vue-js/ Plans for the Next Iteration of Vue.js ─ Vue.js における次のイテレーションの計画 先週の Vue.js London で、私は Vue の次のメジャーバージョンについて簡単
PayPal Vault APIについて
Vault という耳慣れない言葉を使ったAPIですが、クレジットカード決済を処理する上で非常に重要な言葉なので覚えておきましょう。 辞書では、アーチ、天井 貯蔵庫などを指す言葉です。 http://ejje.weblio.jp/content/vault クレジットカードを扱う技術用語としては、「カード情報の保存場所」という文脈で使われます。 curl -v -X POST --insecure https://api.sandbox.paypal.com/v1/vault/credit-cards \ -H 'Content-Type:application/json' \ -H 'Authorization: Bearer <Access-Token>' \ -d '{ "payer_id": "user12345", "type": "visa", "number": "441711
PayPal API決済の実装サンプル (PHP) - Qiita
PayPal API決済をPHPで実装する方法について、簡潔に纏めます。 リファレンス PayPal API 決済 PayPal API決済 実装のお約束 決済実行の流れ 下記順番でPayPal API決済処理を実行していきます。 1. PayPal決済開始API(SetExpressCheckout)実行 2. PayPal決済開始APIから返却されたTokenを取得 ３. 取得したTokenをキーにPayPalへリダイレクト ４. ユーザ側の決済処理完了後、PayPalからリダイレクトされたタイミングでPayPal決済API(DoExpressCheckoutPayment)を実行 ５. PayPal決済APIのレスポンス（トランザクションID、ステータスなど）を取得 PayPal API決済 サンプルコード(PHP) PayPal API決済のサンプルコードを下記に記載する。 Pay
25歳初めてのフリーランスエンジニアの単価について - Qiita
はじめに 今回は自分が知りたかったシリーズ第1弾です。 第1弾：25歳初めてのフリーランスエンジニアの単価について 第2弾：新卒入社後、約3年半で読んできた書籍たち 第3弾：フリーランスエンジニアの面談ってこんな感じ 第4弾：新規参画した現場で1週間で意識したこと、やったこと こんにちは。今はまだ正社員ですが10月から初めてフリーランスエンジニアとして仕事していく予定です。 気になる単価ですがネットで調べると平均やMaxの値が多いので、僕のスキルでどれくらいの単価を提示してもらえたのかを記載しておきます。 職歴 キャリアチェンジはおそらく王道中の王道だと思います。 SIer→Web系開発→フリーランスエンジニア エンジニアの市場価値診断やってみたら今の年収低すぎた この動画の例にでてきたキャリアップ事例集は自分なのではと錯覚しました。 SIer(2015-2017年) 新卒でSIerに入社
centos7で標準のsystemdを使いnode.js製サーバーをデーモン化する - Qiita
はじめに node.jsをデーモン化するにはforever、pm2、supervisorなどいろいろありますが centos7になってから標準のスタートアップスクリプトでもとくに問題がでていないので紹介します プロセスマネージャーに一般に必要とされる機能 以下の機能は標準のsystemdで満たしています ターミナルからプロセスの切り離し マシン再起動による自動起動 プロセスダウンによる自動再起動 systemdではやってくれない機能 マルチコアスケールアウト（PM2） 設定ファイルサンプル サーバー名称:sample-server 実行ユーザー:centos ディレクトリ /etc/systemd/system/ の下に サーバー名称.serviceというファイルを作ります [Unit] Description=sample server After=syslog.target netwo
$.ajax();の覚え書き - Qiita
使いたいときに忘れがちなので覚え書き デフォルト値の設定 メソッドを設定 dataTypeを設定 タイムアウトを設定 キャッシュの無効化 $.ajaxSetup({ type : 'POST', dataType: 'json', timeout : 30000, headers: { 'pragma' : 'no-cache', 'Cache-Control' : 'no-cache', 'If-Modified-Since': 'Thu, 01 Jun 1970 00:00:00 GMT' } }); type: 'POST' でデフォルトをPOSTに指定します(元のデフォルトはGET) dataType: 'json' で戻りのデータをjsonで受け取ります。 header でキャッシュをしない設定としています。 キャッシュをさせない設定として cashe: false の設定の記事
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
