はてなブックマーク

import os import zipfile import requests # 夏目漱石の「吾輩は猫である」の圧縮ファイルのURL url = "https://www.aozora.gr.jp/cards/000148/files/789_ruby_5639.zip" # ダウンロード先のファイル名 download_file = "wagahaiwa_nekodearu.zip" # ダウンロードして保存 response = requests.get(url) with open(download_file, "wb") as f: f.write(response.content) # ローカルPCの保存先フォルダ output_folder = "D:\\aozora" # 保存先フォルダが存在しない場合、作成 if not os.path.exists(output_fo

モダンなWebアプリ(Django, Next.js, Docker, AWS)を開発する #環境構築編DjangoAWSTypeScriptDockerNext.js イントロダクション 環境構築編では、docker-composeを使ってDjango, Next.js, MySQL, Nginxの環境を同時に立ち上げられるようにしていきます。 バックエンドはAWS ECSに、フロントエンドはVercelにデプロイする予定なので、そのことを前提に環境構築を進めていきます。 ！この記事の内容は今後推敲し修正、追加していくつもりなので、内容の変更にご注意ください。 参考元の記事はこちらになります↓ DockerでReact＋Django+Nginx＋MySQLの環境構築 構築の流れ バックエンドの構築 djangoの構築 nginxの構築 mysqlの構築 docker-composeの設定

Caution この記事は リモート環境下でもペアプロをしたいという人を対象にしています。 筆者の知っている範囲の知識で作成したものなので、もっといい方法があるよという方はコメントお願いいたします！ Macでの動作確認済み。windowsは未定。 Overview 何が出来る？ リアルタイムで同じファイルを更新・削除できる (コードの共同編集) 設定すればターミナルを操作する権限をペアプロ相手にも渡せる（シェルの共有） localhost などを共有できるので 同じ環境をシェアして見ながら作業できる（サーバの共有） 何が嬉しい？ ココ見てほしいといった相談をしているうちに,回答者が さくっと編集できるようになる ローカルの環境をサーバに上げずに共有できるので、手間が少ない & ハードルが低い ボタン一つで 上記3点が実現できるのでとっても楽 Requirement Visual Studi

「経験３年ってことにしてスキルシート出すからね」 どういうことやねんって感じですよね。 ありえないって思うんですけど、 エンジニアに詐称させて現場に入れさせるSES企業あります。 わたしも入社１ヶ月後に営業に聞かされて嫌な汗をかきました。 実際、その後、嘘のスキルシートで面談を受けて、 運悪く通ってしまった現場に３ヶ月参画しました。 詐称をさせられるまでのあれやこれやと 実際に詐称をして現場に参画するとどんなことになったのか、 同じ目に遭わされそうな画面の向こうの誰かのために記録を残そうと思います。 詐称の始まり〜退職までをつらつらと綴っていきますが、 最後にいい解決策が書いてあるというわけではないので、 詐称をするとこんなことになっちゃうぞ😉💫っていう参考程度に読んでください。 入社して１ヶ月後、「開発で現場にいくには…」 会社は未経験を大量採用しているベンチャーでした。 最大３ヶ月

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

#Vuetifyとは？ Vue.jsのUIライブラリーです。Googleが提唱したマテリアルデザインにのっとっており、直感的で使いやすいコンポーネントを利用することができます。 デザインの知識が全く無くても、簡単にUIを作れちゃいます🤗 #プロジェクトを作成 まずはいつもどおりにvue createでプロジェクトを作成します。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに テストを書くのは好きですか？ アプリケーションを作成するうえで、テストは必ず書かなきゃいけないものですが、テストの書き方まで丁寧に記載されている書籍やサイトって少ないように感じます。 今回はExpress + MongoDBで作成したAPIサーバーをJestでテストします。 まずはモジュールごとに依存関係を切り離した単体テストを作成します。 Jestの強力なモック機能を活用することができます。 その後supertestを用いた結合テストまで作成します。 supertestは擬似的なHTTPリクエストを送ることができます。 テスト対象のアプリケーション 予め作成しておいた以下のコードをテストします。 機能としては簡単に、/api/users/:usernameをGETで叩くと指定したユーザーネームのユーザーを取得でき、/api/usersをPOSTで叩くと、ユーザーを作成できるとい

#はじめに# CakePHP(3.8)のバリデーションメソッドまとめです。 バリデーションの基本は、Validationクラスのインスタンスに、チェーンメソッドで適応したルールを記述していきます。 use Cake\Validation\Validator; $validator = new Validator(); $validator ->requirePresence('age') ->notEmpty('age', 'このフィールドに入力してください') ->nonNegativeInteger('age', '年齢は数字で入力してください。')

