Pico WのBluetoothでキーボードを手軽に無線化 - Qiita
0. はじめに 以前の記事で作ったオリジナルキーボード、ポータブル性にはにすっかり満足していたが、これをiPhoneやiPadで使いたい欲が出てきた。ただ、通常の有線キーボードを単にLightning-USB(Type-C)ケーブルでつないでも、iPad側ではそれをキーボードと認識してくれない。どうやら有線でつなごうとすると、こちら記事のようなカメラアダプタが必要らしい… 本記事では、カメラアダプタではなくBluetooth接続を選択した経緯と、その実現方法や苦労した点、参考になったプロジェクトなどを備忘録として書き残す。 1. 成果物 インターフェース1月号でPico WのBluetoothが解禁になったと知って、有線キーボードを無線化できる外付けデバイスを作ってみた せっかくなのでiPhoneに試し打ちした様子をキャプチャ 次はこれを収める箱でも設計しようかな#キーボード#自作キーボー
Python だけで作る Webアプリケーション(フロントエンド編)ーはじめに - Qiita
お疲れ様です。 今日からは「Python だけで作る Web アプリケーション(フロントエンド編)」について部分いたします。 はじめに 設計方針 共通部分の作成 ログインページ 商品一覧ページ 商品詳細ページ カートページ 注文一覧ページ 注文詳細ページ まとめ 今回は10の記事に分けて投稿するようにします。 今日は「はじめに」について部分いたします。 なぜ本書を書いたのか 本書は主に以下のような方を対象にしています。 Web アプリケーションの構築経験がない新米エンジニア Python はかけるが、HTML/JS/CSS が苦手な Pythonista 細かい UI の設定はせず、検証・デモ用の Web アプリを短期間で作りたい開発チーム どうやって作ったか 対象読者の悩みを解決するために、次の 3 つの要素が必要と考えました。 Web アプリケーションの基礎知識 参考にしてもらえる品質
Pythonでコードに意図を込める方法 - Qiita
はじめに 可読性の高いコードを書くためには、開発者の意図をコード上で表現することが重要です。この記事ではコードに意図を込めるいくつかの方法について説明します。いずれも基礎的なものであり、かつ粒度に若干ばらつきがありますがご容赦ください。 方法 適切な命名をする 適切な命名はコードの意図を伝える単純かつ最も強力な方法。変数や関数の役割や機能を十分表現するような具体的な命名を心がける。例えばリーダブルコードによると、適切な命名のために以下のような指針が示されている。 指針 例
もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita
HTMXとは HTMXは、JavaScript を記述せずに、Ajax通信や高度なUXを実現できるライブラリ。 軽量 で 高速 で、既存のサーバーサイドのフレームワークとシームレスなやり取りができる。また、AJAX通信の発火、フォームの送信処理、DOMの更新などを既存のHTML要素を拡張するだけで可能とする。WebSocketやSSEにも対応しているので、チャットアプリなどにも適している。 2023 JavaScript Rising Starsでは、 フロントエンド・フレームワーク部門で見事2位に輝いた！(一位はReact、全部門だとshadcn/ui) 似たような機能として、Ruby on RailsのHotWireがあるらしい。 2024年はHTMXがくると言われているぐらい世界で騒がれているのだが、あまり日本では流行っていない。以下はGoogleトレンドで調べた結果である。 アメリ
Raspberry Pi Pico W ＋ ビジュアルプログラミングでの Lチカで軽くハマった話：「BIPES」を使った開発 - Qiita
Raspberry Pi Pico W ＋ ビジュアルプログラミングでの Lチカで軽くハマった話：「BIPES」を使った開発PythonビジュアルプログラミングmicropythonRaspberryPiPicoWBIPES はじめに この記事は、ESP32系のデバイスやラズパイ系のデバイスを、ビジュアルプログラミングで扱える「BIPES」に関する記事です。 今回のトピックは、その BIPES と「Raspberry Pi Pico W」を組み合わせて試した時の話の 1つで、具体的には「Lチカを試した時に個人的に軽くハマった話」を記事にしています。 また記事の中で、BIPES で Raspberry Pi Pico W を扱うための手順も、簡単に紹介しています BIPES について BIPESは、公式の GitHubリポジトリの説明文にも書かれているとおり、「ブロックベースのビジュアルプロ
フルスタックプログラマーの卵どもにおくる、独学チートシート : 2 - Qiita
卵どもに贈る独学チートシートの続き 前回記事を勢いよく書き出したのは良いものの、途中で書くことが多すぎて挫折、後半部分はサマリーのみで逃亡したわけですが、今いるマニラは長期連休で暇やなあと思っていた時に、あれを書き切ってしまわんといかんと思って戻ってきました。 正直Qiitaなどに駄文を書いたところで何の儲けにもならず、下手を打てば１００戦錬磨のプログラマー諸先輩方からの厳しいツッコミに晒されて蜂の巣にされるわけで、リスクしかないわけですが、前回かなりのいいねやストックをしていただいていた方々がおり、続きを書かねばならぬという気持ちになりました。卵のみんな、ありがとな。 では、続きのJavaScriptから。 JavaScript JavaScriptの大部分はオブジェクトで出来ている APIの理解とJSONの処理 Promise, async/awaitの理解 ファンクションはいつ動くの
[ChatGPT+DB+LINE]自分のことをずっと覚えていてくれるキャラをノーコードで作ろう！ - Qiita
本資料はこちらのイベントのハンズオン資料となります。 過去の記憶を保持し、ずっと会話が続くBotを作りましょう！ 2023/11/26 追記 ハンズオン動画が公開されました！ 【完成図】 【事前準備】 ①LINE Developersのアカウント設定 ②OpenAIのAPI_key取得 ③OpenAIのAPIクレジット登録 ④make(integromat)のアカウント作成 ⑤こちらのスプレッドシートをコピー 【説明補足資料】 ・LINE Developers公式アカウント設定手順 ・OpenAI API_key取得手順 『OpenAIのAPIキーの発行手順』の章 ・OpenAIのAPIクレジット登録確認手順 事前準備後、下記4つのサービスを開いておいてください。 本記事にはチャネルアクセストークン、OPEN APIKEYが記載されていますが、悪用を防ぐために、漏洩には十分注意してください
![[ChatGPT+DB+LINE]自分のことをずっと覚えていてくれるキャラをノーコードで作ろう！ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a902a5ce62710d625fef33869726f533642f8c8/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCQ2hhdEdQVCUyQkRCJTJCTElORSU1RCVFOCU4NyVBQSVFNSU4OCU4NiVFMyU4MSVBRSVFMyU4MSU5MyVFMyU4MSVBOCVFMyU4MiU5MiVFMyU4MSU5QSVFMyU4MSVBMyVFMyU4MSVBOCVFOCVBNiU5QSVFMyU4MSU4OCVFMyU4MSVBNiVFMyU4MSU4NCVFMyU4MSVBNiVFMyU4MSU4RiVFMyU4MiU4QyVFMyU4MiU4QiVFMyU4MiVBRCVFMyU4MyVBMyVFMyU4MyVBOSVFMyU4MiU5MiVFMyU4MyU4RSVFMyU4MyVCQyVFMyU4MiVCMyVFMyU4MyVCQyVFMyU4MyU4OSVFMyU4MSVBNyVFNCVCRCU5QyVFMyU4MiU4RCVFMyU4MSU4NiVFRiVCQyU4MSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Y2ZhN2IyMzUyZTRjNGQ5NTczZTJmZWI5OTUxZWJlNWM%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwb2tpbmFrYW1hc2F5b3NoaSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NzNmNzBlYzRhODk3NWI0N2Q0MmZiZGI3OTcxZTllZDU%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D07fdeebde2417d29c3ad2fe1d40b41a9)
プログラミング初心者が挫折するまでの道のり - Qiita
結論 複数の設計工程（PSやSSなど）とコーディング（PG）をごちゃ混ぜに勉強しているせいでプログラミングが理解できないんじゃね？ はじめに この記事は、新卒で採用された会社の研修にて、プログラミングができない人と半年近く一緒に過ごした筆者が、現在のプログラミング教育の問題点を考察したものである。 googleで「プログラミング初心者 挫折」と調べると、大多数のホームページにて「質問できる機会がない！」だとか「エラーが解決できない！」などの定型文が転がっており、そうじゃねぇだろと思いこの記事を書こうと思った次第である。 この記事は大きく分けて2つに分かれる。1つ目は、プログラミング初心者に立ちはだかる大きな壁。2つ目に、私が考えたプログラミング教育だ。 あくまでも少ししかプログラミングに触れていないただの初心者がほざいているだけだが、もし一つでも共感できるところがあったらとても嬉しく思う。
プログラミングを始めた際に知っておきたかったPythonの基本 - Qiita
ChatGPTがあるから誰でもプログラムを書けるみたいに言われますが、実際のところ、基礎知識がないと効率も悪く、複雑なものは作れないので、 私がプログラムを読めるようになり、アプリをリリースできるようにまでなったきっかけのpythonの基礎を記載します。 基本的にChatGPTが書いてくれるので、概念を理解して、コードを読んで修正出来たら大丈夫です。 この記事もほぼChatGPTが書いてます。 1. Pythonにおける重要な概念 まず、Pythonにおける重要な概念を整理して説明します。 1. モジュール (Modules) 概念: モジュールは、関数、クラス、変数などを含むPythonのファイルです。これにより、コードを再利用しやすくなり、プログラムを整理して管理しやすくなります。 使用方法: import文を使用してモジュールをインポートします。例えば、import mathはmat
console.log() の代わりにdevtoolsのLogpointsを使う - Qiita
Logpointsを使おう Webフロントエンドの開発をする際、デバッグ目的で「特定の処理が実行された」ということを確認するために console.log() を使うことは多いと思います。しかし、Google Chrome や Microsoft Edge で利用可能な Logpoints を利用することで、 console.log() を使わずともコンソールにメッセージを出力することが可能です。 なぜLogpointsを使うの？ Logpoints を使うのには以下のメリットがあります。 デバッグや動作確認のためにコードを変更する必要が無い console.log() を誤ってcommitに含めてしまう心配が無い console.log() を入れた後に再ビルドやホットリロードを待つ必要が無い どうやってLogpointsを使うの？ logpoints は以下のように使用します。 Chr
LLMのプロンプト技術まとめ - Qiita
現在，34個掲載(一部執筆途中) よかったらData Science wikiのGPTsも見て下さい！ はじめに 今回はすぐに使えそうなプロンプトの工夫やフレームワークについて有名なものをまとめました．LMの出力の精度向上に役立てられればと思います． 論文があるものについてはarXivに最初に投稿された順番で掲載しています． 論文で精度向上が確認されているのは英語での検証がほとんどであるため，日本語で改善されるかは分かりません． 全てのLLM(GPT-4,Llama2,...)で精度が改善するとは限りません． ※記事に誤り等ありましたらご指摘いただけますと幸いです． 以下の記事では敵対的プロンプト技術をまとめています！ 目次 Zero-shot prompting Few-shot prompting 2021年〜 Generated Knowledge Prompting 2022年〜
HerokuからRaspberry Piに乗り換えた話 - Qiita
概要 本投稿は、HerokuからRaspberry Piに乗り換えた経緯と、何を行ったかについてまとめたものである。 簡単な自己紹介 プログラミングの個人事業を営んでいる電気電子系大学に通う大学３年生 主にアプリ、サービスの開発・運営をしている 得意な言語はPython 2年ほど前からご縁があり、趣味でやっていたプログラミングを仕事にしています。 HerokuからRaspberry Pi に乗り換えた経緯 前述の通りアプリ、サービスの開発をしていまして、その際にHerokuをサーバーとして使用していました。 しかしながら、やはりクラウドサービスだと月額であったり、ファイルやデータベースをなるべく使用しないように（データベースなどを設置すると更に月額が掛かる）コードを組んだりと、少々制限があることに少々辟易としていました。 そこで色々と考えてみた結果、Raspberry Piをサーバーとして
「なんで、for文ってforなの？」って、みんな思ったはず。 - Qiita
words = ['Japanese', 'English', 'French'] for w in words: print (w) # 結果 Japanese English French 同じ処理を繰り返すので「ループ処理」とも言われます。ではなぜloopじゃなくて、forなのか？と思いますよね。おれもそう思い、3年くらい経過していました。 ちなみに、別でwhile文もループ処理になります。 ちなみに、使い分けとしては、 for文: 繰り返し回数を指定したい処理 while文: とにかく条件ごとに値を処理 という使い分けができそうです。 本題：for文は如何にしてforなのか。 そろそろ本題に入りましょう。 なぜ、for文はforでループ処理なのか？ 調べてみました。 そもそも、ループ処理の種類の表し方は？ ループ処理では、whileやforがあることはご存知の通りかもしれませんが、
君には1時間でGitについて知ってもらう(with VSCode) - Qiita
おことわり この記事はプログラミング＆業務未経験の新入社員に、Gitについて1時間くらいでバババッと説明した内容をもとに作ったものです。自分がもし誰かにGitについて教えて貰える立場にいたら、最初にこれを教えて貰いたかったという気持ちで作りました。 とりあえず「1人のプロジェクト」で「1時間で」Gitをそこそこ知って使えるようになることを目的としています。実際のチーム開発ができる水準までこの記事だけで達するのは無理ですが、今後Gitを使う必要がある人にとって学習の足がかりになればいいな、という内容です。 それと、新入社員に教えるという都合上、表現がやや正確でなくざっくりしたところがあるかもしれませんが、質の悪い誤解を招くようなものでなければご容赦下さい。 全体像 まずはGitとは何かをざっくり分かって貰った後で、VSCode上での操作を行って貰います。 Windowsでの説明を行いますが、
16歳の高校生がIT企業のエンジニアになった話 - Qiita
はじめに 初めまして。Raioです🙌 学生をしながら、放課後や休日はIT企業のエンジニアとしてアルバイトしています。 僕がエンジニアになるまでの過程を書いてみました。 技術書を無料で読む方法 技術書って高いですよね。一冊あたり2~3000円ぐらいします。 KindleUnlimitedを使えば、3ヶ月無料で技術書を読むことが出来ます。 ↓画像をクリックすると、Amazonに画面遷移します↓ 技術書以外にも、ビジネス書や漫画も無料で読むことが可能です。 ご興味ある方は是非、一度使ってみてください🙌 プログラミングを始めたきっかけ スマホの仕組みが気になった 僕はシステム開発にハマる前までは、ガジェットに興味があった。 四六時中、ガジェットについて調べていた。 ある日、ふと「スマホの仕組みってどうなってるのだろう」という疑問が頭の中に浮かんだ。 気になることはすぐ調べる性格なので、スマホを
webサイトに演出を着せる際に個人的に気をつけたい事項 - Qiita
こんにちは。CSSやJSでwebサイトの演出デモやスニペットを作るのが趣味の者です。 自己紹介用自己満サイト↓ https://kobito.zombie.jp/ 筆者自身は、いわゆる動きのあるサイトが好きで、魅力的な演出を表現しているサイトを見て回ったり気に入った演出を再現するために朝までデモを作ったりしています。が、サイトの演出がうざいという感情を持つこともあります。 自分が作るモノに関しては、できるだけサイトの演出が与えるネガティブな印象を削りたいと思うものです。よって以下は、webサイトに演出を着せる際に筆者個人が心がけようとしている指標たちという主観的箇条書きになります。 そもそもwebサイトの演出は悪なのか？ いきなり否定から入りますが、個人的には「No」です。 webサイトを、演出込みで1コンテンツとして完成させている成果物は多く存在します。 ではなぜwebサイトの演出に対す
ゲーム感覚でプログラミング学べるサービス集 - Qiita
はじめに 今回はゲーム感覚でプログラミングを学べるサービスを紹介します。 ゲームを通して学んだ知識をアウトプットできるサービス集を厳選したので、ぜひ学んだ知識を「使える技術」として自分のものにしていただければと思います。 この記事の主な対象者 プログラミング初心者~中級者 基礎文法は学んだけどアウトプットができていない人 フロントエンジニアを目指してる人 楽しみながらプログラミングを学びたい人 ぷよぷよプログラミング まずはじめに紹介するのは、SNSでも話題になった、ぷよぷよを開発しながらプログラミングを学ぶことができる「ぷよぷよプログラミング」です。 ぷよぷよプログラミングでは、人気ゲームぷよぷよを開発しながらHTMLやCSSやJavaScriptといったプログラミングをしていく中で基礎となる技術を学ぶことができます。 実際にアプリ開発をしながら学べるので、インプットとアウトプットが同時
【性能比較】日本語対応したBard(バード)とGPT-4の出力を比較してみた - Qiita
以下の要件に沿う、AWS Lambdaで利用できるコードを生成してください。 ## 要件 - Python 3.10で記載すること - 指定のS3バケットに格納されたファイル一覧と合計ファイルサイズを、Slackの特定のチャンネルに通知する - 前日の0:00から23:59までに格納されたものを、当日08:00に通知する import boto3 import datetime import json import logging import requests # 設定 S3_BUCKET_NAME = "your-s3-bucket-name" SLACK_CHANNEL_ID = "your-slack-channel-id" SLACK_WEBHOOK_URL = "https://hooks.slack.com/services/your-slack-webhook-url" #
【統計学】初めての「標準偏差」（統計学に挫折しないために） - Qiita
統計をこれから学ぼうという方にとって、非常に重要な概念ですが理解が難しいものに「標準偏差」があると思います。「平均」くらいまでは馴染みもあるし、「わかるわかるー」という感じと思いますが、突如現れる「標準偏差」 の壁。結構、この辺りで、「数学無理だー」って打ちのめされた方もいるのではないでしょうか。 先にグラフのイメージを掲載すると、下記の赤い線の長さが「標準偏差」です。なぜこの長さが標準偏差なのか、ということも解き明かしていきます。 (code is here) 本記事では数学が得意でない方にもわかるように１から標準偏差とはなにか、を説明してみようという記事です。 数式はわかるけど、イマイチ「標準偏差」の意味わからんという方にも直感的な理解がしてもらえるような説明もしていきますので、ぜひご覧ください。 （※ この記事では標準偏差の分母に $n$を使用しています。$n-1$を使用するケースも
初心者に学ぶ 脆弱なWebアプリケーションの作り方〜入社時研修で作ったWebアプリの脆弱性についてのコードレビュー３選 - Qiita
はじめに 実務未経験でWebエンジニアとして入社してからの2カ月で受けた社内研修についての振り返りです。 今回は「Webアプリケーション基礎」の課題について、 セキュリティ に関するレビュー内容に焦点を当てて、整理します（レビューで色々と指摘をいただいた、かつ、重要と感じたため）。 結論としては、 SQLインジェクション対策 や、 クロスサイトスクリプティング（XSS）対策 、 バリデーション がうまくできていなかった、という初歩的な内容です。 タイトルは、こちらの徳丸本を意識しています。（最近読了しましたが、今回の記事では直接的に触れていません） 記事の目的 同時期に実務未経験でWebエンジニアになって交流している方々（他社の）が、 「他の人が初期にどのような注意を受けているか聞いてみたい」 と言っていたため、私は自分が書いたコードをレビューしてもらった機会はまだ研修のみですが、どのよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
