【JavaScript】現在のスクロールが上か下か判断するやつ
つくってみたよ。let 直前のスクロール位置 = 0;
$(window).scroll(function(e){
let 最新のスクロール位置 = $(this).scrollTop(); […]
Posted Date 2月 16th, 2019
Category in JavaScript, jQuery
yahooマネーってなに？
はじめにPayPayの当たりくじのやつクレジットカード払いじゃだめなんだね。yahooカード or paypayの残高が必要とのこと。そうなるとカードない私はyahooカード持ってない私はpaypayに銀行口座からpay […]
Posted Date 2月 16th, 2019
Category in Money, PayPay
BEM入門「Introduction」を読む
IntroductiontodoMethodologiestodoWhy BEM over the others?todoBlocks, Elements and Modifiersまずは概念についての説明。実際の命名規 […]
Posted Date 2月 12th, 2019
Category in CSS, 設計思想
CSSのボタンを縦横の中央寄せにする
縦の中央寄せはいつも軽くハマる・・・こんな感じで。ポイントとしてはline-heightでボタンの高さと同じに指定するという方法もあるが、こちらは２行になったときに対応できない、ボタンの高さに変更したときにこちらも変更し […]
Posted Date 2月 10th, 2019
Category in CSS
HTML +CSS + JavaScriptをブラウザで実行する
はじめにわざわざ環境構築しないで、ドキュメンテーション読みながら動き確かめたいときとかに使う用です。なにがいいかな？codepenこれでいいような気がします。わりとサクサク動いてくれて、UIもかっこいです。左下の⌘アイコ […]
Posted Date 2月 7th, 2019
Category in Utility Tools
【typescript】Declaration fileとは？宣言ファイルの作り方
宣言ファイルとは？宣言ファイル（.d.tsファイル）は、TypeScriptで既存のJavaScriptライブラリを使用するための基本的なパーツです。昔のことはよくわからないですが、typescript2.0以降は基本的 […]
Posted Date 2月 5th, 2019
Category in 未分類
parcelのGet Startedをやってみた
## まずはparcelコマンドをグローバルにインストールnpm install -g parcel-bundler
mkdir parcel && cd parcel
& […]
Posted Date 1月 30th, 2019
Category in JavaScript, Parcel
google日本語入力の変換学習をOFFにする
よくよく考えたら邪魔でしかなくね??タイピングの効率化を図る今日このごろ..思ったのですが、変換を学習してくれるこの機能…じゃまでしかないような気がしてきました…どうやってOFFにするのgoogl […]
Posted Date 1月 29th, 2019
Category in Google, Google IME
Photopeaを学ぶ
はじめにPhotopeaの起動とスタートブラウザに行くだけで始まります。そして、それはどこにもアップロードされることはありません。すべてあなたのパソコン上で完結します。Workspace (作業領域)フォトショップとそっ […]
Posted Date 1月 26th, 2019
Category in Photopea
タイピング最適化 しゃはsyaでなくsha
タイピングの最適化とはなにか？いい感じにタイピングしてください、ということですレベル1どっちでも打てる場合があるときの統一シャはsha?sya?これは指の移動が少ないshaにしましょうジャはzya?ja?これももちろんj […]
Posted Date 1月 26th, 2019
Category in Typing
Vimium使い方
VimiumとはGoogle Chromeをvimライクなショートカットで使用できるすぐれものです！しかーし機能がいっぱいあるので最低限これだけ覚えていたら使える！といった使う機会がおおいものだけメモしておきます。多い& […]
Posted Date 1月 24th, 2019
Category in Google, google chrome extension
e-typing使いこなし おすすめ練習法 プラン
前提とりあえずブラインドタッチはできる感じになってきたけど、そんなに速いわけじゃない人e-typingスコア : 200前半くらいはじめにやみくもに練習してもだめな気がします。弱点に対して最適なメニューを考えましょう。ま […]
Posted Date 1月 24th, 2019
Category in Typing
Serverless framework入門 第2話「exampleを見ながら特定の言語のアプリを簡単デプロイ」
はじめにServerless frameworkのdocsのなかからexampleを使えば簡単に特定の（対応している）言語のアプリケーションをデプロイすることができます。ここではNuxt.jsを例にやってきましょう！！た […]
Posted Date 1月 16th, 2019
Category in Hosting, Serverless
vim 習得ロードマップ 【僕が考えた最強のmac入力環境】
はじめにすぐ飽きてしまう。。どうしたらよいのか考えました。。追記 2019-01-12やっぱりあきらめずにやったほうがいいいかもん！頑張ろう！vimの学習ツール結局なんか学習ツールでやるのが一番はやいような気がします。。 […]
Posted Date 1月 12th, 2019
Category in Vim
IntelliJで覚えたほうがいいショートカット【mac】コード補完編
はじめに※入門編はこちら(ファイル検索とかが載っています)※基本的にPhpStormやWebStromも共通ですいよいよコード補完をやっていくよー。これにより、かっこよく入力ができるようになって、「なんかかっこいいー！！ […]
Posted Date 1月 12th, 2019
Category in IDE, IntelliJ, PhpStorm
macコントロールキー を使って爆速でmacを操作する
はじめに先輩に教えてもらいました。controll key を押すことでvimみたいにカーソル移動できたりするんですねー。しらなかったんご。これを使いこなしてより進化したmac使いになりたいぜい。ホームぽーじションから大 […]
Posted Date 1月 9th, 2019
Category in Mac - Apple
JavaScriptアノテーションとは？
はじめにJavaScriptでannotation（@マークのことね）がでてきて、「なんやねんこれ..?」ってなりました。アノテーションじゃなくてデコレータ呼び方が違います。注意なにをするためのもの？クラスやメソッドに機 […]
Posted Date 1月 7th, 2019
Category in JavaScript, TypeScript
nodeモジュールの作り方【ひとりでできるもん】
概要packge.jsonindex.jstest公開まずはじめにpackage.jsonそのモジュールの説明書となるpackage.jsonを作成します。https://docs.npmjs.com/creating- […]
Posted Date 1月 6th, 2019
Category in npm
JavaScriptのprototypeとは？2019-01-04バージョン
はじめにまたわからなくなった。😭JavaScriptのprototypeとは？JavaScriptは関数はファーストクラスオブジェクトです。。というのはもうわかってる前提です。オブジェクトってことはメソッドはプロパティを […]
Posted Date 1月 4th, 2019
Category in Basic, JavaScript
Serverless framework 入門 hello world
Serverless frameworkとはAWS LambdaとAWS API Gatewayを利用したサーバレスなアプリケーションを構築するためのツール。サーバーレスアプリケーションを構築するための最も広く採用されて […]
Posted Date 1月 3rd, 2019
Category in AWS
最強のコーヒーを探して（随時更新予定）
求めるもの現実的に購入することのできる値段で、最強に美味しいもの。目標・求める味こういうときは具体的な味の目標を持つと良い気がしてきた。目標としては元渋谷にあった某コーヒーのような味を求めて行きたい。豆と...
Posted Date 2月 19th, 2019
Category in Coffee
JQueryのテストコードをブラウザは実行する
はじめにPHPは以前やったんですけど、JQueryとかのJavaScript + ライブラリってどうやったらいいんだろね？PHPのテストコードをウェブ上で実行したい。開発環境だなんて言わないで。やっぱりCodePen最高 […]
Posted Date 2月 16th, 2019
Category in JavaScript
BEM入門「Naming」を読む
はじめにBEMアプローチは、Webサイトの開発に参加するすべての人が単一のコードベースで機能し、同じ言語を話すことを保証します。 適切な名前を使用すると、Webサイトのデザインの変更に備えることができます。大前提No t […]
Posted Date 2月 12th, 2019
Category in CSS, 設計思想
BEM入門
はじめにBEMとは？BEM – Block Element Modifierは、フロントエンド開発で再利用可能なコンポーネントとコード共有を作成するのに役立つ方法論です。方法論なんですねー。特徴Easy使うに […]
Posted Date 2月 12th, 2019
Category in CSS, 設計思想
macのキーが効かなくなったとき・ログインできなくなったときメモ
はじめに自分のmacbook2017のキーの「n」が急に効きにくくなった。効きにくいというのは普通に押しても反応せず、強く押してようやく反応するという状況。とりあえず困ったときの再起動。ということでシャットダウンして再び […]
Posted Date 2月 9th, 2019
Category in Mac - Apple
ブラウザ戦争2019
いっちゃんいいブラウザを教えて！！会社で使うメインブラウザは安定のgoogle chromeなのですが、それ以外で自分用のうんたらをするときになんかほしいなーって思いました。firefoxあたりが王道なんでしょうけどそれ […]
Posted Date 2月 7th, 2019
Category in Browser
タイピング数字の練習方法編と6の最適化
はじめにタイピング昔練習したので一応遅いながらもタッチタイピングできるんですけど、その昔タイピング練習したときに日本語までで飽きてしまったため、ぶっちゃけ未だに数字を打てません、、、ショートカットでも数...
Posted Date 2月 4th, 2019
Category in Typing
Parcelの時代が来た。まだwebpackで摩耗しているの？
みたいなタイトルの記事が絶対出回るんだろうなぁ…（予測）Parcelってなに？webpackと同じバンドラーです。webpackとの違いは？機能が最低限な代わりにめちゃくちゃシンプルです。設定ファイルいりませ […]
Posted Date 1月 30th, 2019
Category in JavaScript, Parcel
30秒でmacのカレンダーとgoogleカレンダーを同期させる
はじめにたまにやるときいつも忘れるので書いておこうと思います…秒でやります！！！やりかた1.macのカレンダーを開く2.Cmd + ,を押して設定を開く3.アカウントタブを開く同期したいgoogleアカウント […]
Posted Date 1月 29th, 2019
Category in Google, Google Calendar, Mac - Apple
photopea入門
はじめにエンジニアでもデザインとかをやりたいときになんかソフト使えるようになりたいなーと思ってました、ところ！無料でphotoshop的なのが使えるところがあるとの情報が！！早速みてみましょう！！photopeaとは？無 […]
Posted Date 1月 26th, 2019
Category in Photopea
タイピングを早くするために心がけること
はじめにタイピングをやっていて早く打つために心がけたほうが良いものがわかってきたのでメモしたいと思います。ミスを無なくすことを最優先実戦でもこれが一番大事なので、とりあえず一番ミスが少なくなるスピードでまずは打ってきまし […]
Posted Date 1月 25th, 2019
Category in Typing
タイピング(ブラインドタッチ)習得サイトサイト比較
はじめにタイピングやろうかな？と思ったのですが、なにか良いサイトないかなー？ということで探しました。随時更新予定!!最も大きな目的は「習得」なのでそれにあったものを探します！e-typingたぶん一番有名登録することでグ […]
Posted Date 1月 24th, 2019
Category in Typing
タイピング強化への道 第一話「きっかけ」
vimとかのショートカット覚える前にタイピングを早くせい実はわたしはそれほどタイピングが早くない。プログラマって以外とタイピングする時間多くないからまぁいいかと思ってたけど、よくよく考えたらタイピング遅いくせにショート...
Posted Date 1月 23rd, 2019
Category in Typing
Serverless入門 第1話「サーバーレスフレームワークとはなにか？」
はじめに？Serverless(ツール名)とは？最も広く利用されているサーバーレスアプリケーションを作成するためのツールです。Frameworkサーバーレスフレームワークとは？ビルド、構築、デプロイ、スケール等を簡単に行 […]
Posted Date 1月 16th, 2019
Category in Hosting, Serverless
IntelliJで覚えたほうがいいショートカット【mac】実践編
はじめに以前の記事で入門編コード補完編基本的なショートカットとコード補完の方法について学びました。ここからは実戦の上でいい感じに使う方法を考えます。PHPのメソッドをいい感じに入力する方法A. ライブテンプ...
Posted Date 1月 12th, 2019
Category in IDE, IntelliJ, PhpStorm
IntelliJで覚えたほうがいいショートカット【mac】入門編
はじめに※コード補完編はこちら※基本的にPhpStormやWebStromも共通ですいつもかなり適当に入力していたのでいい感じにしたい..!!という思いがかなり強くなってきました！なお筆者がmacのためmacのキーに厳選 […]
Posted Date 1月 12th, 2019
Category in IDE, IntelliJ, PhpStorm
cssの設計思想についてrscss・gem等
そもそもCSSの設計思想とはなんぞやCSSを扱う上でセレクタは欠かせませんが、自分一人ならいざしらず他の人も同時に作業する場合、みんなが「オレオレ」で「いい感じ」してしまった末路として、一つのセレクタが複数箇所で意図しな […]
Posted Date 1月 8th, 2019
Category in CSS, 設計思想
node jsのバージョン管理について nodebrew vs nodeenv
はじめにnode.jsの入れることになったんだけどnodeのバージョン管理っていくつか選択肢あるぶん、少し迷うのよねぇん。。ざっと見ただけでも– nodeenv– nodebrew– […]
Posted Date 1月 7th, 2019
Category in Node.js
BABELはまりRequires Babel “^7.0.0-0”, but was loaded with “6.26.0”
はじめに久しぶりに触るプロジェクトで出ました。。Babelでjsビルドしようと思ったらRequires Babel “^7.0.0-0”, but was loaded with “6.26.0”はぁ..解決策@babe […]
Posted Date 1月 4th, 2019
Category in 未分類
JavaScriptのthisとは？呼び出しコンテクストとは？
はしめにJavaScriptのthisとかいう初心者殺しポイント。これを理解して中級者にステップアップしましょう。まずはじめに関数内のthisとは？JavaScriptの関数には隠しパラメータ的なものを必ず２つ持ちます。 […]
Posted Date 1月 4th, 2019
Category in Basic, JavaScript, 未分類
最近のコメント