yomitech

Webアプリの基本であるHTML/CSS/JavaScriptを再学習

はじめに 私は大学生・大学院生の頃(といっても25年以上前ですが。)、学内のUNIXワークステーションで初めてホームページを作成しました。当時は超基本形の"Hello World"を表示するだけの物から始めましたが、その後はJavaScriptでアクセス数をカウントさせたり、ホームページもフレーム構造にしたりとか、色々実施していました。 新卒でIT企業に入社してからは、研修でホームページビルダーな…

Webアプリの基本であるHTML/CSS/JavaScriptを再学習

はじめに 私は大学生・大学院生の頃(といっても25年以上前ですが。)、学内のUNIXワークステーションで初めてホームページを作成しました。当時は超基本形の"Hello World"を表示するだけの物から始めましたが、その後はJavaScriptでアクセス数をカウントさせたり、ホームページもフレーム構造にしたりとか、色々実施していました。 新卒でIT企業に入社してからは、研修でホームページビルダーな…

『いきなりプログラミングJavaScript』という本を書きました

『いきなりプログラミングJavaScript』という本を書きました！ 1月24日に発売予定です。もう予約できます。ぜひ！ どんな本か コンセプト いわゆるJavaScriptの入門書です。

【開発エンジニア】1年目に購入した書籍まとめ

こんにちは！ 開発エンジニア2年生になって既に数ヶ月経っていますが、今回は1年目に購入した書籍まとめと称して、現時点までに購入した技術関連書籍について整理して紹介したいと思います。 私のスキル・モチベーション感を以下にざっくりまとめます。 - スキル 1年間JavaでWebアプリケーションの設計テストを行なってきました。

【ほぼ独学】実務未経験がWeb開発会社内定レベルのポートフォリオ完成させるまで

はじめに 新卒入社した会社で楽しく働いていたが改めて自身の夢や目標を考えているうちにこの仕事が本当に自分のやりたいことなのか？ そして、この仕事を続けた先に自分の夢や目標を叶える事ができるのかと1年半迷い悩み続けた中でプログラミングを知り没頭して学習し続けた記録と同じように学習始めようとしている方に向けて自身の学習順序や反省点を共有できればと思います！ ざっくり私自身についての紹介もさせて頂きます…

Vercelに感動してJavaScript、Next.js、Figmaを再学習し、ポートフォリオを作った話【学習メモ】

はじめに 自分は社内SEとデザイナーの中間くらいの存在ですが、IT業界に関わる身としては、どんな職種にせよ業務外でのスキルアップも肝心となり、小規模でも実際にWebサイトやアプリを制作していくのが知識や経験を深める上で重要かと思います。 が、どうしてもサーバー契約とかFTPクライアントでのサイト更新（少し前まで「FFFTP」を使ってました…）が面倒に感じる部分もあり、途中で自然消滅したり、公開前に…

Vercelに感動してJavaScript、Next.js、Figmaを再学習し、ポートフォリオを作った話【学習メモ】

はじめに 自分は社内SEとデザイナーの中間くらいの存在ですが、IT業界に関わる身としては、どんな職種にせよ業務外でのスキルアップも肝心となり、小規模でも実際にWebサイトやアプリを制作していくのが知識や経験を深める上で重要かと思います。 が、どうしてもサーバー契約とかFTPクライアントでのサイト更新（少し前まで「FFFTP」を使ってました…）が面倒に感じる部分もあり、途中で自然消滅したり、公開前に…

React開発Part0～JavaScriptの必須項目～

はじめに 　未経験からエンジニアを目指しているTunと申します。 自己紹介は最初の記事に記載していますので割愛させていただきます。 　今回はReact開発の学習に向けて、JavaScriptの抑えるべき最低限の項目を書き記したいと思います。書籍には目を通しましたが、復習がてら書いてみようと思います。 （解釈違い等がございましたら、ご教授願います。）

Webデザイナー / WebコーダーがJavaScriptの理解を深めるためにやるべきこと9選

はじめに Web制作では切っても切り離せない存在の「JavaScript」。 難しいイメージがあり、敬遠される方も多いのではないでしょうか？ ですが、WebデザイナーでもWebコーダーでもJavaScriptを理解しておくことはとても重要です。 例えば、

