日本語で指示を出すだけでコードを 自動で生成してくれます。 AI Programmer エンジニアを強力にサポートします。現在プロトタイプを無料で公開しています。AI プログラマーに指示を出してソースコードを生成してみてください。できるだけ具体的に指示を出すと期待通りのコードが書けます。
はじめに 今回はVSCodeでおすすめの拡張機能を分野別に紹介していきます。 拡張機能は下記の分野に分けて紹介していきます。 VSCodeを使う全員向け Web制作関連 HTML&CSS関連 WordPress関連 フロント向け JavaScript React Vue サーバーサイド向け PHP Ruby その他 拡張機能を利用することで開発の生産性を上げることができるので、ぜひ参考にしていただければなと思います。 この記事の対象者 プログラミング初心者の人 分野別におすすめの拡張機能を知りたい人 開発の生産性をより上げたい人 VSCodeを使う人全員向け まずはじめにVSCodeで開発をしている人、全員におすすめをしたい拡張機能を紹介しておきます。 自分自身が使った拡張機能の中で「とりあえず入れて損はない」というものを厳選しています。 それでは紹介していきます。 Japanese La
どうもfujiharaです。本日はファイルを分割してアップロードする方法をご紹介します 背景 ファイルをアップロードするシステムを作るときに容量の要望にアップロードサイズ、アップロード時間の変更で対応するには 大きすぎるサイズだったので分割してアップロードして、結合するという方法にしました。 ファイル構成 以下のようになります。uploadsはアップロード先になりますので作成しておいて下さい。 ├── js │ └── upload.js ├── index.html ├── upload.php └── uploads HTML まずは簡易HTMLです <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Upload</title> </head> <body> <p>input size <sp
メールアドレスのルールのまとめ系のサイトの内容が間違っています。 なので、この類のまとめは安易に信じないように 、という注意喚起をしておきます。 追記(2013/11/27) twitterやはてブをみていたところ、「ユーザーへの啓蒙という観点ではまとめの内容間違ってない」というご意見をたくさんいただきましたので、補足をしておきますね。 どうも「ルール」と「トラブルを避けるためのガイドライン」が混同されているように思います。まとめで紹介されている内容がユーザ向けの「ガイドライン」なのであれば、「+ 記号使わせてよ」ぐらいしか文句はありません。 ですが、ほとんどのまとめは上記の内容を「ルール」として説明しています。ひどいものにはRFCに基づいてまとめを書いたようにミスリードさせる記事もありました。このような現状を憂い、このような記事を書いたのです。 そもそもこれに気づいた発端は@kusano
YouTubeの再生回数を取得する方法を紹介します。 1.はじめに YouTubeに投稿した動画の再生回数は動画再生のページには表示されます(右下の赤枠部分)。 が、ブログなどに貼り付けた動画にこの再生回数を表示する方法が分かりません。 ということで、YouTubeの再生回数を取得・表示する方法を紹介します。 なお、再生回数が取得できるのは自分のアカウントで管理している動画に限ります。 2.APIキーの取得 再生回数を取得するには、YouTube Data API(エントリー投稿時点ではv3)を利用します。 このAPIを利用するためのAPIキーの取得します。 Google Developers Consoleのページに移動して「API Project」をクリック(新しいプロジェクトを作成してもいいと思います)。 利用規約の更新ダイアログが表示されたらチェックボックスをチェックして「同意しま
JavaScriptのメールアドレスチェッカーを作ってみました。 記事を書くにあたって、メールアドレスについてのRFCや関連記事をざっと調べてみました。 結果、どういったバリデーションチェックがよいのか落としどころがみつかってませんが、単純にJavaScriptで正規表現を使って動くものを作ってみたいと思っただけなので、ゆるいチェック(現実的)とややきびしいチェックの2つに対応させてみました。 1.メールアドレスチェッカー 下記のフォームからモードを選択し、メールアドレスを入力して「チェック」をクリックすれば検証結果を表示します。 ゆるい(現実的) きびしい 結果: ゆるい方のチェックは次のとおりです(抜粋)。 $(function(){ $('#check').click(function(){ var address = $('#address').val(); if (address
タイトルどおりの事がしたく、調べてみるととても簡単だったのでメモ。 wp_localize_scriptというタグを使います。 たとえばphpから下のようにjsを読ませて、 wp_register_script( 'sample', get_path . '/js/sample.js', "",true); wp_enqueue_script( 'sample' ); wp_localize_scriptを追加します。こんな形になります。 wp_register_script( 'sample', get_path . '/js/sample.js', "",true); wp_enqueue_script( 'sample' ); $variable_array = array( 'hoge' => 'huga'); wp_localize_script( 'sample', 'vari
Simple, comprehensive code search Helping you find real world examples of functions, API's and libraries in 243 languages across 10+ public code sources Function/Method names E.G. Format, re.compile lang:python Constant and variable names E.G. ERROR, username Operations E.G. foreach lang:c#, while(len-- Security Flaws E.G. eval $_GET Usage E.G. import flash.display.Sprite; Special Characters E.G.
特定のページだけヘッダに手をいれたい、テキストや画像を加えたい、CSSやJavaScriptやPHPを適用するなど、特定の複数ページにだけコードを埋め込めるWordPressのプラグインを紹介します。 個別にCSS/JavaScriptを埋め込むことができるプラグインは他にもありますが、HTMLやPHPにも対応、そしてそれらを一元管理できるのはこれだけだと思います。 CSS & JavaScript Toolbox 以前ご紹介したCSS&JavaScript Toolboxが新しいバージョンをリリースされたので、改めて紹介します。 新しいバージョンになり、Free版とPro版の機能の差はなくなりました。 ※Pro版はサポートやフォーラムへのアクセス権がつきます。 CSS & JavaScript Toolboxの特長 CSS & JavaScript Toolboxのインストール CSS
利用申請をし、承認が来たら決済システムを導入したいアプリやプログラムにソースコードを貼り付けるだけで利用できるようになるウェブ決済システムが「Stripe」です。PayPalよりも簡単にアプリやプログラミング上に決済システムを構築可能で、決済のたびに顧客をわざわざ他の決済専用ページに飛ばす必要もなくなります。 Stripe https://stripe.com/ Stripeは利用承認を得たら、決済システムを導入したいプログラミングのコードを埋め込むだけで利用可能になります。埋め込みコードはcurl・Ruby・Python・PHP・Java・Nodeと、複数言語で用意されています。 システムを導入するために必要なコストはなく、Stripeを使用して決済が行われる度に、決済額の2.9%+30セント(約31円)の手数料がかかるのみ。その他の料金は一切必要ありません。なお、PayPalの場合、手
WordPressで特定のページだけ個別のスタイルシートやスクリプトを使いたい! しかも1ページだけでも複数のページにも適用する場合がある! そんな要望を叶えてくれます。 投稿記事、固定ページ、カテゴリページ、カスタム投稿記事に、個別のHTML, CSS, JavaScript, PHPのコードを追加でき、一元管理もできるプラグインを紹介します。 CSS & JavaScript Toolbox CSS & JavaScript Toolbox -WP Plugin Directory 以前、紹介したCustom CSS and JSは記事や固定ページごとにそれぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインで、これは手軽に利用できて便利ですが、今回紹介するのはそれより高機能。 まずは、その画面をご紹介。 当ブログにインストールした画面です。 左パネルで
レスポンシブだけじゃいられない?時と場合によるユーザーエージェント判別の方法 2013.06.14 | 初心者向け | 覚えておきたい 先週、某iPhoneアプリをリリースした際に公式サイトを担当したネイビーです。 iPhoneアプリだから公式サイトはiPhoneで見れればいい!というわけではないんですね。知りませんでした。だったらレスポンシブで!と行きたいものの、ニョーンと伸び縮みするスタイルが万人受けするものでもありません。 iPhone向けとPC向けのページを作ってユーザーエージェントで振り分ける方針が決まりつつ、いつどこで判別したらよいものか?リリース前日まで悩んでしまいました。 PHPによる判別 スマホ向けとPC向けのコンテンツを振り分ける際にまず思いつくのは、サーバ側のプログラムでユーザーエージェントを判別して処理を分岐する方法です。端末によってコンテンツの種類や量を調節したり
The MobileESP Project: Easily detect mobile web site visitors About MobileESP スマホ等のモバイル判定が簡単に行えるライブラリ「MobileESP」 Android、iPhone、Blackberry等、大量のモバイルデバイスが存在しますが、そうした物の判定を行ってくれる各種言語用のライブラリ群です。 docomo, kddi, vodafoneなんていう記述もあったりしてガラケーも対応してるっぽいです。 対応言語は、PHP, Java, APS.NET (C#), Ruby ,さらにはJavaScript版もあるようです iPhone端末かどうかを調べるには次のようなコードを書きます。 $uagent_obj = new uagent_info(); if ($uagent_obj->isTierIphone =
スマートフォンからのアクセスをJavaScript, jQuery, node.js, PHP, ASP, Perlなどで検出する -Detect Mobile Browsers Detect Mobile Browsers [ad#ad-2] 現在、配布されているのは15種類です。 Apache ASP.NET ColdFusion C# IIS JSP JavaScript jQuery nginx node.js PHP Perl Python Rails いくつかコードもご紹介。 Apache RewriteEngine On RewriteBase / RewriteCond %{HTTP_USER_AGENT} android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobil
画像を自動判定して、スマートフォンやデスクトップなどそれぞれの表示サイズに合わせて、最適なサイズに変更して画像を表示するPHP&JavaScriptを紹介します。 導入も簡単で、5分くらいでできる感じです。 Adaptive Images in HTML [ad#ad-2] Adaptive Imagesのデモ オリジナルの画像はサイズ1900x1069px、容量631Kbで、ブラウザのサイズに合わせて、ファイルサイズを変更して画像を表示します。 ファイルサイズの変更に伴い、サイズ自体も最適化されます。
投稿者:野中 文雄 | 投稿日:2011.02.09 | [AS 3][ActionScript][Tips][野中ゼミ] 条件演算子?:の処理は、ifステートメントで書くこともできます。それぞれどのように使い分けたらよいでしょうか。本稿では、処理の速さを比べてみます。 *なお、この記事の英語版はJActionScriptersに載せています。 The English version of this article is posted to JActionScripters. 条件演算子?:は、ふたつの式(オペランド)から条件に合った値を返します。したがって、値を選択して代入できます。ifステートメントと比べて処理の仕方が限定されている分、内部的に最適化されやすいと考えられます[*1]。 [条件演算子の例] myVariable = (condition) ? valueA : value
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く