セガがjavascriptでぷよぷよを作るプログラミング講座を出しているが、とても良いプログラミングの教材になっている「写経はとても大事」
ショーヘー@デイトラ代表 | 受講生25,000人突破 @showheyohtaki プログラミング学習中の方へ👨💻 これ面白い！！セガがjavascriptでぷよぷよを作るプログラミング講座を出してくれてます😊 動作ごとに細かくコメントも入ってるので、ちゃんとソースコードを読んでから写経していったらめちゃくちゃいいプログラミングの勉強になると思う！ puyo.sega.jp/program_2020/ pic.twitter.com/Xr5hmPzZXI 2022-01-08 18:03:38 ショーヘー@デイトラ代表 | 受講生25,000人突破 @showheyohtaki このぷよ開発に使う『Monaca』は、本来iOS用はswift・Android用はJavaと、別々に開発が必要なアプリを、HTML・jsなどのWeb標準言語でまとめて開発できるという開発プラットフォームで
OpenCV.jsとWebカメラ画像表示 - Qiita
OpenCV.jsでのWebカメラの取り扱いはOpenCVのサイトにも記載されているが、メモとしてこちらにも記載。OpenCV.jsの場合はWebカメラを直接扱ってくれるわけではなく、自分でgetUserMediaを扱う必要がある。 getUserMediaを使ったWebカメラ画像の表示については、GoogleのサイトWeb Fundamentalsがわかりやすい。 カメラのアクセスにはlocalhostもしくは、https接続が必要となる。 2021/09/10: iOS対応のためにはvideoタグに playsinline muted が必要だったため追記。 サンプルコード１（単純にWebカメラ画像を表示） GoogleのサイトWeb Fundamentalsのコードそのまま。 <video id="player" controls playsinline muted autoplay
『2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ』を2021年にTypeScriptでやってみた - Qiita
『2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ』を2021年にTypeScriptでやってみたJavaScriptTypeScriptフロントエンドReactaxios はじめに 以前バズっていた↓の記事 2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ お恥ずかしながら、この記事を発見した頃には既に2021年になってしまっていました・・・ ですが内容的に勉強になりそうですし、2021年に始めても遅くないだろうということで、 9プロジェクトの一番はじめにある Reactフックを使用して映画検索アプリを構築する方法 をやってみました。基本はこちらの記事を参考に進めていきます。 また今回は、昨今勢いが増しているTypeScriptをベースに実装しようと思います。 他にも練習も兼ねて - useContext - useReducer - ax
任意の単語で検索しタイトルとURLを抽出するスクレイピング - Qiita
from bs4 import BeautifulSoup from selenium import webdriver import pandas as pd import csv import time #作成したExcel/Csvを保存するフォルダを指定 export_file_path="**********" #ブラウザの立ち上げ browser=webdriver.Chrome("**********") browser.implicitly_wait(1) url="**********" #指定したURLへ遷移する browser.get(url) #検索ボックスを指定 elem=browser.find_element_by_name("**********") elem.clear() #任意のキーワードをinput()関数にて入力 elem.send_keys(inp
無料でぷよぷよを通してプログラミング学習できる「ぷよぷよプログラミング」が登場したので体験してみた
プログラミング学習環境のMonaca Educationで、セガの人気パズルゲームである「ぷよぷよ」を使ってプログラミング学習できる教材「ぷよぷよプログラミング」が登場しています。「ぷよぷよプログラミング」は無料で利用できるとのことなので、プログラミング初心者が早速チャレンジしてみました。 【公式】ぷよぷよeスポーツ×プログラミング http://puyo.sega.jp/program_2020/ 「ぷよぷよプログラミング」サポートページ | Monaca Education https://edu.monaca.io/puyo 「ぷよぷよプログラミング」に挑戦するには、Monaca Educationにサインインする必要があります。というわけで、まずはMonaca Educationのアカウント作成ページにアクセスして、メールアドレスとパスワードを入力し、「アカウント新規作成」をクリッ
Qiitaタグ自動ジェネレータ - Qiita
試せるWebアプリ（2019.12.22追記） 以下でWebアプリとして公開したので、自分のQiita記事だとどんなタグが生成されるのか試したい方はどうぞ。 https://auto-create-qiita-tags.herokuapp.com/ Heroku使ってます。詳細は別のQiita記事として書いたので興味あれば見てみてください。 Docker+GitHub+HerokuでCI/CDっぽく やったこと 自然言語処理を用いて、Qiitaの記事から自動的にタグを生成するプログラムを作ってみました。 専門用語（キーワード）を抽出するPythonモジュールtermextractを使いました。 以下、ざっくり全体図です。 Qiita記事のタグ付け Qiitaで投稿するときにタグつけますよね。 でも、タグってみなさんどうやってつけてますか？ 私は正直あまり深く考えずそれっぽいかなという軽い感
VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 - Qiita
絵描きとかUXとかやりつつフロントもやってる「ゆき」です。ポートフォリオサイトは10年くらい前にMoveableTypeで作ったきり。最近流石に「これでフロントやってますとか言ったら絶対次転職できなくね？」と危機を感じたので0から作り直しました。 サイト： https://pf.nekobooks.com/ ソース： https://github.com/yuneco/portfolio 機能・性能・運用を考えて作った結果、VueとFirebase(Web)の機能を一通り使ったサイトが出来上がりました。これからちょっと凝ったポートフォリオサイトを作りたい方向けに、どういう目的でどの機能を使ったのか、その時のポイントはなんだったのかを共有します。 2019.4.18追記 春なので期間限定1で桜が咲くアニメーションを追加してみました。単体のアニメーションはテストページで試せます。複雑に見えるか
エンジニアの能力と今どきの難しさ
エンジニア（ここでは主にプログラマー）に必要な知識や経験って、ざっくりベース、カテゴリ、実行環境というレイヤー分けられると思ってて、それぞれに対してはだいたい以下のような定義で考えている。 ①ベース コンピュータサイエンス(CS)などの理論的なもの低レイヤー②カテゴリ フロントエンド / バックエンド / クライアントアプリなど③実行環境 特定のプログラミング言語や開発環境やツール、フレームワークやライブラリなど最近の潮流で言うと、③の部分から入る人が多いと思う。 ③は比較的習得が楽なこともあって、初心者がプログラミングを始める際には一番コストパフォーマンスが高い。中身はブラックボックスであってもなんとなく動くものは作れるので、自己満足にしろ仕事にしろ成果として見えるものにはなる。 ただし、流行り廃りが速く、手を動かし続けないとキャッチアップしていけない。 ①は習得するのに時間かかる。その
モダンな開発用ターミナル環境のためのツール紹介
エンジニアのjhondaです。入社して1年が過ぎました。 ターミナル上での開発作業が好きなので開発を快適に進めるために常日頃から使っているツールやエディタを抜粋して紹介します。 この手のツールは組み合わせることで更に便利になるので、組み合わせを含めた紹介となります。 筆者の会社での開発環境はMacですが、プライベートマシンのLinux上でも同じものを使えています。 筆者のターミナル環境は Alacritty + tmux です。 Alacritty Rust製ターミナルエミュレータ。GPUを使うので描画が高速。 https://github.com/jwilm/alacritty 同リポジトリより Rust製だからという理由なので趣味です。でもたしかに速い気がします。 tmux 言わずとしれた仮想端末エミュレータ。 https://github.com/tmux/tmux たいして使いこな
Androidアプリにおけるソフトウェア設計の考え方
2018/3/12 Bonfire Android #3 https://yj-meetup.connpass.com/event/79749/
Kindleで技術書の電子書籍を公開するまで - Qiita
Kindle Direct Publishingを利用して数式やコード、図などが入った電子書籍を執筆し、公開しましたので途中気づいた点などを共有したいと思います。ちなみに今回執筆したのは以下の書籍です。 PyTorchで学ぶニューラルネットワークと深層学習 https://www.amazon.co.jp/dp/B078WK5CPK/ KDPとは KDP(Kindle Direct Publishing)は出版社を通さずに直接AmazonのKindleストアで電子書籍を販売するサービスです。出版社を通さないため、最大70%という驚くべき印税がもらえまし、何より執筆開始から出版までの必要な時間が大幅に短縮されます。その代わり、本当にすべてのことを自分でやる必要があります。 KDPにログイン 以下のURLにアクセスし、Amazonのアカウントでログインできます。 https://kdp.ama
SpringBoot(Kotlin)+nowでLINE Botを作ってみた - Qiita
はじめに LINE Advent Calendar 2017のQiitaで人気のLINE関連投稿紹介（保存版）を見て面白そうだったのでLINE Botを作ってみました。 私は普段はJavaを使っていて、SpringBootは趣味の範囲、Kotlinとnowは初心者です。そんな私がLINE BotをSpringBoot(Kotlin)とnowで開発してみてわかったことを中心に書いています。自分用の開発メモですが、誰かの役に立てば幸いです。 LINE Botの作り方を知りたい方は、Qiitaで人気のLINE関連投稿紹介（保存版）の「2. 作り方解説」で紹介されているブログ等をご参考ください。JavaやSpringBootでの開発はQiitaにいくつか記事があるので検索してみてください。 作ったBot 九九学習用のLINE Bot（DBや外部リソースへのアクセスは無し） https://gith
Serverless+SPAで超低費用な個人サービス構築のススメ - Qiita
Serverless+SPA構成 最近低費用でサービス運用できないかと、色々試してたのをまとめてみます。 Serverless構成だとEC2と比べて費用が安くなり、SPAであればルーティングがサーバ側制御ではないためS3のバケットに静的html、css、js、画像の配置にてサービス構築が可能となります。 SPAにはReactJSを採用してますが、Vue.jsやUnityとかのサービスでもいけると思います。 良い点ばかりではなく、デメリットも結構あるのでそれを考慮した上で導入しましょう。 個人でお金をかけたくなくてサービス運用したい場合などには良いかもしれません。 （Lambdaの無料枠＋アクセス量のみで計算される。ドメイン費込みでも月約$3程度） メリット ・ とにかく費用が安い ・ AWSの設定周りの変更だけでスケールする デメリット ・ 利用しているサービスが多いため、デプロイ時などの
PHPでDDD実装事例(クラス図、コードレビューでの指摘ポイント有り) - Qiita
追記 1.一意な識別子を生成するnextIdentity()メソッドの実装を追記しました 2.ReservationServiceクラスを修正しました (リファクタリング、Customerクラス追加) 3.続編では無いですが、その②を書きました。 PHPでDDD実装事例その②リポジトリ&ファクトリで永続化・生成処理をカプセル化(Laravel)(図あり) 背景 自分が運営しているハウススタジオの予約受付業務の自動化システムを、今学習しているDDD風に設計して、YYPHPにてコードレビューしてもらったので、 ・前提となる業務の内容 ・業務ルール ・クラス構成(クラス図) ・設計の考え方 ・実装コード ・レビューでの指摘ポイント あたりを共有しようと思います。 未熟な部分もあると思います。 この記事を読んで改善点などあれば是非是非コメント下さい！ 言語はPHP、フレームワークはLaravelで
新卒エンジニアがVue+GraphQL+ServerlessでTodoアプリ作ってみた - Qiita
はじめに この記事について 新卒エンジニアが全く触ったことのなかった技術でTodoアプリを作ってみた話 ややチュートリアル形式 cliなどを使って楽に構築 各技術についての説明は少なめ vueやGraphQLの雰囲気を掴みたい方向け？ 間違いの指摘やより効率的な書き方、今後の学習法などのアドバイスは歓迎 Todoアプリ概要 要件 ユーザーの認証が出来ること TodoのCRUD操作が出来ること 技術 Vue.js graphcool(serverless GraphQL) Apollo（クライアント側でGraphQLを扱いやすくするためのもの) 開発環境 OS: Ubuntu 16.04.3 LTS node: v8.1.4 npm: 5.5.1 docker: 17.0.5.0-ce Todoアプリ作成 完成品はこちらになります。 graphcoolの用意 まずはGraphQLの環境から用
ISUCON7予選の上位陣の戦略まとめ - Bit Journey's Tech Blog
Speee社でISUCON7の復習会をやったのでその資料を公開します。 ISUCON7復習会 2017/11/08 at Speee Lounge. original repo: https://github.com/isucon/isucon7-qualify 概要 ISUCON7の予選突破組の上位陣の戦略をいくつか分析してみました。 †空中庭園†《ガーデンプレイス》 repo: https://github.com/ryotarai/isucon7q http://eagletmt.hateblo.jp/entry/2017/10/24/010832 https://mozami.me/2017/10/24/isucon7_qualify.html スギャブロエックス repo: https://github.com/gfx/isucon7-qualify http://memo.su
Dockerで手軽にスクレイピング環境を手に入れる - Qiita
この記事は Docker Advent Calendar 2017 の1日目の記事です。 こんにちは。Emotion Techの子安です。すっかり冬ですね。今日は夜の銀座からお送りします。 なんでもDockerで Dockerに触れるようになって約2年ほど経ちました。最近は技術検証はもちろん、何かをちょっと試したいときなども、新しい環境が必要になるとまずはDockerで構築してみることが当たり前に（自分的には）なってきています。 で、今回はWebからちょこっと何か取ってきたいとき、いわゆるスクレイピングをしたいとき、Dockerがあれば簡単に環境が作れるぞという話をします。 ※なお、スクレイピングは用法・用量を守って正しく行いましょう。あくまで自己責任でお願いしますね。 要件 とあるサイトから情報を抜き出したい ブラウザを操作してサイトを巡回する Docker上に構築する プログラミング言
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Spring＋Vue.js でAPIの連携をする - Qiita
Slack + NuxtでMarkdown対応のブログを作る - Qiita
Vue.js スタイルガイド早見表 🎄✨ - Qiita
