元ひきこもり37歳業務未経験女性がバックエンドエンジニアとして地方で採用されるまで - Qiita

2024/03/30 601 users ポートフォリオ 独学 プログラミング 実務未経験 ころ

実務未経験、独学でプログラミングを勉強し、応用情報技術者試験に合格、ポートフォリオとしてのWebアプリケーションを制作し、地方のIT企業に就職にしました。 34歳のころからプログラミングの勉強を始め、ITエンジニアとして就職することに憧れていましたが、まさか実現できるとは…と自分が一番驚いています。どんなこ... 続きを読む

Python だけで作る Web アプリケーション(フロントエンド編)

2022/05/29 604 users Python CSS アプリケーション HTML web

Python だけで作る Web アプリケーション第一弾です。HTML/CSS/JSを使わずに、PythonだけでUIを含むWebアプリケーションを作ります。 続きを読む

CDNは5時間で開発できる | POSTD

2021/10/18 645 users CDN POSTD ハードウェア 事実 ノートパソコン

「CDN」（content delivery network）という言葉からは、Googleのような大企業がいくつもの巨大なハードウェアを管理し、1秒当たり何百ギガビットものデータを処理する様子が想像されます。しかし、CDNは単なるWebアプリケーションです。私たちのイメージとは違いますが、それが事実です。8年前に買ったノートパソコンを... 続きを読む

SPAにおける状態管理: 関数型のアプローチも取り入れるフロントエンド系アーキテクチャの変遷 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2019/05/23 528 users SPA エンジニアHub 変遷 Electron アプローチ

こんにちは、小林（@koba04）です。 本記事では、シングルページアプリケーション（以下、SPA）における状態管理について解説します。 GmailやTwitterは、SPAとして構築されている代表的なWebアプリケーションであり、スムーズなページ遷移をSPAによって実現しています。またElectronやPWA（Progressive Web Apps）の登... 続きを読む

サイゼリヤ1000円ガチャをつくってみた(Heroku + Flask + LINEbot) - Qiita

2019/05/09 523 users Flask Heroku Qiita Progate ガチャ

