タグ

ブックマーク / codezine.jp (62)

  • Gitを用いてVisual Studio開発をしよう

    ソースコードの変更管理ツールを使いこなすことはエンジニアにとって重要なスキルです。これまで、バージョン管理といえばSubversionがよく利用されていましたが、最近ではGitが人気を集めています。最新版のVisual StudioにおいてもGitが標準でサポートされるようになり、MicrosoftASP.NETや.NET Core Frameworkの開発をGitHubで行っています。そこで稿では、Visual StudioでGitを使用する方法についてチュートリアル形式で解説します。 クライアントツールとして「Visual Studio Express 2013」を、Gitのリモートリポジトリとして「Visual Studio Online」を使うことで、無料で簡単にGitの使い方を学ぶことができます。 Gitについて Git(ギット)とは、Linuxで有名なリーナス・トーバルズ氏

    Gitを用いてVisual Studio開発をしよう
    azan
    azan 2017/11/10
  • 「Node.js Tools 1.0 for Visual Studio」がリリース、Visual Studio 2013/2012でNode.jsの利用を可能に

    「Node.js Tools 1.0 for Visual Studio」は、リッチな編集環境、コードコンプリート機能、インタラクティブウィンドウ(REPL)、npmの統合、高度なデバッグやプロファイリング、テスト環境の統合、Visual Studioとの完全な統合、Node.js/io.js/JavaScriptTypeScriptHTMLCSS/JSONのサポートを備えている。 編集環境については、構文のハイライトやコードの折りたたみ、検索機能、コードコンプリート機能をはじめ、ユーザーが「あるべき」と考える機能をすべて搭載する。インタラクティブウィンドウ(REPL)は、書いたコードをその場で実行できる機能で、迅速な開発に役立つ。また、npmの依存性管理をソリューションエクスプローラーに統合し、依存性の解決に必要なパッケージの検索およびインストールを可能にしている。 このほか、プロ

    「Node.js Tools 1.0 for Visual Studio」がリリース、Visual Studio 2013/2012でNode.jsの利用を可能に
  • 新しいAzure App Serviceの発表

    原典:Announcing the new Azure App Service はじめに モバイルファースト、クラウドファーストの世界では、すべてのビジネスは、お客様とエンゲージを深め、関係性を持てる優れたモバイル体験、Web体験を提供する必要があります。そうすることで、従業員はさらに生産的になれます。これらのアプリは、すべてのデバイスで動作し、どこででもデータの消費や統合ができるようにしておく必要があります。 今回、新しいAzure App Serviceのリリースについて発表でき、うれしく思います。これは、色々なソリューションを提供する強力な新しいサービスになります。Azure App Serviceは統合サービスで、あらゆるプラットフォームやデバイスに対してWebやモバイルアプリが作成でき、SaaSソリューション(Office 365、Dynamics CRMSalesforce

    新しいAzure App Serviceの発表
    azan
    azan 2015/04/01
  • ASP.NET Identityでユーザーを管理する

    ユーザー管理機能の必要性 これまで様々な認証方法を紹介してきましたが、そのどれもが「利用者がユーザー情報を登録、変更する」ことを前提としていました。しかし、実際のWebアプリケーションでは、管理、運用を行う側で、集中的にユーザー情報を管理したいケースが多々あります。例えば、新たなユーザーの代理登録を行ったり、不要なユーザーを削除したり、パスワードを忘れたユーザーのパスワードを変更したり、といったものです。 こういった運用は、もちろんデータベースに登録されたユーザー情報テーブル等のデータを、直接変更することでも対処は可能です。しかし、データを直接操作するのは、その手順自体が煩雑なことに加え、アプリケーションで行っている多くの検証をスキップしてしまうこともあり、データの不整合が発生する可能性が非常に高くなります。 そのため、できることならアプリケーション側でユーザー情報を管理する手段を用意し、

    ASP.NET Identityでユーザーを管理する
  • Web作成の定形作業を自動化できるJavaScriptタスク実行環境Grunt

    はじめに HTMLJavaScript開発に限らず、一般にプログラミングの作業ではコンパイルや自動テスト、デプロイなど、開発の質にあまり関係のない定形作業が発生します。これらの定形作業を自動化できれば、プログラマは処理内容の検討やコーディングなどの質的な作業に集中でき、作業効率のアップが期待できます。また定形作業を手動で行うことによるケアレスミスの低減も期待できます。 プログラムのビルドに使われるMakeやJava環境で利用されるAntのように、定形作業を自動化するツールは様々な開発言語や環境で提供されています。記事ではタスクをJavaScriptで記述するタスク実行環境Gruntを紹介します。Gruntを使うとHTMLJavaScript開発で必要となる、以下のような定形作業を自動化できます。 ファイル操作(移動、コピー、削除、名称変更、結合) ネットワーク通信(FTP、SSH

    Web作成の定形作業を自動化できるJavaScriptタスク実行環境Grunt
  • Visual StudioとMicrosoft Azureで楽々クラウド開発

    Microsoftの統合開発環境「Visual Studio」には、Microsoft Azure拡張機能が提供されており、これらを利用するとVisual StudioからシームレスにMicrosoft Azureを利用したクラウドアプリケーションを開発できます。稿では、このVisual StudioとMicrosoft Azureとの連携について解説していきます。 対象読者 今回の対象読者は下記のとおりです。 Visual Studioを使う開発に興味のある方、開発を行っている方 Microsoft Azure上で提供するサービス開発に興味のある方 必要な環境 Visual Studio Community 2013、または他エディション Microsoft Azureサブスクリプション Microsoft AzureとVisual Studio Microsoft Azure(当時は

    Visual StudioとMicrosoft Azureで楽々クラウド開発
  • 近日リリース予定の「jQuery 3.0」は2種類のパッケージで提供

    The jQuery Foundationは、JavaScriptライブラリjQueryの最新版として、バージョン1.11.1の後継となる「jQuery Compat 3.0」、バージョン2.1.1の後継となる「jQuery 3.0」をリリースすることを、公式ブログの10月29日(現地時間)付けの投稿で発表した。 jQueryは、WebブラウザのAPI互換性に対応すべく、2013年に互換性を最大限に重視したバージョン1.x系列と、Internet Explorer 8以前の古いブラウザをサポートしないバージョン2.x系列とに分かれている。 ただし、1.x系列と2.x系列では、内部実装こそ異なるものの、APIとしての動作は同じであり、それは「jQuery Compat 3.0」と「jQuery 3.0」でも引き継がれる。 なお、メインパッケージの「jQuery」は、最新バージョンおよび1つ前

    近日リリース予定の「jQuery 3.0」は2種類のパッケージで提供
  • ラムダ式でステップアップ! C#のプログラムから汎用的なアルゴリズムを切り出すことで、LINQについての理解を深めよう

    1. はじめに プログラミング言語 C#では、C# 3.0から「ラムダ式」と呼ばれるものが使えるようになり、プログラムをより簡潔に記述できるようになりました。そして、それにより、LINQ(Language INtegrated Query:統合言語クエリ)という機能が便利に使えるようになりました。 この記事では、基に立ち返って、どのようにしてアルゴリズムを記述し、それを利用するかを考えたいと思います。 汎用的なアルゴリズムをどのように記述すると良いのか、そしてそのアルゴリズムがどのように使われると良いのか、を述べます。その中で、なぜラムダ式が便利なのか、その理由が分かってもらえれば幸いです。 また、ラムダ式がどのような仕組みなのか、それについても解説します。 LINQの仕組みや意義についても同時に理解していただけることと思います。 次の記事の姉妹記事です。そちらでC++用に書かれた記事を

    ラムダ式でステップアップ! C#のプログラムから汎用的なアルゴリズムを切り出すことで、LINQについての理解を深めよう
  • はじめてのJavaScriptフレームワーク選び

    対象読者 jQueryなどを使っているJavaScript開発者 JavaScriptを使った複数人でのプロジェクトに参加している方 JavaScriptを使ってサーバ等と連携したフロントエンドの開発をしている方 必要な環境 この記事では、AngularJSを使用し、Chrome(36.0)、IE11、Firefox(31.0)、Safari(7.0.5)の環境で確認を行っています。 JavaScript開発の歴史 フレームワークを説明する前に、10年ほど前から現在までのJavaScriptが歩んできた流れが分かると、どうして今、JavaScriptにもフレームワークが必要になってきているのか、または開発者はフレームワークに何を求めているのかが多少は見えてくることと思います。 2005年くらいまではJavaScriptは利用者や開発者から避けられていた技術で、たとえ使われても、非常に簡単で

    はじめてのJavaScriptフレームワーク選び
  • ASP.NET MVC5で導入されたBootstrapを理解しよう

    この記事では、ASP.NET MVC5のひな形ページで使用されているBootstrapというフレームワークについて紹介します。Bootstrapは、CSS3ベースのオープンソースで、デザインが苦手なエンジニアでも見栄えの良いページを作ることができる魅力的なフレームワークです。 前編にあたる稿では、「Bootstrapの特長」「ASP.NET MVCで生成されるひな形」「Bootstrapの仕組みとUIコンポーネントの理解」について紹介します。Bootstrapを学ぶことで、よりリッチなサイトを簡単に作れるようになります。 Bootstrapの特長 Bootstrapは、元TwitterのMark Otto氏とJacob Thornton氏らによって開発されているオープンソース(MITライセンス)です。HTML5、CSS3、jQueryといった技術をベースとしており、最近ではフラットデザイ

    ASP.NET MVC5で導入されたBootstrapを理解しよう
  • Microsoft Azureでのモバイルアプリ開発、ことはじめ

    対象読者 Microsoft Azureに興味がある方 Microsoft Azureモバイルサービスに興味がある方 必要な環境 今回のサンプルを作成するために用意、および動作確認を行った環境は、以下のとおりです。 Microsoft Azureサブスクリプション Oracle Java JDK 1.6.0 Android SDK 22.0.0 GTK# 2.12.22 Xamarin Studio 4.2.3 Xamarin.Android for Visual Studio and Xamarin Studio 4.10.1 なお、稿で紹介するサンプルは、Microsoft Azure仮想マシンを用いて開発環境を準備しました。利用した仮想マシンイメージは以下のとおりです。 Microsoft Azure仮想マシン Windows Server 2012 Microsoft Visua

  • .NETからOAuthでGoogle APIを呼び出す設定を行う

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

  • 「Selenium2」のインストール手順と初めの一歩

    対象読者と環境 Webブラウザを使ったテストを自動化するOSSのツール「Selenium2(WebDriver)」のインストール手順と基的な使い方をご紹介します。想定読者は、テスト自動化に興味のあるプログラマーです。 SeleniumにはSelenium IDEというブラウザ操作を記録できるツールがあり、SeleneseというSelenium1に対応したコマンドをHTML形式で保存します。これによってノンコーディングでテストスクリプトを作成することができるのですが、WebDriverやプログラミングによる効率化の恩恵を受けることができません。記事はSelenium IDEを活用しながらWebDriver使ったテストスクリプトをJava(JUnit)形式で書いていくための手引きとなっています。 今回筆者が使用した環境は以下のとおりです。 OS:Windows 7 Java:1.7 Fir

    azan
    azan 2013/11/13
  • マルチデバイス対応のモバイルアプリ開発環境「PhoneGap」「PhoneGap Build」をおさらいする

    PhoneGapとは PhoneGapは、アドビシステムズ社により公開されている、デバイス向け「ハイブリッドアプリケーション」制作のためのフレームワークです。PhoneGapのソースコードは、Apache財団に寄贈されており、Apache Cordovaのプロジェクト名で管理されています。PhoneGapは、アドビシステムズ社が提供するCordovaディストリビューションです。 複数のデバイスに対応するアプリケーションを開発する場合、デバイスのOSごとに特定の開発環境を用意して、特定の言語で開発を行うことになります。そういったケースでは、PhoneGapを用いることで、HTML5+CSSJavaScriptのみで複数のデバイスに対応するネイティブアプリケーションの実装が可能になります。このようにして作られたアプリケーションを一般的に「ハイブリッドアプリケーション」と呼びます。 Phone

  • 最適な画像書き出しの基本

    はじめに こんにちは、クラスメソッド株式会社の野中です。 前回の『Webサイト高速化に必要な画像形式の基礎知識』から3回に渡って、画像の最適化に必要な知識とテクニックについて紹介しています。今回は前回の基礎知識を使い、一般的に利用頻度の高い画像タイプの最適な書き出し方法について紹介します。 対象者 この記事では、前回と同じくWebデザイナーを対象としています。 フロントエンドエンジニアの方は、Webデザイナーから受け取ったPSD(Adobe Photoshop Data)ファイルや、AI(Adobe Illustrator Data)ファイルから画像を書き出すこともあると思うので、その際の参考にしてください。 Webデザイナー フロントエンドエンジニア Webディレクター Web担当者 前回と同様にビギナーも含めた広い層に向けて解説しているので、当たり前と思われる説明も多く含まれます。また

    azan
    azan 2013/07/17
  • Web APIの基本とAndroidアプリ開発の準備

    はじめに 第1回目の稿は、Web APIの説明と、開発を行うための準備として、開発環境のインストールについて解説します。 対象読者 Androidアプリケーションの開発を始めたい方で、JavaとEclipseの基的な知識がある方を対象とします。 Web APIとは 連載であつかう「Web API」とはどういうものかを、まず始めに説明しましょう。 Web APIとは、ひとことで言えば、インターネット(Web)を経由して、何らかの処理を行うための、手段や決めごと(API)のことです。APIとは、Application Program Interfaceの略で、直訳すると、あるプログラムを、他のアプリケーションから利用するためのインターフェース、という意味になります。 一般的なプログラムでは、関数やサブルーチンと呼ばれるひとかたまりの処理を作成し、それをプログラム内のほかの場所から呼び出す

    Web APIの基本とAndroidアプリ開発の準備
  • HTMLエディターを実装したASP.NETアプリケーションの作成

    はじめに Webページにドキュメント作成・編集機能を組み込みたいと思ったことはありませんか? しかし、HTMLコントロールにはせいぜいテキストボックスぐらいしか入力インターフェースがないため、仕方なくWindowsフォームで作らざるを得ません。 「ComponentOne Studio for ASP.NET Wijmo 2012J」に含まれる「Editor for ASP.NET Wijmo」のC1Editorコントロールは、Microsoft Wordのようなルックスを持ったドキュメント作成コントロールです。 ドキュメント作成・編集に必要な機能をあらかじめ装備しており、文字の装飾、画像やメディアの挿入、段落設定などの機能が、リボンインターフェースのボタンに組み込まれているため、ほとんどコードを書かずにWebページにコントロールを配置しただけで、ドキュメント作成機能をWebページに組み込

    azan
    azan 2013/05/09
  • アドビ、クリエイティブ関連の全ソフトウェア提供を「Creative Cloud」経由に

    アドビシステムズは6日(現地時間)、カリフォルニア州ロサンゼルスで開催中の「Adobe MAX, The Creativity Conference」において、今後のクリエイティブ関連のソフトウェア開発を、定額制の「Creative Cloud」経由の製品とサービスに集中すると発表した。 今回の決定にともない、永続ライセンス版の「Adobe Creative Suite 6」のサポートと製品提供は継続するものの、その後の「Creative Suite」製品のリリースは行わず、クリエイティブ関連ソフトの提供は、「Creative Cloud」経由でのみ行われることとなる。 なお、6月18日に提供を予定している最新の「Creative Cloud」では、デスクトップアプリケーションと、モバイルデバイス間でのコラボレーションおよびパブリッシング機能によって、クリエイティブプロセスを再構築する、大

    アドビ、クリエイティブ関連の全ソフトウェア提供を「Creative Cloud」経由に
    azan
    azan 2013/05/08
  • アドビ、Web向けグラフィックツール「Fireworks」の開発を終了

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    アドビ、Web向けグラフィックツール「Fireworks」の開発を終了
    azan
    azan 2013/05/08
  • jQuery 2.0リリース、IE8/7/6は非サポート

    同バージョンより、Internet Explorer 8/7/6に非対応となるが、今後もIE 8/7/6に対応するバージョン1.xのサポートを継続して行うため、「jQuery 1.9」(および将来リリース予定の「jQuery 1.10」)を使えば、旧バージョンのブラウザでも「jQuery」を利用できる。 なお、IE 10/9でもCompatibility Viewで旧バージョンをエミュレートしている場合も影響を受けるため、IE 10/9では旧バージョンのエミュレートを使用せず、X-UA-CompatibleタグまたはHTTPヘッダの使用を推奨している。 その他の変更点としては、IE 8/7/6への対応終了にともない、ファイルサイズをバージョン1.9.1と比較して12パーセント削減した。また、12種類のモジュールから必要なものだけを選択することで、よりファイルサイズの小さなカスタムビルドの作

    jQuery 2.0リリース、IE8/7/6は非サポート