JavaScriptで配列を操作する(追加、削除)

配列の要素の追加 //配列に要素を追加する var incrementArray = [ "AAA", "BBB", "CCC" ]; incrementArray.push("DDD"); 結果:incrementArray = [ "AAA", "BBB", "CCC", "DDD" ]; 参考:Array.prototype.push() 配列の要素の削除 //配列の指定要素を削除す…

ドットインストールでVue.jsの基礎をやり直した(#14-#17(いいね集計ボタン作成の最初から最後まで))

概要 ドットインストールでVue.jsの基礎をやり直した#01-#08と#09-#13(TODOアプリ作成の最後まで)の続き。 なお、この#17で、2018/5/6現存するドットインストールのVue.js入門コースは完了。なのでこれ関連の記事も最後です。 #14から#17までの内容 前回、…

ドットインストールでVue.jsの基礎をやり直した(#09-#13(TODOアプリ作成の最後まで))

概要 ドットインストールでVue.jsの基礎をやり直した(#01-#08)の続き。 この#13まででTODOアプリの作成動画は終了で、#14からはVueComponentを使った実装の動画となる。 #09-#13の全体的な所感と内容 前回の#08までよりも難易度が上がり、目に見える実装だ…

ドットインストールでVue.jsの基礎をやり直した(#01-#08)

概要 業務でVue.jsを扱っているものの、基礎の基礎的なところをやり直ししたかったのでドットインストールを使用して学習した。 なお、2018/5/3時点で、動画は#01から#17の17回分存在するが、この記事は#01から#08を学習しての記録である。 ドットインストー…

「データを加工する技術」を読んだ

概要 技術書典4で購入した「データを加工する技術」を読んだのでその記録。 読書の所要時間:約13分。※書籍内のサンプルは試していない。 本の概要 タイトル:データを加工する技術 著者:もふもふ、みっちー(敬称略) 印刷所:ねこのしっぽ 購入価格:確か…

技術書典4に行ってきました

概要 技術書の自主出版即売会である、技術書典4に行ってきたのでその記録。 開催日:2018/4/22(日)11:00-17:00 感想 一般入場が11時からだったので11時過ぎ位に開場に着くようにしたら、整理券の列がかなり長くなっており、自分は1600番台だった。整理券番…

インフラ勉強会のwebセキュリティ勉強会に参加した

概要 Web攻撃の脅威「XSS」、「SQLインジェクション」、「ディレクトリトラバーサル」を知ろう!に参加した記録。 開催日:2018/4/27(金)22:00-23:00 内容と感想 一般的なwebの脆弱性をついた攻撃にはどんなものがあるか解説した勉強会。 登壇者が容易した…

第3回MDN翻訳ミートアップに参加した

概要 前回の参加に引き続き、掲題のミートアップに参加した。 開催日:2018/4/21(土)13:00-18:00 場所:日本橋近辺 やったことと感想 MDNドキュメントを翻訳するための準備は前回済ませてあったので、今回は翻訳することだけに集中できた。 よい雰囲気・熟…

「ふんわりさっくりLinuxカーネル」を読んだ

技術書典4で購入した掲題の本を読んだメモ。 読書の所要時間:約13分 本の概要 タイトル:ふんわりさっくりLinuxカーネル 著者:かまずにまるのみ、ただあき(敬称略) 印刷所:日光企画 購入価格:失念した。500円~800円だったと思う。 購入したきっかけ L…

アマゾンプライムビデオで「東京難民」を観た

概要 アマゾンプライムビデオで「東京難民」を観た(2018/04/18)のでその記録。 アマゾンプライムビデオ:東京難民 内容と感想 主人公の時枝修(中村蒼)は、父が失踪した影響で大学を辞め、ネットカフェを転々とした生活を送っていた。日雇いのバイトで食い…

アマゾンプライムビデオで「さよなら歌舞伎町」を観た

概要 アマゾンプライムビデオで「さよなら歌舞伎町」を2018/04/19に観たのでその記録です。 アマゾンプライムビデオ:さよなら歌舞伎町 どんな話かと感想 歌舞伎町周辺に済み何らかの事情により歌舞伎町へ赴く3つのカップルの話。主人公のラブホテルマン(店…

ブロックレベル要素とインライン要素

HTMLもCSSも結構ノリと雰囲気で書いているところがあったので改めて勉強してたら、HTML要素はブロックレベル要素とインライン要素なる要素に分類されるらしい。 参考にしたページ HTMLの基本 要点 ブロックレベル要素は、ブロック(まとまり)として認識され…

インフラ勉強会の”負荷試験入門”に参加した

負荷試験入門に参加した記録。 日時 2018/4/15(日) 22:00-23:00 どんなことやってたか 負荷試験の目的 負荷試験でやるべきこと 負荷試験の指標の作り方 負荷試験の準備や具体的なやり方 ツールの紹介 感想 私ローカルでJMeter使ってたけど意味なかった・・…

システムで「性別」の情報を扱う前に知っておくべきことを読んだ

システムで「性別」の情報を扱う前に知っておくべきことを読んで、ISO5218という言語に依存しない1桁のコードによる人の性別表記に関する国際規格が存在することを知った。 まとめると 不明は0、男性は1、女性は2、適用不可は9 列名はgenderではなくsex(は…

ローカルのGitブランチを削除する

Git

git branch -D hogebranch

「ソーシャルメディアのインタラクション」を指すモノはあのボタンだったのか

twitter上でWebマーケ系の人やフロントの人が「ソーシャルメディアのインタラクション」がどうたら言ってるのを目にしたことがあるが、具体的にわからなかった。 それは何かというと、キュレーションサイト等々のソーシャルメディアによくあるfacebookのイイ…

なんでクラウドといわないでサーバレスというのだ

概要 AWSとかHerokuとか、クラウドサービスのサーバを使う場合に「サーバレスアーキテクチャ」とか「サーバレスコンピューティング」とか言われるみたいだけど、個人的には「オンプレじゃないだけでサーバ使ってるんだからサーバレスじゃないじゃん」と思っ…

モーダルはダイアログの一種だった

概要 モーダルとかダイアログとかポップアップとか、操作中に出てくる小さい四角は適当にそんな感じで読んでいたんですが、CSSを触っている中でちゃんと使い分けられているようだ・・・と感じたのでどう違うか調べました。 結果 モーダルはダイアログの一種…

ローカルで変更したファイルをリモートと同じ状態に戻すGitのコマンド

ひとつのファイルをリモートと同じ状態に戻したい時 git checkout ファイル名 そのブランチ全体をリモートと同じ状態に戻したい時 git checkout .

paiza.ioはまだJava10を使用できない(3/26時点ではJava9が動いていました)

先日paiza.ioの裏でJavaのいくつのバージョンが動いているかチェックする記事を書きました。→paiza.ioで実行できるJavaのバージョンを調べてみた(2018/3/7時点) Java10がDLできるようになったそうなので、「もしやpaiza.ioでJava10が動かせるのでは・・・…

OSSのリポジトリをForkしてブランチ切ってプルリク出す

概要 多分忘れて何度も検索しそうなので忘備録。 参考にしたのはこちらのページ。 手順 ※この記事では派生元ブランチはdevブランチとする。 Forkする。 Forkしたいリポジトリへ行き、右上のForkボタンを押すと、自分のアカウントにリポジトリのコピーができ…

MDN翻訳ミートアップに参加した

概要 最近英語のドキュメントを読むことが多いのですが「誰か翻訳しておいてくれよ~」と思ったので自分で翻訳を初めて見ることにした。 日本橋のちょっとおしゃれなビルの一室でのミートアップだった。 Doorkeeperの募集ページ 感想 OSSへの貢献は初めてだ…

その環境で使用できるカレントディレクトリが知りたい

概要 Herokuにデプロイしたアプリケーションでディレクトリが必要な処理があって、ローカル(Windows環境)では動くけどHeroku上(Linux環境)で動かないってことがあって、「カレントディレクトリから」という指定なら環境の差吸収出来るんじゃないかと思っ…

webpack-dev-serverでホットデプロイできなかったけどpublicPath指定したらできるようになった

概要 webpack.config.jsの設定は何がベストか色々試して居た時にwebpack-dev-serverでホットデプロイができなくなったんですが、publicPathを指定したらできるようになったのでその記録。 webpack-dev-server 開発用に使用できるwebサーバ。 publicPath webp…

displayCSSプロパティってなぁに

CSS

概要 displayプロパティがわからないので調べた。 displayプロパティ 要素のレンダリングに使用されるボックスの種類を指定する。 値noneを使用すると、要素を非表示にできる。その場合、noneを指定した要素の子要素も非表示にできる。 初期値はinline クリ…

MDNのドキュメントでCSSを学ぶ(その2)

CSS

概要 MDNのCSSドキュメントはアルファベット順に並んでいる索引があるので、そのうちの一部を書いてみる、のその2。 書いてみる align-content flexコンテナ内のコンテナの配置方法を指定する。 サンプル <div id="container"> テスト <div id="inner1"> <b>align-content : flex-start;</b> <div>A</div> <div>B</div> <div>C</div> <div>D</div> <div>E</div> <div>F</div> <div>G</div></div></div>…

一週間teratailでがんばって回答したらJavaタグで週間2位になった!

追記 日付変わるぎりぎりでJavaタグ週間2位になれました。 全体ランキングでは週間25位 最初の更新時 3/4からteratailでの回答を始めて、Javaタグで週間4位になれました。ちょっとうれしいので記念スクショ。 なおタグじゃなくて全体のランキングでは週間37…

MDNのドキュメントでCSSを学ぶ(その1)

CSS

概要 MDNのCSSドキュメントはアルファベット順に並んでいる索引があるので、そのうちの一部を書いてみる。 書いてみる :active ユーザによってアクティブ化されている要素を示す。 アクティブ化 公式より 「アクティブ化」とはふつう、マウスを使用する場合…

logbackの出力フォーマットパターン覚書き

概要 logbackでログ出力させてるんですが、logback.xmlで設定する出力フォーマットをわかりやすく残しておきたいので書いておくことにした。 フォーマット %c 出力元クラス名 %d 日時の出力(yyyy-MM-dd HH:mm:ss,fff) %m ログメッセージ '%n' プラットフォ…

Apiary使ってみたので覚書き(登録後すぐにAPI叩いてみた)

概要 どこで見たかは忘れたけど、Jsonを返却するAPIのモックがマッハで作れるApiaryというツールを試しに使ってみました。 先にまとめを書く 登録後直ぐにAPIを叩いてみたかったら、ヘッダ部のInspector画面に行き、上の方に書かれたアカウント毎であろうURL…