Mozillaファウンデーションは2月12日、Webブラウザ上で実行できるコード・エディタ「Bespin 0.1」（ベスピン）を発表した。実験的なソフトウェア・サービスの開発を行うMozillaラボのアルファ版として、Mozilla Public Licenseの元にオープンソースで公開している。サーバ上に置いたファイルを直接編集でき、そのままWebブラウザでプレビューも可能。ほかに、複数人による共同編集や、同じくMozillaラボが取り組むコマンドラインツール「Ubiquity」を統合して、プラグインの作成や取り込みを容易にするなど斬新な試みだ。ちなみに、Bespinは映画スターウォーズに登場する巨大ガス惑星の名称。 Bespinのフロントエンドはファイル・ディレクトリを階層状に閲覧する“ダッシュボード”と、コードエディタから成る。フロントエンドはJavaScriptとHTMLで作成され
［速報］「Visual Studio Live Share」パブリックプレビュー開始。リモートでのペアプログラミング、ペアデバッギングを実現。Build 2018
マイクロソフトは、米国シアトルで開催中のイベント「Microsoft Build 2018」で、ペアプログラミング環境を実現する「Visual Studio Live Share」のパブリックプレビュー開始を発表しました。 Visual Studio Live Shareは、2017年11月に発表された新機能。統合開発環境のVisual StudioやコードエディタのVisual Studio Code（以下、VSCode）などをネットワーク経由で接続し、コードの編集作業やブレークポイントの設定、ステップ動作などのデバッグ作業などを共有、リモートで共同作業する環境を実現します。 ［速報］「Visual Studio Live Share」発表。複数のプログラマがリアルタイムにコードの編集、ブレークポイント、デバッガ操作などを共有。Connect(); 2017 これまでVisual Stu
【GitHub Copilotは序章に過ぎない!?】GitHub Next、次世代の開発エクスペリエンスを実現する圧倒的なプロジェクト群 | DevelopersIO
こんにちは、CX事業本部 Delivery部の若槻です。 今回は、GitHubによる「次世代の開発エクスペリエンスを実現するためのプロジェクト群」であるGitHub Nextについて紹介します。 GitHub Nextとは 現在、ソフトウェア開発者の間では、OpenAIの開発するGPTベースのプログラミング支援ツールであるGitHub Copilotに注目が集まっています。 コードエディター上でリアルタイムに精度の高いコードサジェストを行ってくれるため、開発者の生産性を大幅に向上しうると期待されていますが、実はこのGitHub CopilotはGitHub Nextの推進するプロジェクトのうちの1つに過ぎません。 GitHub Nextでは、GitHubによる次世代の開発エクスペリエンスを実現するために、現在次の16のプロジェクトを提供中または提供予定です。GitHub Copilotはこ
Next.js + Vercel + Supabase を用いた高速アプリ開発 - RAKUS Developers Blog | ラクス エンジニアブログ
こんにちは！ラクス入社１年目のkoki_matsuraです。 本日は、Next.jsとVercel、Supabaseを用いて簡単なアプリを高速で開発する手順についてお話しできればと思います。 アジェンダは以下の通りです。 Next.jsとは ReactとNext.jsの違い Next.jsの特徴 Vercelとは Supabaseとは ToDoアプリ作成 Supabaseにデータベースを用意 VercelでNext.jsプロジェクトを作成・デプロイ・GitHub連携 VercelとSupabaseの連携 GitHubからクローン Vercelから環境変数を取得 Supabaseのデータベースに接続 コード編集 終わりに 参考文献 Next.jsとは Next.jsはReactベースのアプリケーションフレームワークです。 公式サイトではNext.jsとはReactを用いたWebアプリ開発で生
画像はUnsplashより 日々、目まぐるしく進化、発展を遂げる人工知能（AI）業界。さまざまな企業が新しいサービスを開始したり、実験に取り組んだりしている。 そこで本稿ではLedge.aiで取り上げた、これだけは知っておくべきAIに関する最新ニュースをお届けする。AIの活用事例はもちろん、新たな実証実験にまつわる話など、本稿を読んでおけばAIの動向が見えてくるはずだ。 経産省、AIやデータサイエンスの無料講座を公式サイトで紹介 12月から 経済産業省は11月9日、人工知能（AI）やデータサイエンスなどのデジタルスキルを学べる、無料オンライン講座をウェブサイトで紹介する「巣ごもりDXステップ講座情報ナビ」プロジェクトを開始すると発表。現在、同サイトに掲載を希望する無料オンライン講座を公募している。 経済産業省は同プロジェクトを開始した理由として、デジタルトランスフォーメーション（DX）が加
6/13 (土) は htmlday ということで、こちらのイベントに参加してきました。 HTML5オールスターズ勉強会｜IT勉強会ならTECH PLAY［テックプレイ］ 第58回 HTML5とか勉強会 - HTML5最新情報@Google I/O, de:code 2015｜IT勉強会ならTECH PLAY［テックプレイ］ とりあえず今の時点で公開されてるスライド資料やらキーワードやらをまとめ。 （随時更新します） Twitter でのハッシュタグは #dotshtml5 , #htmlday , #html5j などなど。 （2015/06/15追記） 若狭さんの『ハードウェアこわい』、川田さんの『The next generation mobile web!』 のスライドを追加しました。 （2015/06/19追記） 『Edge だけじゃない! Build 2015 で発表されたそれ
開発環境までもWeb化？！ Visual Studio Online “Monaco”機能徹底解説（Win＆Mac対応）
Visual Studioのオンライン版？！ Webブラウザー上で動作する開発環境“Monaco”で開発はどう変わるのか？ その全機能をさまざまなブラウザーで徹底的に試してみる。さらにデスクトップアプリ開発も実験してみる。 連載 INDEX 次回 → 先日（米国時間で11月13日に）開催されたオンラインイベント「Visual Studio 2013 Launch Event 」の中で、「Visual Studio Online」が発表された。この名前を文字通りに受け取るなら、「Visual Studioの“オンライン版”」という意味になるだろう。しかし実際に発表されたその内容は（筆者の理解では）、これまで「Team Foundation Service」と呼んでいたものを強化しつつ、名称変更したにすぎないものだった。 これでは「命名と実体が合っていない」ということになる。ところがこの命名の
ブラウザ内にOSを起動して膨大なブックマークをGUIで管理できる「VisiOS」レビュー、ブラウザ内でアプリ開発や文書編集も可能で超多機能
ニュースサイトやブログ、SNS、動画配信サービスなど大量のウェブサイトを巡回するために膨大なブックマークを管理している人は多いはず。ブックマーク数が数十個のうちはブラウザ標準のブックマークマネージャーで問題なく管理できますが、ブックマーク数が数百個に到達すると「○○についての情報を得られるサイトをブックマークしたはずだけど見つけられない」という事態が発生しがちです。プログラマーのExis氏が開発したブラウザ拡張機能「VisiOS」を使えば、ブラウザ内にWindowsやmacOSのデスクトップのような画面を表示してファイルをフォルダーでまとめるような操作感でブックマークを管理することが可能とのこと。さらにVisiOSには「YouTubeプレイリストを作成」「文書ファイルを編集」「ペイントアプリやゲームアプリを追加インストール」など多種多様な機能が搭載されているとのことなので、VisiOSを用
自律型AIソフトウェアエンジニア「Devin」登場。Readmeを読んで環境構築、Print文を使ってデバッグなど
自律型AIソフトウェアエンジニア「Devin」登場。Readmeを読んで環境構築、Print文を使ってデバッグなど AIスタートアップのCognitionが自律型のAIソフトウェアエンジニア「Devin」を発表した。Devinは人間と同様にコードエディタやコンソール、Webブラウザを用いて情報を参照し、コーディングやデバッグ作業を自律的に行える能力を持つようだ。 AIスタートアップのCognitionは、自律型のAIソフトウェアエンジニア「Devin」を発表しました。 Devinは人間が課題を与えると、自律的に情報を参照し、コーディングやデバッグ、デプロイを行い、システム構築を実現するAIソフトウェアエンジニアだと説明されています。 Today we're excited to introduce Devin, the first AI software engineer. Devin i
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 コーディングを始めたい、コーディングにVSCodeというものを使うということはわかってるけど、なぜこれを使うんだろう。VSCodeの何が便利なんだろう。と思っている初心者の方に特に読んでほしいと思い書いています。 VSCodeを使うようになったきっかけ コードエディタ難民だった自分がいくつか試したのちに、Adobeが開発していたコードエディタBracketsに出会いました。拡張機能も追加しやすくてテーマも選べるし、使いやすい。とBracketsで落ち着いていたのですが、ある時「サポート終了になる」ということを知りエディタは何を使おうか…となり、その当時使い始める人が少しずつ増えていたVSCo
コードエディターにはHTML・CSSを効率良く編集する方法でも書いたように、コードの自動補完などの機能が備わっています。これらの機能を使うことで効率良くコードを記述することができるのですが、ここではさらに効率アップできるEmmetを使ってみます。 Emmetを使うとHTMLタグを記述する際に必要な< >などを省略したり、長いHTMK構造をたった数行で書くことができるようになります。慣れるとこれ以外で書くのがめんどくさくなるというデメリットがありますが、とにかく効率良く記述できるのでまだ使ってない人は是非使ってみて下さい。 EmmetにはHTMLとCSSがありますが、ここではHTMLの記述方法を紹介します。 CSS編はこちら -> CSSを効率良く書く！Emmetの書き方・使い方まとめ Emmetのインストール方法 コードエディターにEmmetをインストールする Emmetはコードエディター
電子回路設計＆プログラミングシム『Shortcuit』Steamにて体験版配信。Arduino風マイコンとC++言語でバーチャル実験 - AUTOMATON
『Shortcuit』は、プログラミング言語C++と電子工学を学ぶことができる学習用サンドボックスゲームだ。オープンソースで提供されているワンボードマイコンArduinoがゲーム内に再現されており、組み上げたコンポーネントの動作を、C++にてプログラムすることができる。 マイコンボードには、Arduino UnoをシミュレートしたShortcuit Unoが実装。このほか、ブレッドボードやトランジスタ（BC550C）、抵抗器（E12・ポテンショメータ）、ダイオード（1N4148）、超音波距離測定センサー、また各種スイッチやモーター、LED、液晶ディスプレイ、バッテリーなどのパーツが用意される。 そしてプログラミングは、本作に実装されたコードエディタを使いC++にておこなう。エディタには、基本的なオートコンプリート機能や出力ウィンドウ、プログラムの検証に使えるシリアルモニターも用意。なおコン
CSS3を使用する時に、ベンダープレフィックスを付けていますか？ 自分でプレフィックスをつけたり、SassなどのCSSメタ言語やツールを利用するなど、さまざまな方法がありますが、せっかく付けたベンダープレフィックスも適切でない場合もあります。適切にベンダープレフィックスを付与するツールに、CSS Postprocessorの「Autoprefixer」というものがあるので紹介します。 ベンダープレフィックスをいつまで付け続けるのか ベンダープレフィックスはブラウザの試験的、または独自拡張で実装されているものであり、W3Cの仕様がある程度固まると、ブラウザはベンダープレフィックスが外すことが推奨されています。 現在、CSS3の一部の仕様は、すでに勧告や勧告候補まで上がっているものがあり、最新のブラウザではベンダープレフィックスなしで作動するCSSも増えてきています。またグラデーションやFle
無償のVisual Studio CodeがCordovaに対応。HTML5/JavaScriptでのモバイルアプリケーション開発が可能に
マイクロソフトが昨年11月にオープンソースで公開した無償のコードエディタ「Visual Studio Code」を、HTML5/JavaScript用のモバイルアプリケーション開発フレームワーク「Cordova」に対応させる「Cordova Tools Extension」が公開されました。 開発したのはマイクロソフト自身で、Visual Studio Codeを利用してCordovaアプリケーションのプログラミング、ビルド、デバッグが可能になります。 また、Ionic、Onsen、PhoneGap、SAP FioriなどのCordovaに対応したJavaScriptライブラリにも対応。IntelliSenseにも対応。 Visual Studio CodeはWindowsだけでなくMacOS、Linuxにも対応しているため、これらのOS上でCordovaを使ったモバイルアプリケーションの
Googleは、AIを用いることでファイルの種類を高速かつ正確に判別できるツール「Magika」をオープンソースで公開したと発表しました。 Magikaは、あるファイルの中味が何なのか、記述されたプログラミング言語の種類、動画や画像、音声などのフォーマットの種類、ExcelやWord、PDFなどのオフィス系ソフトウェアの種類、OSの実行形式バイナリなどの種類を瞬時に判別してくれます。 下記はコマンドラインとしてMagikaを実行した例で、フォルダ内のファイルの種類を出力しています。 特別に最適化された1MBのモデルでを用いて推論を実行 Magikaはファイルの判別に、Kerasを用いて特別に最適化されたディープラーニングによる、わずか1MBのモデルを用いていると説明されています。 このモデルは推論エンジンのOnnx上で実行されています。実行速度はGPUを用いずCPU上で処理されたとしても数
はじめに AI搭載コードエディターCursorが話題なので自分にとって使いやすいのか実験してみました。 まだまだCursorの実験途中ではありますが、CursorProをサブスクしてたった３日でgpt-4に332回聞いてました。 Cursorはプロンプトの会話から現在のコードにDiffで提案してくれたり、エラーを解決してくれたり本当に便利で最高なのですが、頼り過ぎも良くないなと反省することもあったので、やったこと全部と感想をシェアしていきたいと思います。 やったこととしては、Cursorのチャットに質問しながら予備知識のないChatVRMというオープンソースのチャットアプリケーションの追加実装をしました。わりと簡単に実装できたこととうまくできなかったことがあるので例を挙げて紹介していきます。 Cursorとは Cursor(カーソル)とは、VScodeをフォークして作られたOpenAIのg
ローカル環境を汚さない構築ツール「Devbox」をクラウドですぐ使える「Devbox Cloud」β公開。ローカルでのファイル編集がクラウドに自動同期
ローカル環境を汚さない構築ツール「Devbox」をクラウドですぐ使える「Devbox Cloud」β公開。ローカルでのファイル編集がクラウドに自動同期 Linux環境上に独立した開発環境を簡単に構築できるオープンソースのツール「Devbox」の開発元であるJetpack.io社は、Devboxをクラウド上ですぐ利用できるクラウドサービス「Devbox Cloud」を2月1日に発表しています。 If you’ve been looking for a fresh take on Cloud Development environments; check out Devbox Cloud which we’re announcing today (https://t.co/eh2Laas2bu) Easily spin up low latency virtual machines on th
今見ているファイル内をSearchしやすくするVSCode拡張を作りました - $shibayu36->blog;
今見ているファイル内をSearchしやすくする「Search in Current File」というVSCode拡張を作ったので紹介です。 https://github.com/shibayu36/vscode-search-in-current-file https://marketplace.visualstudio.com/items?itemName=shibayu36.search-in-current-file 背景 Emacsにはhelm-occurという拡張があって、インクリメンタルサーチからスムーズにファイル内の検索結果一覧を見れる拡張がある。これが現在のファイルを探索するのに非常に便利で愛用していた。 VSCodeでも同じようなことが出来ないかなと思ったので、勉強がてら拡張を作ることにした。 使い方 Search in Current File - Visual Stu
Brackets が正式リリースされた。 アップデートついでに色々とまとめてみた。 Bracketsとは Brackets は、Web アプリ開発向けのオープンソースコードエディタ(Adobe が一枚噛んでる)。「Adobe Edge Code」のベースになってるっぽい。 Sublime Text ほど人気はないけれど、個人的には Sublime Text より使いやすくて使っている。ここ最近はかなり使いやすくなっている。 特徴 クロスプラットフォーム(Mac, Windows, Linux) 日本語を標準サポート HTML/CSS/JavaScript/SCSS/LESSを標準サポート クイックドキュメント タグやスタイルに関するヘルプ表示 クイック編集 タグを装飾するスタイルをインライン編集できるようにする(CSSファイルを開かずに済む) 構文チェック(JSLint) ライブプレビュー
![[コードエディタ] Bracketsが正式リリース](https://cdn-ak-scissors.b.st-hatena.com/image/square/39f6c27de9507a0418766505b9aa400af8390af8/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20141105125846.png%3Fts%3Dc549665f989b7e08b8cc322eef0b99a7d4e56182)
VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応 昨年（2022年）、Adobeによる買収が発表され話題となったWebデザインツールを提供するFigmaは6月23日と24日の2日間、イベント「Config 2023」をサンフランシスコで開催しました。 その基調講演で、VSCodeのコードエディタ画面にFigmaの機能を組み込む「Figma for VS Code」が発表されました。 Bring Figma to VS Code Our new extension for VS Code eliminates context switching and helps you move faster with code suggestions based on your designs. Install to... → Inspect Fig
ゲーム開発者以外も最低限知っておきたいUnityの基礎知識＆無料版Unityのインストールチュートリアルと画面構成
Unityは無料のPersonal版と有料のPlus版とPro版、Enterprise版がある。詳細については下記のURLを参照してほしい。 https://store.unity.com/ja なお本連載では、無料のPersonal版を使用するが、Unity 4では、Professional版でしか使えなかった機能が、5.4では無料のPersonal版で全て使用可能となっている。 アセットストアで素材を入手 アセットストアを展開しており、キャラクターモデル、プロップ、マテリアル、テクスチャ、背景ペイントツール、ゲーム制作ツール、オーディオエフェクト、音楽、ビジュアルプログラミングソリューション、スクリプト、エディタ機能拡張などを入手・購入できる。また、そこに下記のようなアセットを販売することも可能だ。 コミュニティーやエコシステムを形成。ゲーム以外の分野にも進出 日本を含む世界中で開発者
転職・求人情報サイトのtype エンジニアtype スキル 現代のデザイナーは実装できて当たり前？GunosyのUIデザインチームが考えるエンジニアとの理想の関係 2015.07.29 スキル BASEのCTOえふしん氏は今年1月の弊誌連載の中で、モバイルファーストの時代においては「フロントエンドを担う人材の作業範囲が、ビジュアルデザイン主流から実装主体へと移ってきている」ことを指摘していた。 >> UIデザインは結局誰の仕事なのか？スマホ時代のサービス設計で必要なスキルを再考する【連載:えふしん】 その作業範囲は時にはバックエンドにまで及ぶ。これだけの広範囲を適切にカバーできる人材は、それほど多くないというのが現実だろう。 そんな中、情報キュレーションアプリ『グノシー』を提供するGunosyのUIデザインチームは、所属する3人のデザイナー全員が日常的に実装までを担っているという。 Gun
GitHub、プロンプトでAIにコード生成やデバッグを指示できるGPT-4ベースの「GitHub Copilot Chat」ベータ公開
GitHubは、GTP-4ベースのAIを用いた開発支援機能「GitHub Copilot Chat」を、GitHub Copilot for Businessユーザー向けに限定パブリックベータとして公開すると発表しました。 GitHub Copilot Chatは、今年3月に発表された同社のビジョン「GitHub Copilot X」で登場が予告されていた機能の1つです。 現在提供されているGitHub CopilotはGPT-3のAIをベースに、コードエディタ内でプログラマがコメントを記述するとそれに基づいてコードを自動生成する機能などを提供しています。 「GitHub Copilot X」では、強化されたAIであるGPT-4を用い、さらに高い精度でのコード生成やバグの指摘などを始めとする、以下のさまざまな新機能などを備えると説明されていました。 コードエディタ内でAIとテキストチャット
マークダウン形式のスライド作成ツール Slidev を試したら、とても良かったので紹介です。 Slidevとは？ Slidev はVue UseやType Challengesの作者であり、Vue.js のコアチームメンバーでもあるAnthony Fuが開発しているマークダウン形式でのスライド作成ツールです。 Vite、Vue3、WindiCSSを用いて開発されています。 まだ Public Beta ですが、リリースからわずか数日で 7,000 を超える GitHub スターを集めています。 実際にどのようなスライドが作成可能なのかは、Slidev のデモや、作者の Anthony が Slidev を用いてプレゼンした VueDay2021 の資料が分かりやすいです。 デモ動画 VueDay2021 でのプレゼン 使い方 任意のディレクトリで以下コマンドを実行するだけで環境は整います。
WPJが提携するWeb開発者向けメディア「SitePoint」ではCSS開発者を対象にした大規模なアンケート調査を実施しました。その結果から、いま何を学ぶべきかが見えてきました。 CSS開発の現場で実践されている習慣、CSSに関する知識の量、理解度などの情報を集める目的で実施した「究極のCSS調査」には、6週間で1600名以上からの回答が寄せられました。このほど集計が完了したので、結果を発表します！ フォローアップコメントと考察、昨年の結果との比較、コメント欄に寄せられた質問の回答も掲載します。 アンケートの結果は以下を参照してください。 結果は上下の矢印でめくりながら見られます。 調査の目的 まず、読者からは調査の目的とフィードバックで得られることについて、質問がありました。私がSitePointのエディターとしてもっとも優先しているのは、読者を理解することです。いろいろな技術に関して、
Webブラウザ上でWebAssemblyベースのNode.js環境を実現する「WebContainer」がAPI提供開始。ブラウザ内ファイルシステム、HTTPサーバ、Node.js CLIなど
Webブラウザ上でWebAssemblyベースのNode.js環境を実現する「WebContainer」がAPI提供開始。ブラウザ内ファイルシステム、HTTPサーバ、Node.js CLIなど WebAssemblyを用いてWebブラウザ上でNode.js環境を実現する「WebContainer」などを提供するStackBlitzは、WebContainerにアクセスできるAPIの提供を開始したと発表しました。 Today, after years of battle testing by millions of developers, in collaboration with browser vendors: WebContainer API is now available to everyone. Start building the next generation of inte
Webブラウザから利用可能な「Visual Studio Online」がDockerコンテナサポートなど機能強化、パブリックプレビュー版として
Webブラウザから利用可能な「Visual Studio Online」がDockerコンテナサポートなど機能強化、パブリックプレビュー版として マイクロソフトはWebブラウザなどから利用できる開発環境「Visual Studio Online」をパブリックプレビュー版として公開中です。 Visual Studio Onlineは2019年5月のイベント「Microsoft Build 2019」で発表されました。Visual Studio Codeをベースにしたオンライン版のコードエディタと、Visual Studioの統合開発環境をベースにしたオンライン版Visual Studio IDEの2つの開発が進められており、11月にVisual Studio Codeのオンライン版がパブリックプレビューとして公開されています。 Visual Studio IDEのオンライン版はまだプライベー
Webブラウザ版VSCode、WebAssembly版PythonによるWeb上でのPythonコードの実行やデバッグが可能に
Webブラウザ版VSCode、WebAssembly版PythonによるWeb上でのPythonコードの実行やデバッグが可能に マイクロソフトは、WebAssembly版Pythonを用いることにより、Webブラウザ版のVisual Studio Code（以下VSCode）上でPythonコードの実行やデバッグを可能にする実験的な拡張機能「Python for the Web」のプレビュー公開を発表しました。 下記は実際にWebブラウザ版VSCodeに拡張機能「Python for the Web」を組み込み、Pythonコードを実行したときの画面です。 下部の「ターミナル」のペインで、実行結果の「6」が表示されているのが分かると思います。これはこのWebブラウザ上でPythonが実行された結果です。 Webブラウザ上でPython実行環境が自動的に用意される WindowsやMac、L
この記事では、他人が書いたコードを扱うための練習法を一から説明します。目標は、 Spyder Python IDE という今まで触ったこともないプロジェクトのコードに任意の変更を加え、途中で行き詰ることなく、目的達成に必要な情報 のみ 習得することです。ここでは、勘や実験的な手段、そしてプロの現場で養った洞察力を武器に問題に対処する方法を学びます。形式ばったレッスンのように、苦痛を感じることはないでしょう。満足感や挫折、葛藤を味わいながらプロジェクトを進め、最終的には（なんとか動く程度の）パッチを完成させ、大規模で不慣れなコードベースに機能を追加します。 プログラミングを学んでいる人は皆、あらゆる種類のプログラムで大量のコードを書いています。それは、問題集に載っているアルゴリズムを実装するにせよ、ウェブサイトの構築やビデオゲームの作成をするにせよ同じです。ところがプロのソフトウェアエンジニ
Raspberry Pi Pico Wがいよいよ日本でも販売を開始しました。昨年6月末にリリースされてから9ヶ月待たされましたね……。 www.raspi.jp 暗箱にぶち込んだり180日の特例申請をしたりすれば使えはしましたが、わたしはわりと律儀に待っていたので、これから色々実装です。 なお、Pico W関連の近況としては、先月上旬に公式のSDKにBluetooth対応が入ったことと、同じく先月上旬にPico Wのサポートが追加されたCircuitPython8.0.0がリリースされたことが挙げられます。よって、PicoWで色々本格的に遊べる環境が整ったのもわりと最近だったりします。 github.com github.com ひとまず3つポチった スイッチサイエンスさんで上限いっぱいの3つ分をポチって、2日で到着。ありがとうございます！OSCの展示に間に合わせられそう〜！技適表示はリー
2018年12月7日にWordPress 5.0がリリースされ、Gutenberg（グーテンベルグ）が投稿エディタとして新しく登場しました。 WordPressの創始者で、現役の開発者でもあるMatt Mullenweg氏による、Gutenbergについてよくある質問集を紹介します。 Gutenbergの準備を確認する方法、導入手順、今後のアップデート予定、特定のユーザーだけが利用できるようにするには、次のメジャーバージョンアップはどうなるのか、など気になる情報が満載です。 WordPress 5.0: A Gutenberg FAQ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Gutenberg（グーテンベルグ）とは何ですか？ なぜGutenbergが必要ですか？ なぜブロックが使用されるのですか？ なぜエディタが変更され
全体像 Xcodeの全体像と各部位の名前は次のようになります。 １つのツールバーと４つのエリアで構成されています。 ナビゲータ領域／ユーティリティ領域／デバッグ領域は必要に応じて隠すことが出来ます。 ナビゲータ領域／ユーティリティ領域は状況に応じて中に表示する情報を切り替えることができます。 デバッグ領域の中は２つの表示領域があり、必要に応じて一方を隠すことができます。 ツールバー ツールバーにはよく使う操作のショートカット置かれています。 実行 スキーマ（Scheme：実行環境）の切り替え エディタ領域の表示切り替え ナビゲータ領域／ユーティリティ領域の表示非表示を切り替え どの操作もよく使いますので、キーボードショートカットを覚えるまではツールバーにはよくお世話になるかもしれません。 ナビゲータ領域は３つの領域で構成されます。 ナビゲータバー：本体領域に表示されるナビゲータを切り替えま
無料のコードエディタ「Visual Studio Code 1.10」リリース。ミニマップ、テキストのドラッグ＆ドロップ、TypeScript 2.2対応、JSDocコメントの自動生成など
無料のコードエディタ「Visual Studio Code 1.10」リリース。ミニマップ、テキストのドラッグ＆ドロップ、TypeScript 2.2対応、JSDocコメントの自動生成など マイクロソフトはオープンソースで開発しているコードエディタの最新版「Visual Studio Code 1.10」リリースを発表しました。 主な新機能は、ミニマップ、エディタ内でのテキストのドラッグ＆ドロップ、コードのシンタックスハイライト付きコピー＆ペーストなど。またTypeScript 2.2にも対応、JSDocコメントの自動生成機能も実装されました。 「ミニマップ」はエディタの画面にコード全体を俯瞰したグラフィックを表示する機能です。スクロールバーよりも直感的にいま全体のどのあたりを編集しているのか把握できるようになります。プレビュー版としての機能追加です。 「テキストのドラッグ＆ドロップ」は、
こんにちは、 ast-grepの作者Herringtonです。 正規表現でコードを検索したことがある方なら、複数行のマッチングや入れ子構造の処理、コメントの無視などに苦労したことがあるかもしれません。 そこで、ast-grep VSCodeという新しい拡張を紹介します。これは、構造的検索と置換（SSR）という技術を利用して、より正確で効率的な検索と置換を実現するツールです。 構造検索は？ テキスト検索と置換の限界 例えば、JavaScriptコードをリファクタリングして、lodash の _.filter 関数をネイティブの Array.prototype.filter メソッド に置き換えたいとします。単純なテキスト検索と置換は次のようになります: これは一部のケースではうまくいくかもしれませんが、いくつかの問題があります。 一行の式しかマッチングできません。コードが複数行にまたがってい
2010/01/22 プログラミング・フォントTop10 Slashdotにもフォントに関するタレコミがあったが、Dan Benjamin氏がブログで面白いエッセイを書いていた超訳を。 私は書体マニアで、フォントの選択に一日中コンピュータ画面を見続けることがあるくらい、かなりうるさい人間です。最近、私の友人がターミナルやコーディング画面で標準以下の書体(ここで書体名を挙げることができないくらい)を使っているのを発見し、顎が落ちてがっかりしました。そのため、この記事を書くことにしました。 以下が簡単に入手可能な等幅フォント、トップ10をまとめたものです。これらのフォントの多くは今のオペレーティングシステムの中にバンドルされていますが、大部分は無償でダウンロード可能です。いくつかのフォント、例えばConsolasは有料ソフトウェアの一部です。 アンチエイリアスの注意 過去に、小さな等幅フォント
「Dart 2.5」が登場。GitHubのコードから機械学習させた賢いコード補完をVSCodeなどに提供 Dart 2.5では「ML Complete」と呼ばれる、機械学習を用いてより賢いコード補完をさまざまなコードエディタへ提供する機能がプレビュー版として追加されました。 Dartをはじめとする型付き言語では、コードエディタによる補完機能が働きやすいという利点がありますが、それでもAPIの種類が増えるにつれて、多数表示される補完候補のなかから適切なものを選ぶ手間は増えていきます。 ML Completeはそうした状況を改善するために開発が進められていると説明されています。 ML Completeの学習データにはGitHub上のオープンなDartのコードが用いられ、TensorFlow Liteによってプログラマが開発中のコードに対して適切な補完のための候補が選ばれます。 下記のツイートに
マイクロソフト、「GitHub Copilot X」をVisual Studioに搭載したデモ動画を公開。コードを自然言語で解説、デバッグ、ユニットテストの生成など
マイクロソフト、「GitHub Copilot X」をVisual Studioに搭載したデモ動画を公開。コードを自然言語で解説、デバッグ、ユニットテストの生成など GitHubは先月、GTP-4をベースに「GitHub Copilot」の機能を大幅に強化した「GitHub Copilot X」を発表し、Visual Studio Codeのコードエディタ内でAIと対話しながらプログラミングが可能になる様子を公開しました。 参考：［速報］「GitHub Copilot X」発表、GPT-4ベースで大幅強化。AIにバグの調査依頼と修正案を指示、ドキュメントを学習し回答も そして先週、マイクロソフトは同社の統合開発環境であるVisual StudioでGitHub Copilot Xを用いてプログラミングを行うデモ動画「GitHub Copilot X in Visual Studio」を公開
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDreamweaverのExtract機能を使って、PSDファイルから効率よくデザインする方法」をご紹介させていただきます。 そもそもExtract機能とは？ Dreamweaverは聞いたことあるけど、Extract機能ってなんぞ？！と、Extract機能を初めて
以下はjsmanifestによる記事、26 Miraculous VS Code Tools for JavaScript Developers in 2019の日本語訳です。 26 Miraculous VS Code Tools for JavaScript Developers in 2019 Visual Studio Code(一般的にはVScodeと呼ばれる)は、デスクトップ上で動作する軽量で強力なクロスプラットフォームのコードエディタです。 TypeScriptやChrome Debuggerなどの開発ツールがサポートされています。 最初は自分のプロジェクトを構築するためにVScodeを使ったのですが、すぐに惚れ込みました。 VScodeには、誰もが開発することができ、誰もが使用することができる莫大なオープンソースの拡張機能が存在します。 開発に使える便利なツールを探している
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mozilla、ブラウザ上で動くコードエディタ発表 － ＠IT
ほぼ数式なし無料データサイエンス講座：AIニュースまとめ10選 | Ledge.ai
HTML5オールスターズ勉強会 資料まとめ - dackdive's blog
なぜコーディングにVSCodeを使うのか。 私がVSCodeを選んだ理由
HTMLを効率よく書く！Emmetの書き方・使い方まとめ
Autoprefixerによる、CSS3の管理 - kojika17
Google、AIでファイルの種類を高速正確に判別できる「Magika」をオープンソースで公開
Cursor Proを３日間で300回も使い倒してみた所感
[コードエディタ] Bracketsが正式リリース
GitHub製コードエディター「Atom」の最終版が公開 ～8年間の開発に終止符／12月15日をもってリポジトリはアーカイブ
VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応
現代のデザイナーは実装できて当たり前？GunosyのUIデザインチームが考えるエンジニアとの理想の関係 - エンジニアtype | 転職type
開発者のためのスライド作成ツール Slidev がすごい
Bootstrapはすでに下火に——海外の開発者1600人に聞いたCSS開発のいま
他人の書いたコードに挑もう – Part 1 | POSTD
Raspberry Pi Pico W日本販売開始！ついに遊べるぞー！ - あっきぃ日誌
WordPress 5.0のGutenberg（グーテンベルグ）についてよくある質問集 | コリス
《Xcode入門向け》Xcodeの各部品を一つずつ丁寧に解説してみた
ast-grep VSCode: 構造検索と置換の強力なツール
yebo blog: プログラミング・フォントTop10
「Dart 2.5」が登場。GitHubのコードから機械学習させた賢いコード補完をVSCodeなどに提供
JavaScript開発者のための優秀なVSCodeツール26選 - Qiita