【ほぼ独学】実務未経験がWeb開発会社内定レベルのポートフォリオ完成させるまで

はじめに 新卒入社した会社で楽しく働いていたが改めて自身の夢や目標を考えているうちにこの仕事が本当に自分のやりたいことなのか？ そして、この仕事を続けた先に自分の夢や目標を叶える事ができるのかと1年半迷い悩み続けた中でプログラミングを知り没頭して学習し続けた記録と同じように学習始めようとしている方に向けて自身の学習順序や反省点を共有できればと思います！ ざっくり私自身についての紹介もさせて頂きます…

【個人開発】ラーメン待ち時間シェアアプリ「ちゃくどん」を作ってみました【Rails, Hotwire, AWS, Docker, GitHubActions】

はじめに 「ちゃくどん( 私は非エンジニアで子供が3人いることもあり、制作期間10ヶ月とコツコツ開発してきました。制作アプリの解説に加えて、開発・運用していく過程においての学びや、失敗談についてもシェアできたらと思います。 warn 2024年3月22更新情報

【微経験】独学で動画特化の料理レシピ保存サービスを開発するまで【Rails / TypeScript / Next.js / AWS / Docker / GitHub Actions】

はじめに こんにちは！ この度、Web系開発企業への転職を目指して独学でWebサービスを開発しました。ポートフォリオが主目的ですが、実サービスを意識して微経験者なりに本気で取り組んだのでインプットから開発、リリースまでの経緯や苦労ポイント、感じたことなど書いてみます。 何か役立つことがあれば幸いです。 自己紹介

ブラウザの仕組とJavaScriptのDOM基本操作を押さえる

ブラウザの仕組を読んで 今回は、イスラエルのデベロッパーTali Garsiel という方による、ウェブブラウザのソースコードを分析・解説した内容が書かれた記事を読み、必要なところのみ抜粋します。 ブラウザの主な機能とは 選択したウェブリソースをサーバーからリクエストして、ブラウザに表示すること。 　リソース：HTMLやPDF、画像など

インフラエンジニア1年生がプログラミングを勉強するのに使った教材

はじめに　 私は普段インフラをメインで扱っているエンジニアです。 そんな開発がメインではない私が1年目でプログラミングを学ぶために使用した教材を紹介していきます。インフラエンジニアの方だけではなく未経験のエンジニアの方にも参考になれば良いなと思っております。 インフラの学習に使用した教材については下記記事にて紹介しておりますので、ご覧いただければ幸いです。 インフラエンジニアはプログラミングは必要…

【個人開発】絵本を検索して図書館で「貸出可能」か確認できるサービスを作ってみた

この記事はadvent calendar 2022 15日目のものです。 こんにちは。ザキと申します。プログラミングスクールの「RUNTEQ」でRuby on Railsを中心に学習しています！ →RUNTEQ卒業後、2023年2月よりWEBエンジニアとして働いています。 この記事では、私が作成した 図書館情報を表示する絵本検索サービス「Kariteyomu」( と、その使用技術について紹介させて…

【これだけはやっとけ】Laravel/PHP未経験者が初案件で即戦力になるために（前編）

対象 こちらの記事はLaravel/PHPエンジニアとして初めて案件に参画する方に向けて作成しております。 はじめに 未経験エンジニアの皆さん、 初めての案件...不安ですよね...

モダンスタックでつくるWebアプリケーション 学習ロードマップ 2022/10

はじめに この記事を読んでいるということは、何らかの目的でWebアプリケーション開発を学びたい、あるいはその最中であると思います。しかしWeb開発という分野の内容の幅は広く、さらに常にアップデートが行われるため、多くの場合、学習方法は独学によるものになります。 特に独学において問題になるのは、学習すべきことがわからないということが起きることです。世の中には、Webアプリケーション開発用の学習教材や…

フロントエンドエンジニアはどんな技術を磨いていけばいいのか？

はじめに 心の底から「フロントエンドエンジニアだ！」と叫びたい、たにもとです。 Twitterを見ていると以前よりもウェブ開発に興味を持って取り組まれている方が多い印象を受けるこの頃です。 皆様のアプトプットに感化されながら、自身も技術を磨く日々を過ごしています。 ただ、フロントエンドの技術の移り変わりは激しいことは言うまでもありません。

エンジニアに読んで欲しい技術書90選

はじめに タイトル通り、読んで欲しい（圧）技術書をたくさん集めてみました。自身の担当から外れる領域に関しては、会社の人に協力を仰ぎ、編集しました。「何を読めばいいかわからない」、「次の読む本を探したい」などのように考えている方の参考になればと思います。 また、大きく、 ・新米エンジニア ・脱新米エンジニア

React による シングルページWebアプリケーション (SPA) の開発

demoru.net でのサービス公開イメージ demore.net とは、弊社で提供している SPA 体験サイトです。 SPA とは何か？ (アプリ利用者の目線) Actor (アプリ利用者) にとって シングルページWebアプリケーション (以下 SPA) とは、いくつかの JavaScript ファイルと css ファイルで構成されている、ブラウザ上で動作するアプリです。 SPA は通常、ユ…

【捨てる前に試してみて！】持っているポイントカードや電子マネーが使えるお店を教えてくれるWebアプリを作りました。

1．ポイントカード使ってますか？ ポイントカードって気がつくと増えていませんか？かく言う私も、財布の肥やしになっているカードが手元にたんまり。たまにお財布の整理でもしようものなら、「このカード使わないから捨てようかな？」「まだこれから使うかもしれない」と自分の中でせめぎ合いを繰り広げています。 そんな自分は、小売業の関連会社に勤務しています。グループの店舗では、お買い物金額に応じてポイントがたまる…

React Nativeで使えるデータベースを比較【2021年12月版】(featuring Couchbase Lite)

はじめに React Nativeアプリケーションのデータ管理手段について検討してみます。 下記の記事を大いに参考にさせていただきつつ、自分の関心に応じて気づいた範囲でアップデートしています（題名については、オマージュ？ということで）。下記記事では、「Couchbase: 情報が少なかったので除外しました...」とのことだったので、Couchbaseについての記述を追加しています。 また、上記記事…

フロントエンド ド初心者へのススメ

はじめまして、リンクアンドモチベーションで主にフロントエンドをやっています、下田です。 本記事では、プログラミング完全未経験だった僕がフロントエンドエンジニアとして成長するために実際に勉強してよかった記事や本、サイト、やって良かったことを載せています。 新人エンジニアの方で主にフロントを触っていきたいと考えている方が、読んでくださると嬉しいです。 対象 ・プログラミング未経験で今後フロントエンドエ…

フロントエンド ド初心者へのススメ

はじめまして、リンクアンドモチベーションで主にフロントエンドをやっています、下田です。 本記事では、プログラミング完全未経験だった僕がフロントエンドエンジニアとして成長するために実際に勉強してよかった記事や本、サイト、やって良かったことを載せています。 新人エンジニアの方で主にフロントを触っていきたいと考えている方が、読んでくださると嬉しいです。 対象 ・プログラミング未経験で今後フロントエンドエ…

Vue.jsをこれから学ぶなら抑えておきたいおすすめ書籍&サイト

はじめまして、エンジニア転職に向けてプログラミングスクールで主にRailsを学習しているパピヨンちゃんです。 Rails一筋で数ヶ月を生き抜いてきた私ですが、ある日を境にVue.js学びたい期に入りました。 有り難いことに、スクール内で実際に転職に成功された方や、ハイクオリティなPFを作りきった方、運営の方からアドバイスを頂けたことにより、自分の中でいい感じすぎる学習マップ的なものが爆誕しましたの…

フロントエンド ド初心者へのススメ

はじめまして、リンクアンドモチベーションで主にフロントエンドをやっています、下田です。 本記事では、プログラミング完全未経験だった僕がフロントエンドエンジニアとして成長するために実際に勉強してよかった記事や本、サイト、やって良かったことを載せています。 新人エンジニアの方で主にフロントを触っていきたいと考えている方が、読んでくださると嬉しいです。 対象 ・プログラミング未経験で今後フロントエンドエ…

【JavaScript】Angular, React, Vue.js とフロントエンドの本まとめ

JSフレームワークの本まとめ 　まだJavaScriptがHTMLページのオマケ扱いでセキュリティ面からも忌み嫌われていた不遇の時代、2005年にGoogle Mapの衝撃が走りAjaxのワードが流行ったフロントエンド元年。その後徐々にJavaScriptの復権が始まりました。 　jQueryなどのフレームワーク未満のライブラリが流行ったのが第1世代。その後サーバーサイドのMVCアーキテクチャの思…

Vue.jsをこれから学ぶなら抑えておきたいおすすめ書籍&サイト

はじめまして、エンジニア転職に向けてプログラミングスクールで主にRailsを学習しているパピヨンちゃんです。 Rails一筋で数ヶ月を生き抜いてきた私ですが、ある日を境にVue.js学びたい期に入りました。 有り難いことに、スクール内で実際に転職に成功された方や、ハイクオリティなPFを作りきった方、運営の方からアドバイスを頂けたことにより、自分の中でいい感じすぎる学習マップ的なものが爆誕しましたの…

【JavaScript】Angular, React, Vue.js とフロントエンドの本まとめ

JSフレームワークの本まとめ 　まだJavaScriptがHTMLページのオマケ扱いでセキュリティ面からも忌み嫌われていた不遇の時代、2005年にGoogle Mapの衝撃が走りAjaxのワードが流行ったフロントエンド元年。その後徐々にJavaScriptの復権が始まりました。 　jQueryなどのフレームワーク未満のライブラリが流行ったのが第1世代。その後サーバーサイドのMVCアーキテクチャの思…

プログラミング未経験でIT企業に就職し、1年間でやってきたこと

はじめに こんにちは 私は就職活動中に自分を見失い、流れに身を任せた結果、プログラミング未経験の状態でWeb系のIT企業にプログラマーとして就職してしまったWebエンジニア1年生です。 入社したての頃はわからないことだらけで、さらに同僚たちは大学・専門学校でプログラミングを勉強し、ある程度のコーディングをこなすことができるような人達ばかりだったので、修羅のような日々を送っておりました。 入社式から…

Markdown原稿からPandocしてLaTeX組版する本作りの事例

これは「TeX ＆ LaTeX Advent Caleandar 2020( 22日目は、MusicDumpさん( みなさん、テフライブ！( していますか？ ここ最近、「Markdown原稿からPandocしてLaTeX組版する」一連の処理で、書籍製作することが増えてきました。 例えば、某弊社で製作させていただきました事例をいくつかあげます。

【2024年版】エンジニア1年生の自分に読んでもらいたい書籍

はじめに 今回は「エンジニア1年生の自分に読んでもらいたい書籍」を紹介します。 自分は2021年4月に新卒でweb系エンジニアに就職し、2022年で2年目になります。 1年前の自分のスキル感としては、 - HTMLとCSSで静的コーディングができる

モダンスタックでつくるWebアプリケーション 学習ロードマップ 2022/10

はじめに この記事を読んでいるということは、何らかの目的でWebアプリケーション開発を学びたい、あるいはその最中であると思います。しかしWeb開発という分野の内容の幅は広く、さらに常にアップデートが行われるため、多くの場合、学習方法は独学によるものになります。 特に独学において問題になるのは、学習すべきことがわからないということが起きることです。世の中には、Webアプリケーション開発用の学習教材や…

JavaScriptからReact、Next.js、TypeScriptを学んでPFに取り掛かれるレベルになるまでのロードマップ

この記事は自作のポートフォリオ、ProadMapsで作成しました。 ProadMapsのサービス紹介、作成までの学習記録は別途記事を作成したので、チェックいただけると大変ありがたいです！ 概要 Next.jsでポートフォリオを作成できるようになるまでの学習記録になります。今だったらこの順番でやればよかったなぁと思う順番に並び替えています。 タグ

未経験から始めるReact学習ロードマップ

本記事はProgaku Advent Calendar 2022 25日目の記事です。 はじめに 未経験からエンジニア転職を目指されている方にとって、 「何を、どの順番で学習すればいいのか」 という疑問は非常に大きい問題というか、とても不安に感じる点のように思います。