HTMLGO
web技術についての記事
今、シェルスクリプトを勉強中です。 ずっと手動でやっていて無駄だと思う作業を少しつづ自動化しています。 案件ごとに、いちいちプロジェクトディレクトリに移動するのが結構めんどくさかったので、以下のような設定をやっていました。 これをやっておけば、 ターミナルで、「hoge」と叩けば、指定ディレクトリに移動出来るます。 が、最初の設定作業をいちいち手動でやっていたため、 ちょっと面倒だったんですよね。。 # .zshrcalias hoge1='cd /Users/hoge
6月4日追記２ degitを使いやすくするシェルスクリプトを書いた。 6月4日追記 https://qiita.com/masakinihirota/items/418eec4422fd06690924 npm モジュールに便利そうなやつを発見した。 これを使おう。 結論: svnを使う 最初、え、、？と思ったんですが gitではそういう機能は無いらしい。 ライブラリやフレームワークなどのexamplesで、特定のディレクトリだけ落としてきてローカルで色々試した
今まで、ajax通信にはHTTPクライアント「axios」を使っていたが 最近はIE11をサポートしなくて良くなってきたので、 ブラウザでnativeでサポートされているFetch APIを使うことが多くなってきた。 挙動にちょっと癖があるのもあり、この際 きちんと詳細まで理解しておこうと思ったのでそのまとめ。 Fetch API・(ネットワーク越しの通信を含む) リソース取得のためのインターフェースを提供。MLHttpRequestより簡単で便利 ・fetch() は
~/.ssh/config のファイルに以下のような設定をしておくと 「ssh hoge_prod」 とか 「ssh hoge_dev」 と打てば簡単にログイン出来て便利。 秘密鍵の場所やログイン時のカレントディレクトリを指定できる。 パスワードは設定できないので、入力が必要。 Host hoge_prod HostName prod.hoge.jp RemoteCommand cd /home/hoge/prod.hoge.jp/public_html; $SHELL
テストコードを書けるようにならないとなー、ということで入門。 機能がいっぱいありそうなので、とりあえず基本の部分だけ。 インストールnpm install --save-dev jest 実際のコード// sum.js ////////////////////const sum = (a,b) =>{ return a + b;}module.exports = sum;// sum.test.js ////////////////////const sum = r
macでローカルIPを調べる時に、ターミナルで ifconfig と打つと、バーっと情報が出てしまうので、 本当に必要な ローカルIPだけを調べたい時は ipconfig getifaddr en0 と打つと、 xxx.xxx.xxx.xxx だけ返ってくるので便利。 (ipconfig と ifconfig が紛らわしい) alias ipcheck='ipconfig getifaddr en0' zshrcにエイリアスを貼っとくのがおすすめです。
サーバーAでは、問題ないのにデータをまるっとサーバーBに移行したら phpで requireさせているhogeファイルが無い と怒られてしまった。必要なファイル全てあげているのになんで。。 と思っていたら そういえば、 以前ファイル名を大文字から小文字に変えたはずなのにgitに変更が反映されてない ということに気づく hogeHuga.php → hogehuga.php require_once('include/hogehuga.php'); // ファイルが無
GWは、作業効率向上週間(?)ということで、 アナログでやってしまっているめんどくさい操作をなるべく効率化させたいと思います。 (1).各ウィンドウのサイズをショートカットキーで変更するブラウザのサイズを左半分にして、右半分でExcel開いて、、 みたいのをドラッグして、わざわざ合わせてませんか？これ、地味にめんどくさいですよね。今まで何千時間この操作に使ってきただろう。 この操作をショートカットでいい感じにしてくれる、アプリがこちらです。 某Youtuberさんの紹介で
useContextを呼び出したコンポーネントで、上位のコンポーネントからコンテクストオブジェクトを受け取り、そのコンテクストの現在値を返す。 コンポーネントの階層や、propsが多くなると下層のコンポーネントと データのやりとりをバケツリレーのようにしなくてはならない。 これが大変面倒なので、そんな時に、useContextを使う。 React.createContextを生成→Context.Providerのvalueに値を渡す→ 下層のコンポーネント全てでコンテク
コンポーネントに副作用を追加する。 副作用という言い方がわかりにくい。 例としてカウンターコンポーネントを作ってみる。（下の画像） カウントが２つあり、一つはクリックしたら増えるもの。 もう一つは一定時間で増えるもの（これはコンポーネントがアンマウントしたらタイマーも消す必要がある）。 今までのclassコンポーネントの場合import React from "react";class CountWrapper extends React.Component {cons
React HooksはReact 16.8から備わった機能。 色々便利な機能が備わっている。 useState は、SFCでも状態を持つことが出来るようになる。 今までのコンポーネント// Hoge.jsximport React from "react";export default class Hoge extends React.Component { constructor(props) { super(props); this.state = {
今まで、wordpress→はてなブログとほっそり技術ブログを書いていたのですが、最近noteがとても急成長していて、色々ワクワクする施策もやっているのでnoteを始めようと思います。デザイナーさんやエンジニアさんも結構やっている人が多いですよね。 技術以外のことも書いていこうと思うので、良かったら読んでもらえると幸いです。 続けられるか謎。