スロットとは スロット(slot)は、Vue.jsにおける親コンポーネントから子コンポーネントにデータを渡す手段の一つです。 スロットという名前はハーデスやリゼロなど様々な機種がある遊技マシン...のことではなく「差し込み口」という意味で使われています。 つまり、コンポーネントに外からコンテンツの差し込みを受け付けるという目的で使用されます。 スロットはその性質上、再利用の高いコンポーネントによく使用されます。再利用の高いコンポーネントは、Atomic DesignにおけるAtomのようなものが代表されます。 まずはさっそくスロットの基礎的な使い方を見ていきましょう。 スロットコンテンツ スロットを使用コンポーネントとして、汎用的に利用する削除ボタンを実装します。 コンポーネントの内容は、Vuetifyのv-buttonをラップしただけ簡単なものです。 <template> <v-btn

はじめに JavaScriptの言語使用は、Ecma Internationalによって定められており2015年からはECMAScriptとして毎年改定されています。 ECMAScript2020の仕様としてNull合体演算子(??)とオプショナルチェイニング演算子(?.)が追加されました。(その他にもいくつかの機能が追加されています。詳細はこちらのリンクにまとめられています。 Null合体演算子とオプショナルチェイニング演算子は、どちらもnullableな変数に安全にアクセスするという似たような目的を持っており、かつググラビリティが低いという特徴を持っています。 現時点(2020年)で最新の仕様であり、あまり現場で見かけることがないかもしれませんが、この２つの演算子の特徴を見ていきましょう。

はじめに stripeとは stripeは、クレジットカードなどの決算処理を代行してくれるサービスです。 シンプルな実装で決済処理を実現でき、カード情報を自社サーバで持たなくても良いなどの特徴があります。 大まかな流れとして、 サービスの請求モデルを作成 フロントサイドでカード情報を取得 バックエンドで顧客登録、決済処理 と進んでいきます。 サービスの請求モデルを作成する 1. stripeに登録する 1-1.はじめに、stripeの公式ページにて、今すぐ始めるをクリック。 1-2メールアドレス、名前、パスワードを入力登録。 なお、テスト用に登録する際には、メールアドレスの存在確認は求められません。 この時点で、登録が完了いたしました。 1-3.ダッシュボードが表示される 登録が完了したら、いくつかの質問がされるので答えていきます。 質問が完了したら、次のようなダッシュボードが表示されます

はじめに Denoというものが面白そうだったので、これを書きたいと思います。 Denoとはなにか ↑かわいい Deno(ディーノ)という名前について、聞いたことがありますでしょうか。私も最近まで知りませんでしたが、実はv1.0がリリースされたのが2020/5/13とごく最近のことです。開発自体は2年前から行われておりましたが、結構新しめの技術です。 その証拠(?)にDenoでググると担々麺ばっかりでてきます。(2019/5/18現在) 結局Denoってなんなの？ Denoは、Node.jsの製作者であるRyan Dahlによって作られた、新しいJS/TSランタイムです。すっごい雑に説明すると、Node.jsのイケてなかったところを改良したものがDenoになります。Denoって文字を並べ替えるとNodeになりますね。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Firebaseとは Firebaseは、Googleが提供するバックエンドサービスです。いわゆる、BaaS(Backend as a Service)です。 Firebaseは、バックエンドのサービスを担ってくれるので、開発者はアプリケーションの開発に専念することができ、バックエンドで動くサービスを作成、管理する必要はありません。 そのため、素早くアプリケーションをリリースるることができます。 Firebaseは、iOS/AndroidアプリからWebサービスまで幅広く使えます。 Firebaseには、以下のような様々な機能が提供され

ECMAScript仕様 ECMAScriptとは、JavaScriptの標準規格です。 その仕様に改訂にあたって版(edition)が更新されていきます。 1997年に初版(ECMAScript First Edition)が公開され、1998年にはES2が1999年にはES3が公開されました。 ES4では、クラスやインターフェースなどを含めた新しい概念がいろいろ追加される予定でしたが、これは破棄されました。 そして、2009年になりようやくECMAScript Fifth Edition(ES5)として公開されました。strictモードやgetter,setterなどが追加されましたが、ES4で追加予定の多くの機能は実装されず、小規模な改善にとどまりました。 さらに時は流れ、2015年になり、ECMAScript Sixth Edition(ES6)が公開されました。これは、15年間で

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは。ちょっと自分でもどこを目指しているのかわからない 1 あずきしろもち（@azukisiromochi） です。 今回は 配色Webサービス のお話。 ターゲットとしては 「色彩学とか配色理論とかどうでもいいから、手軽にそれっぽい配色を決めてくれるツールはよ！」 って感じで、配色には時間をかけず、（コーディングなどの）本題に時間を掛けたいという層です。 ということで、難しい操作なく配色を決定できるツールを紹介していきます ❗ Random material palette 概要・使用感 クリックするだけでランダムな3色配色を生

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Help us understand the problem. What is going on with this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに Springを業務で使う筆者が、「SpringBoot2 プログラミング入門」を勉強して、まとめたチートシート・読書メモのようなもの。 対象読者は、Javaの基礎が身についていて、SpringBoot未経験者〜基礎を勉強し始めた位の層。 言語はJava、 ビルドツールはMaven、 テンプレートエンジンはThymeleafです。 SpringBootとは SpringFrameworkの提供するライブラリとSpringMVC（フレームワーク）を高速なWEBアプリ開発向けに組み合わせてできたフレームワーク（群） １． Spring開発のセットアップ 本記事をチートシート的用途とするため、ここでは割愛。 ２． Groovyによる超簡単アプリケーション開発 GroovyはJavaでの本格的な開発前にプロトタイプを短時間で作ることに向いている言語。Groovyについてはここでは割愛。 @

##はじめに Dockerの勉強も兼ねてrailsのアプリをコンテナに作ろうとしたが環境構築にアホみたいに時間がかかった。 Dockerもrailsも（もはや初歩的なコマンドすら）不慣れなプログラマを救いたいので、手順を書きます。 あとDockerはこれからrailsエンジニアになる人が合わせて使えるようになっておけばスキルとして加点になるので（新しめの技術なので供給量的にも）、勉強のきっかけになればと。 ##この手順すらめんどくさいと思った方へ(2019-02-04追記) 何もない状態からrailsサーバーとMySQLのコンテナを立ててくれるシェル ※真面目に作りを意識しながらやった方が今後応用が効くようになるのでできるだけ読んで欲しいです... ##環境（!!Rails5系で作成してます!!） Mac OS Ruby2.5.3 Rails5.2.2 MySQL5.7 -> Rails6

TL;DR まあぜんぜん最強ではないですが、自分好みの配色 Web サービスをつくってみました yum-yum COLOR 個人で公開まで作りきったのは初めてでしたので、色々とつまずきました そんなつまずきポイントや、 Web サービスを公開するために利用した技術などを紹介していきます ❗ なぜ配色サービス ❓ 色彩検定という資格をご存知でしょうか？ 僕はプログラマーなのに 色が好き で、この試験を受検しました。 その学習をしてる時にこんな風に思ったのです。 この色相環、これを使って配色選べたら便利じゃない？ あっ、このトーン、これを使って配色選べたら便利じゃない？？ と。 受検勉強の追い込みをしないといけないのに、そっちのけで作り始めてしまった...というわけです （一時はどうなるかと思いましたが、無事に検定は合格しましたよ 🎉 ） どんなサービスなの ❓ 使い方 色相環 と Hue

Linuxにて、いざ環境構築をしようとyumコマンドを叩いたもののパッケージが見つからないといったことがあり、 全然目新しい話ではないんですけど、毎回EPELについて調べなくてもいいように備忘メモ。 EPELとは「Extra Packages for Enterprise Linux」の略で、 「Fedoraで開発、テスト、改良された高品質のパッケージを、RHELやCentOS/Scientific Linuxのような 互換ディストリビューションで利用可能にすることです。」を、目的としてます。 # 引用元：About EPEL/ja そんなEPELリポジトリが用意されていない環境には、wgetでrpmファイルを持ってくる必要があるので、以下手順。 # Red Hat Enterprise Linux 7の場合 $ yum install wget <= wgetがないとき $ wget h

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ava.lang.NoClassDefFoundError: org/junit/platform/launcher/core/LauncherFactory at org.eclipse.jdt.internal.junit5.runner.JUnit5TestLoader.<init>(JUnit5TestLoader.java:31) at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method) at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:62) at java.base/jdk.inte

textlintにはさまざまなルールがありますが、特定の行や場所においてはルールを無効化したい場合があります。 例えば、asciidwango/js-primer: JavaScriptの入門書という書籍では、表記揺れを防止するためにtextlint-rule-prhというルールを使っています。 この書籍では、匿名関数と無名関数の表記揺れを防止するために匿名関数へ統一する辞書が入っています。 しかし、どちらもよく使われる単語なので、「この書籍では無名関数の事を匿名関数と呼ぶ」という言及が必要です。 このように関数式では、名前を持たない関数を変数に代入できます。 このような名前を持たない関数を匿名関数（または無名関数）と呼びます。 https://asciidwango.github.io/js-primer/basic/function-declaration/より この時、この部分だけは