ゼロからはじめるJavaScript(7) ChromebookでWebアプリ(Node.js/PHP)の開発環境を整えよう
ここ最近はChromebookの売上が好調のようです。Chromebookは安価ながら安定してWebアプリが利用できるのが魅力です。TVでもChromebookのCMを見かける機会が増えています。しかし、エンジニアとしては、Chromebookを使ってどこまで快適なWebアプリの開発環境が構築可能なのか気になるところです。今回、検証してみました。 ChromebookでWebアプリの開発環境を構築して開発しているところ 結論 - Linux仮想マシンでWebアプリの開発環境が整う まずは、結論から紹介すると、それなりに快適なWebアプリの開発環境を構築できます。そもそも、2019年以降に発売されたChromebookでは、設定からボタンを数回押すだけでLinux(Debian)の仮想マシンをセットアップできるようになっているからです。 また、昨今のChromeOS上ではAndroidアプリ
モブプログラミングに向いてない私の話 - 誰かの役に立てばいいブログ
新型コロナウィルスの影響も長引いてますが、皆さま無事お過ごしでしょうか。私は幸い無事です。 日ごろチームでソフトウェア開発をしているのですが、近年社内ではペアプログラミングやモブプログラミングが流行しています。 私のいるチームでもここ二年ほどモブプログラミング（ないし類似のプラクティス）に取り組んできました。 モブプログラミングについて正確にどのようなものかは以下の記事などをご参照いただければと思います。 簡単にまとめると、要求分析やコーディング等幅広い開発作業を、同じ場所に集まったチームの共同作業でこなしていくというものです。 このご時世ですので、最近はオンラインのミーティングルームに集合する形式でしたけど。 www.agilealliance.org ここから先は、非常にパーソナルな、私に限定された体験になります。 どの人・チームにも適用できる話ではありません。ではありますが、どの人・
9割の人が知らない「本を集中して読み続けられない」を解決するスゴ技
ダイヤモンド社にて、書籍事業を担当する局。ビジネス、実用、教育、サイエンスなど多様なジャンルの書籍を刊行している。 だから、この本。 ダイヤモンド社の話題の１冊を取り上げ、書き手・作り手の思いや執筆動機、読んでほしい理由を深掘りするインタビュー連載。著者・訳者・デザイナー・編集者など、本に関わるさまざまな人たちの「だから、この本を書きました」「作りました」をお届けします。連載の詳細・記事一覧はこちら。 バックナンバー一覧 『独学大全──絶対に「学ぶこと」をあきらめたくない人のための55の技法』。この税込3000円超、788ページの分厚い1冊が、今爆発的に売れている。発売わずか1ヵ月半で7万部を突破し、書店店頭やネット書店でも売り切れが続出。ただ読むだけでなく、多くの人がＳＮＳで「こんな風に学んでいます」「実践しています」と報告する、稀有な本だ。 興味深いのは、本書の著者が学者でも、ビジネス
Zaim APIとGASで作る月次精算botと、”FamTech”について｜ヒガシ
我が家の家計は僕が取りまとめていて、新婚以来スプレッドシートを使ってほぼ手作業で管理してきました。 が、それもいい加減だるいぞ、ということに結婚8年目にして気づきまして。長年使っていたZaimを活用してこの辺を極力自動化できないかな、と重い腰を上げていろいろ考えてみたのが今日のお話になります。 ヒガシさんちの家計の考え方と手法最初に、現状どんな感じにやっているかを説明します。 登場人物と役割分担 以下のように役割分担しています。妻は人の財布の中身にあまり興味を持たないタイプなので、金勘定は宿命的に僕の仕事です。お金は大事だよ。。 ・家計の担い手① 兼 取りまとめ役 …夫（ぼく） ・家計の担い手②...（妻） 家計の考え方と手法 端的に説明すると「必要経費を収入比で按分した額を拠出し、口座にプールしておく」という感じになります。具体的な流れはこんな感じです。 我々夫婦は共働きで、二人ともサラ
【GAS x Vue.js】JavaScript のみで今、家計簿をつくるとしたら【ハンズオン付き！】 - Qiita
【GAS x Vue.js】JavaScript のみで今、家計簿をつくるとしたら【ハンズオン付き！】JavaScriptGoogleAppsScriptVue.jsQiita夏祭り2020_パソナテック 「JavaScriptのみ」＆「無料」＆「サーバーレス」なスプレッドシートと連携した家計簿をつくる方法を考えてみました。 実際に家計簿アプリを作るハンズオン付きです！ ※こちらの記事は一部古い内容となっております。 Zennに投稿している本を更新していますので、よければこちらをご覧ください。 https://zenn.dev/matsu7089/books/gas-account-book なにを作ったの？ Web上でデータを登録すると、スプレッドシートに反映される家計簿アプリです。 実際のページはこちら。使い方は「家計簿アプリお試し方法」で説明します。 データ追加の他に、データ編集と
GASで家計簿を作成する その１ - Qiita
1. 背景 『年収２００万円からの貯金生活宣言』(横山光昭 著)を読んだところ、「消費・浪費・投資」に分けた家計簿を付けなさいと書かれていました。 面白そうだし、そこそこ普及した手法らしいので、これで家計簿を書いてみようと思いました。 自分のやり方として、外ではスマホ、家ではPCで管理したい。 しかし、いい感じのサービスがない。 良い機会なので、これをWeb系勉強の題材にして作ってみよう。 ちなみに私は、授業などで単語を聞きかじった程度で、ちゃんとしたプロダクトを作るのは初めてです。 2．完成イメージ PCとスマホからアクセスできる 家計簿データを貯める 月の結果を表示 月ごとの推移を表示 見たいデータ 予算と使用額 消費・浪費・投資のパーセンテージ 費用ごとの合計 家賃やサブスクなど、毎月固定の金額を自動計上したい。とか、トータルで予算を超えたのか否か計算したい。など考えたらキリがないの
GAS 家計簿 - Google Apps ScriptとVueで作られたWeb家計簿
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました IT技術の発展はめざましく、日々新しい技術が登場しています。例えばサーバレス、VueやReactの仮想DOM、ちょっと前であればRESTful APIなどがあります。それらを漏れなくキャッチアップするのは大変です。 今回紹介するGAS 家計簿はサーバレスにGAS（Google Apps Script）を使って家計簿Webアプリケーションを作るハンズオンを兼ねたソフトウェアです。 GAS 家計簿の使い方 デモです。動作しているのはGitHub Pagesです。サーバの管理が不要ですね。 データの追加用モーダルウィンドウ。フロントエンドはVueを使っています。 設定画面です。データはGoogle Apps Scriptを使ってGoogleスプレッドシートに保存されています。 GAS 家
古着宅配買取おすすめランキング・口コミ｜相場や高額買取のコツも伝授！【2021年徹底比較】 | ヨキヨキ
古着買取サービスでいらない服を売ることに興味はあるものの、なかなか行動に移せない方は多いのではないでしょうか？ この記事では、おすすめの古着買取サービスをランキング形式で、またアイテム別相場や古着を高く売るためのちょっとしたコツもご紹介していきます！ さらに古着買取サービスの種類やそれぞれのメリット・デメリットから選び方について、初心者にも優しく解説するので、ぜひ興味がある方目を通してみてくださいね。 おすすめは「コメ兵」「ブランディア」「ブランドコレクト」「フクウロ」 衣類は、季節や流行によって値段がかなり変わる 財布・バッグは、トレンドのスパンが比較的長いので高値で売りやすい すぐに現金が欲しければ、店舗型買取 自分で売値を決めたければ、ウェブフリマ 楽に査定を待ちたい方は、宅配買取 大量の洋服を一気に売りたい方は、出張買取
まとまったCSSを別のコンポーネントに分けないでほしい話 - uhyo/blog
この記事は、ReactでCSSを書くときに関連したCSSを別々のコンポーネントに分けるのをやめようという記事です。主な理由は、スタイリングという機能が複数コンポーネントに分散するのを防ぐためです。これには修正時に複数コンポーネントにまたがって修正が必要になるのを防ぐという意味もあります。 Flexboxの例関連したCSSが複数の要素に分かれることはよくあります。その代表例がdisplay: flexです。例えばこんなレイアウトを考えてみましょう。左側のボックスの幅が決まっていて右側の幅が可変の2カラムレイアウトです。 左のカラム (100px)右のカラムこのレイアウトはおおよそ次のように実現できます。 /* 親要素 */ display: flex; /* 子要素（左） */ flex: 100px 0 0; /* 子要素（右） */ flex: auto 1 0;では、Reactではどの
Web制作者は要チェック！最近のランディングページで見かけるデザインやアイデアのまとめ -SaaS Pages
最近のラインディングページで見かけるデザインやアイデア、コピーライティングがまとめられたSaaS Pagesを紹介します。 ヘッダやフッタのデザイン、ナビゲーションのアイデア、CTAや価格一覧やFAQのコンポーネントなど、インスピレーションが刺激されます。
第二のN高となる「S高」がつくば市に開校--授業にVRデバイスを本格導入したコースも
学校法人角川ドワンゴ学園は10月15日、茨城県つくば市にある筑波西中学校の廃校を再活用し、「S高等学校」（S高）を2021年4月に開校すると発表した。 角川ドワンゴ学園は、2016年4月にN高等学校（N高）を開校。現在の生徒数は1万5803名（2020年10月1日時点）となっている。生徒数が拡大し続けるなか、沖縄県にある伊計本校でのスクーリング時の教室と宿泊施設の受け入れ人数は2万人が限界となっており、キャパシティを超えることを見越し、他県に新しい高校を開校するに至ったとしている。 校長にはエンジニア出身で、角川ドワンゴ学園のプログラミング教育を構築してきた吉村総一郎氏が就任。S高では、必修授業と課外授業をはじめ、学校行事や部活動、サポート体制、通学コースもN高と共通。スクーリングについては、S高生はつくば本校にて、N高生は伊計本校にて、それぞれ1回以上参加するほか、在籍する学校ごとに組ま
月のクレーターもくっきり 学研が「本気で作った」天体望遠鏡キット、2750円で発売
視野が広いケプラー式望遠鏡。凸レンズと凹レンズを組み合わせて色のにじみを少なくした光学ガラス製アクロマートレンズを対物レンズに採用した。接眼レンズは、12倍と25倍の2種類のユニットがあり、明るい12倍レンズで星を探したり、25倍レンズで月のクレーターをくっきり見たりできる。 ガイドブックでは、天体望遠鏡の組み立て方や使い方、月の情報や、望遠鏡で観察できるおすすめの天体などを解説した。 「科学と学習PRESENTS」シリーズの新刊として発売する。 同社グループは、「科学と学習」創刊時以来、科学教育キットの定番商品として天体望遠鏡の改良を重ねてきた。新製品にはそのノウハウを詰め込んだという。 関連記事 瞬時にズームできる望遠鏡カメラ、キヤノンが「Makuake」で限定販売 キヤノンマーケティングジャパンがポケットに入る望遠鏡型カメラ「PowerShot ZOOM」の限定販売を開始した。高倍率
ダミーデータ作成のお供に！ VS Code 拡張機能「vscode-random」で人名やカラーコードなどを自動生成してもらおう！ | DevelopersIO
はじめに ダミーデータを作成しなければならないときってありますよね？ テストデータやサンプル画面を作るときに値をどうするか困ったことありませんか？ そういった悩みを VS Code で解決するための拡張機能が vscode-random です。 https://marketplace.visualstudio.com/items?itemName=jrebocho.vscode-random デモ （GitHub リポジトリより引用） 拡張機能としてはカーソル位置にランダムな値を挿入するという単純なものなのですが、VS Code のマルチカーソル機能と組み合わせることで非常に強力な体験を得ることができます。 名前やメールアドレスの項目がある JSON や YAML に対し、複数の項目にまとめて値を挿入して作り上げるのは気持ちいいこと間違いなし！ 対応コマンド コマンド 説明 生成例
大手Sierのシステムエンジニアの砕けた夢について
この幼稚で非合理で理不尽な感情をそのまま頭の中に残すのは、近いうちにつくるリアリティのあるシナリオの下書きとして使う前に忘れてしまいそうでもったいないため記録しようと思う。 また、記録するだけだと正直味気ないためここで公開してみる。叩かれるかもしれないが。。。 私は大手Sierのシステム開発の部署に属する一次受け新人SEだった。 学生の頃は自分でアプリを何個か作った経験がある。 そんな経験を活かし、今後はここでたくさんの技術を身に着けエンジニアとしてのキャリアを花咲かせてやる！ ・・・なんて事を思っていた。今思えば馬鹿な話である。 大手Sier経験者なら鼻で笑っていたことだろう。 期待に目を輝かせていた無知で愚かな新人に仕事内容を聞かれた先輩社員はこう言った。 「ここはね。Excelでシステムを作る職場だよ。」 ■大手Sierの私からみた環境について大手Sierのシステム開発で技術に長けた
嫁にプログラミング教えるの辛い
前提 嫁のことは好き 嫁はバリバリの文系。もともとIT関係ない職だったけど、興味を持ったらしくITに転職しようとしてる自分の過去の職歴に若干コンプレックスを持ってる節（自分には専門性がない、とか）があり、それを克服するためにも応援したいと思ってる自分はバリバリの理系＆IT系なので、半年くらい少しずつ教えてる 最初はProgate やってた。一通り終わったらしいので、edabit を勧めておいた。leetcodeにも手を出し始めた 悩み論理的思考力の話 何かのロジックを自分で考えるのが苦手。過去のパターンに当てはまることはできるけど、少し捻った問題だと途端にフリーズしてしまう なんというか、理解しているのではなく、パターンを暗記している感がある うまく動いていない時に、プログラムの流れを追うのが苦手。あれこれ適当に試してうまくいったら満足してしまう 関数の呼出しの流れとかを追うのがきついみた
メンタルが弱いエンジニアが安心して開発するために気をつけていること - SMARTCAMP Engineer Blog
スマートキャンプで業務委託でエンジニアをしている佐藤です。BOXILの開発を1年3ヶ月前から、沖縄からフルリモートでやっています。 皆さんは、毎日楽しくお仕事できていますか？ エンジニアという職業は労働時間やストレスが多く、IT業界は他の業界と比べて精神疾患にかかりやすいと言われています。 私はもともと自己否定ばかりしてしまう思考の癖があることに加えて、7年前に起業に失敗してメンタルを壊してしまったことをいまだに引きずっていて、日々悩みながら生活をしています。 スマートキャンプは、過労とは無縁で、メンバー間のサポートもよく、これ以上ないくらい私に合った職場です。それでも自分の心の問題で不安になったり、絶望感に襲われたりすることがあります。今回はそうなるたびに書き綴ったメモを、開発中にネガティブな気持ちにならないための技術としてまとめようと思います。 メンタルが強くないエンジニアはこんな気持
トリセツ - いつもあなたと家電のあいだに／取扱説明書を一元管理
もう「取説探し」で悩まない！暮らしの中で使うさまざまな製品の取扱説明書を手間なく一元管理でき、スマホ・タブレットアプリやPCで「いつでも・どこでも」閲覧できる無料サービスです。話題の家電や最新ガジェットの情報も発信中！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ibuki-study.net - ibuki study リソースおよび情報
VueとGASでつくる！サーバーレス家計簿📔
Engadget | Technology News & Reviews