Progateを一度やった程度のプログラミング初心者ですが、 何かWebアプリケーションを作りたいなぁと思い、Flaskを学ぶついでに サイゼリヤのメニューから1000円以内で組合せを出してくれるガチャを作りました。 (＊2019.04.01追記　2018.9月時点のグランドメニューのみとなります。メニューの更新に対応する予定はござい... 続きを読む

［速報］マイクロソフト、Webブラウザで動作する「Visual Studio Online」発表。VSCodeベース、IntelliCode、Live Share、拡張機能にも対応。Microsoft Build 2019 － Publickey

2019/05/06 549 users 米シアトル https Publickey 開発環境 イベント

マイクロソフトは米シアトルで開催中のイベント「Microsoft Build 2019」で、Webブラウザで動作する開発環境「Visual Studio Online」を発表しました。 Visual Studio OnlineはWebアプリケーションとして提供されるため、Webブラウザから「https://online.visualstudio.com」へアクセスすることで利用可能になる予定です... 続きを読む

安全なWebアプリケーションの作り方改訂のお知らせ | 徳丸浩の日記

2018/03/06 742 users 徳丸浩 xxE デシリアライゼーション クリックジャッキング

徳丸本こと、「 体系的に学ぶ 安全なWebアプリケーションの作り方 」は、2011年3月の発売以降大変多くの方に読んでいただきました。ありがとうございます。 ただ、発売から既に7年が経過し、内容が古くなってきた感は否めません。たとえば、クリックジャッキングの説明はほとんどないですし、OWASP Top 10 2017で選入された安全でないデシリアライゼーションやXXEの説明もありません。なにより、... 続きを読む

Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発 － Publickey

2018/02/06 1064 users Publickey puppeteer フレームワーク 操作

Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発 UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可... 続きを読む

Webアプリケーションフレームワーク導入時に考慮すべき22の観点 - Qiita

2017/12/16 1334 users フレームワーク 題材 Qiita アプリケーション 前提

本記事では、 チームによる持続的に変更可能なWebアプリケーションの開発 を目標に、フレームワーク導入時に考慮すべき22の観点を紹介する。 フレームワークによって特徴は異なるが、本番導入にあたって、考慮すべきポイントはあまり変わらないので、極力フレームワーク 1 に依存しすぎないよう配慮する。また、話をシンプルにするため、REST APIを提供するアプリケーションを題材とする。 前提 ソフトウェア... 続きを読む

日本郵便が公開する郵便番号データをそのまま利用するのがなぜ難しいか。そして、住所から郵便番号を求めるのがなぜ難しいか［PR］ － Publickey

2017/11/14 578 users ダイレクトメール コンピュータ 向上 低下 付番

郵便番号はコンピュータで扱う数字データとしてもっとも身近なもののひとつです。 例えば、ユーザーが入力した郵便番号から住所を補完する処理は、一般的なWebアプリケーションでよく行われています。また、ダイレクトメールの到達率の向上や返送率の低下のため、あるいは住所データをつねに最新のものにするため、住所から適正な郵便番号を付番する処理なども行われています。 その郵便番号は、実は毎月アップデートされてい... 続きを読む

AIを使用した無料の画像拡大ソフトが本当に凄い！想像以上の写真に！｜写真の画像補正 デジタル＠備忘録

2017/11/10 674 users デジタル＠備忘録 ニューラルネットワーク ポートレート 手法

１０月２１日に公開され世界中で話題になっている画像拡大ソフト（Webアプリケーション） Let's Enhance をご紹介します。 Let's Enhanceはニューラルネットワークを使用して画像拡大をするWebソフトです。 通常のソフトで行われている画像拡大と手法が異なり、最初にポートレートや風景、食品など画像種類やタイプを認識。その上でネットワークを使用し画像タイプごとに自然な画像拡大を実現... 続きを読む

RedisサーバのCPU負荷対策パターン - ゆううきブログ

2017/09/12 565 users インメモリDB ゆううきブログ CPU負荷 昨今 一方

2017 - 09 - 12 RedisサーバのCPU負荷対策パターン Redis Database Performance Redisは多彩なデータ構造をもつ[^1]インメモリDBであり、昨今のWebアプリケーションのデータストアの一つとして、広く利用されている。 しかし、一方で、性能改善のための手法を体系的にまとめた資料が見当たらないと感じていた。 実際、最初にCPU負荷が問題になったときにど... 続きを読む

Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2017/05/30 1245 users デバッグ エンジニアHub 必須 デバッグツール キャリア

2017 - 05 - 30 Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 開発者ツール（DevTools）とは、ブラウザに搭載されているデバッグツールです。多岐にわたる技術の集合体であるWebページやWebアプリケーション、いわゆるフロントエンドの開発において、なくてはならないツールです。 DevTools JaveScript Twe... 続きを読む

Webアプリケーションのキャッシュ戦略とそのパターン / Pattern and Strategy of Web Application Caching

2017/03/04 729 users キャッシュ戦略 パターン

Webアプリケーションのキャッシュ戦略とそのパターン / Pattern and Strategy of Web Application Caching 続きを読む

「Front-End Developer Handbook 2017」がGitBookで無償公開。フロントエンドデベロッパーに求められるさまざまなスキル、要素技術、ツールなどを幅広く紹介する一冊 － Publickey

2017/02/01 526 users Publickey GitBook CSS 基盤 HTML

「Front-End Developer Handbook 2017」がGitBookで無償公開。フロントエンドデベロッパーに求められるさまざまなスキル、要素技術、ツールなどを幅広く紹介する一冊 WebサイトやWebアプリケーションにおいて、ユーザーが操作する部分の開発を担う「フロントエンドデベロッパー」が扱う技術は急速に広がっています。 もちろんその基盤はHTML/CSS/JavaScriptに... 続きを読む

インフラを意識してコードを書くということ - Hatena Developer Blog

2016/05/29 1051 users インフラ コード Songmu チーフエンジニア 講義

2016 - 05 - 30 インフラを意識してコードを書くということ チーフエンジニアの id:Songmu です。 4月に 新人エンジニア研修を行なった のですが、その際に、「インフラを意識したアプリケーションの書き方」という講義を担当しました。そこでおこなった講義の内容について整理しながら書き起こしていきたいと思います。 インフラを意識すると何が良いか 業務でWebアプリケーションを扱うと、... 続きを読む

AWSで避けるべき5つの間違い | インフラ・ミドルウェア | POSTD

2016/01/28 699 users Webアプリケーシ POSTD AWS 中小規模 多く

今年からAWS（Amazon Web Services）クラウドコンサルタントとして、中小規模のAWSデプロイの相談を受けています。その多くは典型的なWebアプリケーションです。ここで、ぜひ避けたい5つのよくある間違いを紹介します。今年からAWS（Amazon Web Services）クラウドコンサルタントとして、中小規模のAWSデプロイの相談を受けています。その多くは典型的なWebアプリケーシ... 続きを読む

Electronでアプリを書く場合は、気合いと根性でXSSを発生させないようにしなければならない。 - 葉っぱ日記

2015/12/25 503 users XSS Electron 根性 気合い うち

そのうちもう少しきちんと書きますが、とりあえず時間がないので結論だけ書くと、タイトルが全てでElectronでアプリを書く場合は気合いと根性でXSSを発生させないようにしなければならない。 これまでWebアプリケーション上でXSSが存在したとしても、影響範囲はそのWebアプリケーションの中に留まるので、Webアプリケーションの提供側がそれを許容するのであればXSSの存在に目をつむることもできた。し... 続きを読む

「はてな教科書」にSwift 2の教科書を追加しました - Hatena Developer Blog

2015/09/18 632 users 教科書 Hatena Developer Blog 教材

2015-09-18 「はてな教科書」にSwift 2の教科書を追加しました はてな教科書 本日、はてな教科書に新たにSwiftの教科書を加えました。先進的なプログラミング言語であるSwiftを学習するのに最適な教材です。 「はてな教科書」はもともと、およそ1週間でWebアプリケーション開発の基本を身につけるために、PerlやJavaScript、MySQLなどを用いて実際にWebアプリケーション... 続きを読む

JavaScriptのデバッグのコツと技 | プログラミング | POSTD

2015/09/04 640 users POSTD デベロッパーツール デバッグ Safari コツ

JavaScriptのデバッグをするときは、ブラウザのデベロッパーツールが大いに役に立ちます。実践的なデバッグにおいて役立つ小技を集めました。以前の記事で、Webアプリケーションのデバッグの仕組みについて触れました。今回は実践的なJavaScriptのデバッグについて掘り下げていきたいと思います。 ブラウザデベロッパツール 私の個人的なお気に入りはChromeデベロッパツールです。SafariやF... 続きを読む

Redmine - Dockerで即実行できる、社内・自宅向けオープンソースWebアプリ - Qiita

2015/08/07 537 users Redmine Qiita Docker Vagrant 敷居

デスクトップアプリケーションに比べるとWebアプリケーションの導入は面倒だが、DockerやVagrantの登場によって敷居が低くなっている。誰かがDockerHubへ使いやすいイメージを公開してくれたり、Webアプリの開発元がDockerfileを公式に提供しているケースが増えてきている。 この記事では、筆者が実際に使用したことのあるWebアプリの一覧と、docker-composeの設定ファイ... 続きを読む

はてなで大規模サービスのインフラを学んだ - ゆううきブログ

2015/07/29 898 users インフラ ゆううきブログ 大規模サービス はてな 過程

2015-07-30 はてなで大規模サービスのインフラを学んだ Architecture Database Performance 中〜大規模サービスのインフラの様子を知りたいアプリケーションエンジニア向けに、もともとアプリケーションコードを書いていた視点から、個人的な体験をベースにはてなで大規模サービスのインフラを学んだ過程や学んだ内容の一部を紹介します。 Webアプリケーションのブラックボック... 続きを読む

シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ

2015/07/01 798 users プロファイラ JavaScr プロファイリング 複雑化 コード

2015-07-01 シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か JavaScript あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。 プロファイリングを取るためのコードを手で書いてみましょう。 とてもシンプルで、かつ最高のJavaScr... 続きを読む

今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference | HTML5Experts.jp

2015/03/04 1133 users React.js 連載 HTML5Experts.jp 資料

連載： Frontrend Conference 特集 (5)本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsは... 続きを読む

【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch

2014/11/14 716 users from Scratch 翻訳 原則 ＳＰＤ http

2014-11-14 【翻訳】リッチなWebアプリケーションのための7つの原則 翻訳 javascript はじめに この話はGuillermo Rauch氏が書いた7 Principles of Rich Web Applications | という記事の翻訳です。許可を得て翻訳しています。ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPD... 続きを読む