NEW! 2024.10.30 スキル コーディングひろゆき生成AIプログラミングAI シンプルさを追求するべきか、それとも美しさや完璧さにこだわるべきか。 エンジニアによって、「良いコード」の定義は少しずつ異なるかもしれない。しかし、コードが開発効率や製品の品質を左右することはまぎれもない事実。 AIがコードを生成するようになりつつある今、改めて「コード」に対して持つべき視点を考えてみるのもいいだろう。エンジニアtypeの記事を振り返ってみよう。
自然言語でWebサイトが作れるサービスは便利な反面、ブレやすいのがネックです。そのネックを解消するため、HTMLのようなプロンプトを考案しました。「(川合式)日本語コーディングプロンプト」と呼んでいます。例はCreateを使っていますが、v0でも同じような出力になると思います。 Createの出力結果 コードのようにプロンプトを書くことで、出力結果のブレが最小限におさえることができます。 Cursorでプロンプトを作成 補完やテキスト生成・修正をしてくれるので、プロンプトを書くならCursorが便利です。 プロンプト 下記をコピペして試してみてください。 ---html--- <container> <box> <maincopy-containar> <maincopy> あなたは<br/>AIで救えるか? </maincopy> </maincopy-containar> <subco
米Microsoftは10月30日(日本時間)、「Visual Studio Code」の2024年10月アップデート(v1.95.0)を正式公開した。前バージョンに続き、AIコーディング支援機能「Copilot」で多くの改善が行われている。 【画像】Visual Studio Code」で複数の「GitHub」アカウントへ同時にログイン ・「Copilot」編集:複数のファイルにわたる大きな変更を素早く繰り返し行える ・「Copilot」チャットをセカンダリサイドバーで:作業中も「Copilot」チャットを開いておき、すぐに利用できるように ・「Copilot」コードレビュー:素早いレビューパス、コミットされていない変更点の詳細なレビューを取得 ・「GitHub」マルチアカウント:「Visual Studio Code」で複数の「GitHub」アカウントへ同時にログイン また、以下の拡張
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AI コーディングとは ChatGPT や Claude, Perplexity など の AI にコードを生成してもらうことは既に一般化しているかと思います。各サービスの Web サイトにチャット形式でやり取りしてコードを生成し、それをエディターなどにコピーアンドペーストして実行できて便利です。 しかし、直接 VSCode で AI とやり取りできたらもっと便利ではないでしょうか?ブラウザとエディタを何度も行き来し、コピーアンドペーストを繰り返す必要がなくなり、差分だけ提示されたのをどうマージすればいいのか考える必要もなくなります。
2024/10/31 令和6(2024)年10月31日(木)から日本目録規則2018年版(NCR2018)に対応したコーディングマニュアルおよび目録情報の基準第6版の適用を開始しました。 これに合わせ、NCR2018に対応したコーディングマニュアルおよび目録情報の基準第6版等について、下記のとおり公開しましたので、お知らせいたします。 コーディングマニュアル(NCR2018対応版):https://catill.bitbucket.io/CM/mokuji.html なお、2024年10月30日(水)まで上記のURLで公開していた、コーディングマニュアル(CAT2020対応版)は以下のURLで公開しています。 https://catill.bitbucket.io/CM_old/mokuji.html 目録情報の基準第6版 https://catill.bitbucket.io/KIJUN
WEBデザインとはコーディング込みだと思っていた ことあるごとに私がいろいろな所で言っている「コーディングができないWEBデザイナーはいらない」発言。 そもそもはWEBデザイナーを名乗る人は、コーディングが出来るものだと勝手に先入観をもっていたのですが、いろいろな人と仕事をしていると、どうやらコーディングが出来ないWEBデザイナーがいることを知りました。 私の場合WEBデザインは完全に独学であり、WEBデザインを学ぶ事=コーディングが出来ることだと思い、HTMLとCSSの本を買ったことから始めました。専門学校、大学、オンラインスクールなど、WEBデザインの講座があればそこでは、まずコーディングを学ぶのではないのでしょうか。詳しくは知りませんが多分そうでしょう。オンラインスクールのカリキュラムを見るとどこも「HTMLとは」「CSSとは」のような単元はあるので。 コーディングができないデザイナ
Flexpilot Flexpilotは好みのAIモデルを選択可能なプライバシー重視のVS Code向け生成AIコーディングアシスタントです。VS Code用のGitHub Copilot代替となる拡張機能として開発されており、無料且つOSSとしてソースコードも公開されています。 コンテキストを認識した上での提案やガイダンス機能を備えたAIコード補完、コーディングスペースの脇に設置されるAIチャット機能、エディタを離れずにコードのリファクタリングやエラー処理及び解説をするインラインチャット機能、その他、生成AIによる様々なコーディングサポート機能が備えられています。それぞれの機能はリポジトリにGifアニメで紹介されていますので直ぐにどのようなものか把握できると思います。 選択できるLLMもOpenAIはもちろん、Gemini、Mistral AI、llama、AnthropicやOllam
HOMEWordPress【WordPress】セレクトボックスにカテゴリーやタクソノミーの一覧を表示する方法 【WordPress】セレクトボックスにカテゴリーやタクソノミーの一覧を表示する方法 WordPress ブログのサイドバーなどにカテゴリーやタクソノミーの一覧を表示することがありますが、通常はULタグなどで一覧表示することが多いのではないでしょうか? 今回は、その一覧をセレクトボックスを用いてプルダウンメニューとして実装する方法をご紹介します。 カテゴリー 一覧を表示する場合 <!-- 1. onChangeでvalue属性に指定したURLに遷移する --> <select name="select" onChange="location.href=value;"> <option value="<?php echo home_url(); ?>/blog/">すべて</opt
cms更新が入るページ では、LPや静的ページに比べ、考慮することが多々あります。 コーディングをお願いする人への確認用としてその辺のtipsをまとめました。 毎回、個別にお願いするより記事にした方が早いなと。 こんなケースをカバーしましょう、という記事です。 想定されたテキスト量より大幅に多かった デザインより要素が少なかった 間違ったサイズの画像が登録された エラーの時の対応 CMS化出来ないマークアップ なお本記事のhtmlとcssはほとんど、AI Code Editorの「Cursor」に書いてもらいました。 VSCodeを使ってる方なら、インターフェースはほぼ同じなので、移行もすんなり行けてお勧めです。 画像編 デザインと違い、サムネが登録されない可能性がある newsページや商品ページで、画像が登録されないパターンもあります。 「必ず登録してください!」という運用にするのもアリ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く