目次 tmuxとは 起動して新規セッションを作成する windowを作成する window間を行き来する windowを分割してpaneを作成する paneを行き来する セッション間を行き来する 【応用】tmuxの表示内容をリダイレクトする 【応用】情報バーにgitのbranch名を表示する 【応用】現在の操作パスを表示する 【応用】スニペットを呼び出す 以上の設定の .tmux.conf はこちら tmuxはバージョン互換性がかなり微妙 YouTubeでも公開したのでチャンネル登録してくれると嬉しいです tmuxとは tmuxとはターミナルマルチプレクサと言われるもので、sshで作業マシンにログインして操作した際や、重いプログラムを実行するなどして帰りたいが終了せずに作業を継続したい際などが、最も簡単なユースケースです。 これだけにとどまらず、tmuxはterminalを複雑に装飾できる

2020/07/17: いくつか追記しました はじめに 私は、TechTrainでフロントエンドのメンターとして面談する中で「最近フロントエンドの勉強を始めました！」という方や、フロントエンドエンジニアを目指す学生と話す機会が何度もあります。 その中でよくある質問が 「フロントエンドの情報収集ってどうしてますか？」 です。 何度も質問を貰うので、気になる人は多いのかなと思います。 この記事では「私がどんな風に情報収集しているか」を紹介しようと思います。主に情報収集の流れと、どこからフロントエンドの情報を集めているかについてです。 情報収集の流れ まずは情報収集の流れとして主にプロセス的な観点で整理してみます。 私の情報収集を抽象化すると以下の3つのプロセスがあると思います。 情報源から情報を集める(ex: Twitter, Blog, Qiita) 特定の場所に情報を溜める(ex: はてな

ハイクラス求人TOPIT記事一覧Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！ Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう！ Firebaseでは、バックエンドやインフラに精通したメンバーがいなくても、モバイルやWebフロントの開発に集中できます。Authentication、Firestore、Cloud Functions、さらにセキュリティルールまで、クックパッドの岸本卓（@_sgr_ksmt）さんが、実践的に解説します。 Firebaseをご存じでしょうか？ Firebaseを利用したことはありますか？ 今回は「Firebaseをこれから使ってみたい！」「絶賛使っているけど、初めてでどう開発したらいいかよく分からない……」という方

Webサイトはシンプルなデザインが好みです。情報量が多いと、どこを見ていいのか分かりませんし、情報の取りこぼし（メールマガジンの送付設定など）があってイライラしたりします。 開発者には開発者に合ったUIがあるはずです。今回紹介するHacker UIはまさに開発者のために作られたWeb UIフレームワークです。 Hacker UIの使い方 スクリーンショット多めで紹介します。 ボタンです。 ボタンをアウトライン化した例。 リスト。 フォーム。 ラジオボタン。 チップ。 ツールチップ。 モーダル。 タイポグラフィ。 Hacker UIはボタンなどがはっきりしており、フラットなデザインになっています。シンプルで、何が何を行うUIなのかが分かりやすいです。開発者以外の人にとっては殺風景に見えるかも知れませんが、開発者にとってはこれくらいのデザインがさっぱりしていて、使いやすいのではないでしょうか。

【要約】 最高の英単語帳を見つけました。 しかもなんと、その英単語帳は『無料』です。 このnoteでは、その画期的な英単語帳の紹介と、英単語帳のデータを無料配布します。 【更新履歴】 22/08/19: ・8000件を超える改善を行いました。 ・改善をリアルタイムで配布データに反映できるように、データのダウンロード方法を変更しました。 21/12/09： ・iOS/Android版アプリをリリースしました。 科学者がつくった最高に怠惰な英単語帳「これだけ覚えておけば英語が読めるようになる英単語帳とかないかなぁ〜〜」 なんて考えたことありませんか？ わたしはわりとあります。 プログラミングを始めてからは、英語に触れる機会が格段に増えたこともあり、わたしの中でこのニーズはますます強くなっています。 しかし、わたしは怠惰です。 できることなら、最小限の努力で英語を身に付けたい。 そこでわたしは、

ボクが主宰している「コミュニティ4th」では、毎月「Bookトライブ」という読書会をやっています。 一冊課題図書を決めて、みんなで読んできて感想を言い合う、という会ですね。 そこでここ数年、何を読んできたか、というのはこちらに書きました。 で。 去年の年末、そのトライブによく来ている谷川敦さん（あだ名はタフマン）という30歳男子（当時）が、こんなようなことを相談してきました。 「教養のある大人になりたいなあ、とぼんやりとした憧れを持っているんですが、ほとんど本も読まずに30歳になってしまいました。来年はBookトライブの課題図書だけでなく、もっとたくさん本を読みたいと思うのですが、絶対読むべき本を100冊くらい教えてくれませんか？」 ・・・なるほど。 ちょっと上からになって申し訳ないけど、良い心がけじゃｗ。 よし、ここはボクだけでなく、驚異の本読みにして「Bookトライブ」の部長である高島

Austin Z. Henleyのブログより。 更新12/14: この投稿は、Hacker NewsとRedditに関する多くの議論に拍車をかけました。 提案されたプロジェクトのいくつかを収集し、この投稿の最後にリストに入れました。 私はよくサイドプロジェクトを始めたいが、何を作るべきか分からない多くの学生やプロの開発者と話します。以下は、私に多くを教えてくれたいくつかのソフトウェアプロジェクトです。実際、それらは何度も作ることができ、毎回新しいことを学ぶことができるので素晴らしいです。従って、何を作るのか分からない場合、または新しいプログラミング言語またはフレームワークを学びたい場合は、私は次のいずれかから始めます。 テキストエディタ 2Dゲーム - スペースインベーダー コンパイラ - Tiny BASIC ミニ・オペレーティング・システム スプレッドシート (難しい!) ビデオゲーム

『Qiitaユーザーが選ぶ、2019年に読んで良かった技術書』アンケート結果発表 こんにちは。Qiita Zine 編集部です。 2019年も残りわずかとなりました。 年末年始休暇には、読書をされる方も多いのではないでしょうか。 この記事では、先日Qiitaメルマガで行った『Qiitaユーザーが選ぶ、2019年に読んで良かった技術書』アンケートの結果を、選出理由を交えて紹介します。 ぜひ、ご自身へのクリスマスプレゼントや、年末年始の読書のお供の参考にしてください💁‍♀️

上達したいVim初心者のための設定・プラグインの見つけ方、学び方〈エディタ実践入門〉 Vimの深淵はとても深く、学ぶことは簡単ではありません。本記事では、初心者がVimをどのように学べばよいか？ を解説しています。Shougoさんの寄稿です。 こんにちは。Shougo（@ShougoMatsu）です。今回は、Vim初心者のための記事を執筆することになりました。よろしくお願いします。 私のことを知らない人のために簡単に自己紹介しておきます。私はこれまで10年以上もの間Vimに関わっており、deoplete、dein、denite、defx、neosnippetといった各種プラグインを作成したり、ときにはVim本体にパッチを書くなどといった活動を行っています。 今回、初心者向けの記事を執筆することに決めたのは、勉強会などで「Vimをどのように学べばよいか？」について質問されることが多く、皆が同

※こちらの記事がはてブの総合ホッテントリ入りしました！ ※noteの公式マガジンと、「先月もっとも多くスキされた記事」の一つに入りました！ こんにちは。Kazutaka Shimizuです。 フリーランスとしてPM、エンジニアをやっています。 元々はWebマーケティングのコンサルタントをやっていましたが、独学でWeb開発を勉強してWebサービスを作って起業しました。 最近は創業した会社を離れ、フリーランスとして活動したり、プログラミングを独学した経験をこちらのツイッターで発信しています。 Twitterやnoteの他の記事などでもしつこいぐらいに言っていることなのですが、プログラミング学習はある程度基礎を勉強したら、自分でオリジナルのWebサイトやアプリなどを作ってみるのがオススメです。 今までの勉強ではプロダクトにどんな機能が必要か考えたり、それを色々調べながら実装に落とし込んだりするこ

Visual Studio Codeでコードを書く時に知っていると便利なショートカットを紹介します。コードを書く時に自分がよく実行する操作のショートカットを覚えておくと、作業効率は格段にアップします。 21 VSCode Shortcuts to Make Coding Faster and More Fun by jsmanifest 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに VSCodeで利用できるショートカットのいくつかを見逃しているかもしれません。すべての人がすべてのショートカットを調べて、より速くコードを作成し、より多くの人に役立つショートカットを見つける時間があるわけではありません。 この記事では、より高速なプログラマーになるためのお気に入りのショートカットをリストアップしました。これらのショートカッ

へいおわの鍵アカウント @anmain2525 これは自分の頭の整理用ではあるんだけど 今あるお金がもらえる・もどってくる制度や手当のまとめ作りました。 結婚・出産、子育て、仕事、病気…なるべく今あるものほとんど入れたつもり… 個人ではこれが限界かな… ゆくゆくはもっときれいにまとめたい。良かったら見てってください、意見ください pic.twitter.com/BmqX3KtXLU 2019-07-23 20:58:24

初めましてsatoshiです。 エンジニアとしては業務未経験のエンジニアの僕と非エンジニアであるCEOの二人三脚で開発したバックエンドオールFirebaseアプリの知見を残しておきたいと思い記事にします。 学生エンジニアが数ヶ月で一気にプロダクトを完成させる工程という観点でも参考になれば幸いです。 アプリ概要 「Wilico」というヘルスケアCtoCサービスを開発しました。 Wilicoはダイエットや食事管理が必要なタイミングに合わせて、ユーザーと管理栄養士さんをマッチングし、すぐにプロによる食事管理を受けることができるサービスです。 〜生きるために食べる時代から、(健康に)生きるために痩せる時代へ〜 飽食の時代と言われるようになり、好きなものを好きなだけ食べることができる現代ですが、その先に待っているのは生活習慣病です。 すなわち、健康に生きるためには、好きなものばかり食べるわけにはいか

こんにちは、Foobit編集部です！ 「もう夏だしブヨブヨのお腹どうにかしたい…」「今年こそは水着を着たい！」と言った人はいませんか？ 運動嫌いで、食べるのが大好きな超ブヨブヨでも1日２分の腹筋を約1ヶ月間(5月1日~6月12日)続けるだけで、かなりと言っていいほどお腹周りがスッキリしました！ 「黙れ！嘘だろ！」と声が聞こえますね… 晒したくないですが、お腹の画像だけ晒します… 下っ腹はまだブヨブヨですが、どうですかこれ！かなり引き締まってませんか！？(笑) ちなみに、体重は73kgから67kgまで落ちました！ と言うことで、今回はここまでお腹をへこますことができたyoutube動画を、分かりやすく説明します。また、どうやって習慣化したのか、トレーニング以外で実際に気をつけたことなどを紹介していきます！ 実際に参考にしたyoutube動画 この動画が実際に500万再生されている動画です！

文　月山もも こんにちは。山と温泉を愛する女一人旅ブロガー、月山ももと申します。 会社勤めの傍ら温泉と登山を絡めた一人旅を楽しみ、「山と温泉のきろく」なるブログを更新している私ですが、今回は、普段ブログに書くことのない「会社勤め」の部分について書いてみたいと思います。 一人旅を始めてから10年近く、登山を始めてからちょうど8年たちますが、もともとはインドア派で、学生時代から旅や登山が趣味だったわけではありません。恐らく、会社勤めをしていなかったら一人旅も登山も始めていなかったのではないか？ と思います。 私は、いわゆる就職氷河期の後半に大学卒業を迎えました。自分よりも勤勉で社交性もあると思っていた同級生たちが「100社近く回って内定ゼロ」と嘆いている状況に恐れをなし、社会人になるタイミングを遅らせるためだけに大学院に進学。在学中にほんのりと景気が上向き、修士課程の修了と同時にどうにかこうに

（写真提供：浅井佑一さん） INDEX ▽①食がオススメの道の駅その1：厚岸グルメパーク（北海道厚岸町） ▽②食がオススメの道の駅その2：マリンドリーム能生（新潟県糸魚川市） ▽③食がオススメの道の駅その3：のと千里浜（石川県羽咋市） ▽④絶景が楽しめる道の駅：舟屋の里伊根（京都府伊根町） ▽⑤温泉がオススメの道の駅：ながゆ温泉（大分県竹田市） ▽⑥アミューズメント施設がオススメの道の駅：オホーツク紋別（北海道紋別市） ▽⑦面白いお土産のある道の駅：あまるべ（兵庫県香美町） ▽⑧とにかく個性的な道の駅：富士川楽座（静岡県富士市） ▽⑨印象深いおかしな道の駅：伊東マリンタウン（静岡県伊東市） ▽⑩本当は誰にも教えたくない道の駅：奄美大島住用（鹿児島県奄美市） 日本全国の「道の駅」をすべて制覇した男 日本全国の一般道沿いに設置された「道の駅」。 地域の情報発信や振興を目的とした、この24時間利

個人用メモです。 !! ======================== !! ※この記事は2019年の記事です。著者はもうWordPressを使用しておりません。この記事で紹介している内容は2019年当時の内容である事を理解した上で、実際に設定する際は最新の情報を確認しながら行ってください。 2019/9/26追記 2020年1月1日より静的IPが有料になる旨Googleから発表がありました。 $0.004/時間=最大約300円/月が有料となります。 それ以外の部分についても無料でなくなり次第記事を更新してまいります。 情報: @mattn 様 2020/3/20追記 まだ請求額が0円だったので「あれ？」って思って調べたら、上記の静的IP有料の変更は1/1から反映されてるものの、キャンペーンで2020/4/1までは割引されている事に気がついたので注釈追記しました。ちなみに割引されなかった

翔泳社は「ITエンジニアに読んで欲しい！技術書・ビジネス書 大賞 2019」（ITエンジニア本大賞）を開催。ITエンジニアの投票を集計した結果選ばれた技術書とビジネス書の各ベスト10を発表しました。 ITエンジニア本大賞は、ITエンジニアに読んでほしい技術書・ビジネス書を選ぶイベント。 2014年からスタートし、今回が6回目の開催です。今回は2018年11月26日から2019年1月14日まで投票が行われていました。 主催は翔泳社ですが、対象となる書籍は出版社を問わず技術書、ビジネス書全般。出版社や刊行年も関係なく、この1年を振り返っておすすめしたい書籍となっています。 ベスト10に選ばれた書籍の中から特に投票の多かった技術書3冊、ビジネス書3冊については、同社が2月14日、15日に開催するイベント「Developers Summit 2019（デブサミ2019）」において書籍の著者、編集者

WEB+DB PRESS Vol.107掲載のオブジェクトベース設計によるUIデザイン改善を読んだ。デジタルなサービスのUIを設計していく上で、とても参考になる知見なのでまとめてみる。 オブジェクトベースUI設計とはユーザーがやること（タスク）の手順をそのまま画面に反映させるのではなく、ユーザーの関心対象（オブジェクト）を画面とデータに対応させながら考えていく手法。 オブジェクトベースUI設計の良いところこのオブジェクトベースUI設計は、特に複雑なタスク＆要求が混在する業務利用アプリケーション（SaaS / B向けサービス）のUIデザイン改善、運用で活かしやすいという印象を受けた。 大規模なシステム、膨大なデータと連携しながら、多様なユーザーニーズに応えやすいUIを実現するにはどうすれば良いか。 要件に散在する情報をオブジェクトとして捉えることで、その場しのぎではないUIデザインが作りやす

中学生でLinuxカーネルのバグフィックス！ 若き天才エンジニア矢倉大夢に爆速成長術を学ぶ 中学1年生でプログラミングを開始。高校時代にプログラミング関連の数々の賞を受賞。そして、大学在学中にグローバルリーダーの育成トレーニングを提供している株式会社TEAMBOXのCTOに就任した矢倉大夢さん。エンジニアとして圧倒的スピードで成長をする術を聞きました。 中学1年生でプログラミングを開始。高校時代にプログラミング関連の数々の賞を受賞。そして、大学在学中にグローバルリーダーの育成トレーニングを提供している株式会社TEAMBOXのCTOに就任。まるで映画やドラマの登場人物のような輝かしいキャリアですが、これは実在の人物。若き天才エンジニア・矢倉大夢（やくら・ひろむ／@hiromu1996）さんの経歴です。 中学時代にプログラミングの魅力に取りつかれて以来、猛スピードでスキルを積み上げてきました。