バックトゥザフューチャー、または今日と30年前のHello World

今日は画期的な叙事詩「バックトゥザフューチャー」で私たちに約束された偉大な未来の30周年を迎えるので、私たちは製品がどのように見え、今日のものと比較したかを少し思い出すことにしました。



私たちの部門は開発者と協力しており、今日の主要な製品の1つはWindows 10、より正確には、新しいオペレーティングシステムを中心としたエコシステムの開発、特にユニバーサルアプリケーションの作成です。



そのため、少し前に戻り、開発ツール、コード例、SDKが30年にわたってどのように変化したかを確認することにしました。 また、「Hello World」ウィンドウアプリケーションの作成を比較することよりも、何を示すことができますか？

Windows 1.0からWindows 10へ

Windows 10のリリースの夏に、OnTheHubの友人が素晴らしいインフォグラフィックを用意しました。 このインフォグラフィックから、オペレーティングシステム自体の進行状況を追跡できます。







ほとんどの飼育者は自分の経験からこの物語の重要な部分をよく知っていると思うので、コードで何が起こったのか見てみましょう。

Windows 1.0 SDK

Windowsの最初のバージョンのSDKは、7つの5インチフロッピーディスクで配布されました。



ウィキペディアが Charles Petzoldを引用しているように、「Windows 1.0 SDKのHello Worldのオリジナルバージョンは少しスキャンダラスでした。 HELLO.Cファイルの長さは約150行で、HELLO.RCリソーススクリプトはさらに20行でした...ベテランのプログラマは、Windows向けのhello-worldプログラムに直面すると、しばしば恐怖に顔をしかめたり、逆に笑ったりします。



10年前、チャールズはそれぞれSDKの20周年を想起し、 20年後に新しいプログラムを作成しようとする感想と試みについての歴史愛好家向けの非常においしい記事を書きました。

当時、IBM、Digital Research、およびMicrosoftは、それぞれのシステムのSDKをリリースしました。 彼らは約500ドルの費用がかかり、それらはすべて非常に複雑でしたが、正直なところ、Windowsは最も際立っていました。 それは完璧ではありませんでしたが、MicrosoftはWindowsアプリケーションの作成に投資するために、当時のように独立したソフトウェア開発者を本当に望んでいたように見えました。

7枚のディスケットに配置されました。

• ユーティリティ-インストールおよび実行可能ファイルを含む2枚のフロッピーディスク
  
  
  • EXEHDR、IMPLIB、LIB、LINK4、MAKE、MAPSYM、RC、RCPP、SYMDEB、WINSTUB
  • ダイアログ、フォント編集、ヘップウォーク、アイコン編集、シェーカー、SLAPJR
  
  
  
• 80Kbの有名なWindows.hを含むライブラリとインクルードファイル！ -フロッピーディスク2枚
• デバッグ用の文字ファイルとライブラリ-1枚のディスケット
• コード例-ソースに13個のアプリケーションを含む2枚のフロッピーディスク：
  
  
  • こんにちは-ウィンドウの作成、
  • TYPE-キーボード入力とテキスト表示、
  • 形状-メニューの操作とウィンドウ内の図形の描画、
  • トラック-マウスを使用する（マウスが使用され始めたばかりで、大衆ユーザーには馴染みがなかったことを覚えていますか？）、
  • FONTTEST-ダイアログボックスの作成とユーザー入力の処理、フォントの操作、
  • TEMPLATE-他のすべての人の基盤としての空のアプリケーション
  • MAPMODES-位置とサイズを変更するさまざまなデータ表示モード、
  • SAMPLEはTEMPLATEと同じですが、追加のメニュー項目（[ファイル]、[編集]）および標準のダイアログボックスがあり、
  • CLOCL-システム自体のクロックアプリケーションの類似物で、ビットマップの操作方法を示します。
  • CARDFILE-Windowsのファイルキャビネットを備えたアプリケーションの類似物で、フルスクリーンモードで動作します。
  • MUZZLEはpascalのアプリケーションで、ウィンドウを使用した作業の作成を示します。

最後の例を除くすべての例はCで記述されており、アセンブラーに挿入される場合もあります。



ユーティリティには、「Microsoft Cコンパイラ3.0の特別バージョンと、合計約1000ページの2つの分厚いマニュアルが含まれており、Windowsアプリケーションを作成するために必要なすべてが記載されています。」



コスト（$ 500）について話すと、Charlesは80Kヘッダーファイルが最も価値があり、当時驚異的だったと書いています。 実際、彼はWindowsを操作するためのプログラムインターフェイス（API）を定義しました。これには、多数の新しいデータ型、定数、構造、およびアプリケーションで使用可能なすべての関数の説明（合計約400）が含まれます。 そして、すべてがマニュアルに文書化されていました。

Windows 1.0：こんにちは

「プロジェクト」は、今日言うように、アセンブリ用のMakeファイルを含む一連のファイルには、次の3つのコードファイルが含まれます。

ヘッダーファイルHELLO.h

/* String table constants */ #define IDSNAME 100 #define IDSABOUT 200 #define IDSTITLE 300 /* 'About' dialog box resource id */ #define ABOUTBOX 1 /* icon name */ #define HELLOICON 1
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

HELLO.cプログラムファイル

 /* Hello.c Hello Application Windows Toolkit Version 1.03 Copyright (c) Microsoft 1985,1986 */ #include "windows.h" #include "hello.h" char szAppName[10]; char szAbout[10]; char szMessage[15]; int MessageLength; static HANDLE hInst; FARPROC lpprocAbout; long FAR PASCAL HelloWndProc(HWND, unsigned, WORD, LONG); BOOL FAR PASCAL About( hDlg, message, wParam, lParam ) HWND hDlg; unsigned message; WORD wParam; LONG lParam; { if (message == WM_COMMAND) { EndDialog( hDlg, TRUE ); return TRUE; } else if (message == WM_INITDIALOG) return TRUE; else return FALSE; } void HelloPaint( hDC ) HDC hDC; { TextOut( hDC, (short)10, (short)10, (LPSTR)szMessage, (short)MessageLength ); } /* Procedure called when the application is loaded for the first time */ BOOL HelloInit( hInstance ) HANDLE hInstance; { PWNDCLASS pHelloClass; /* Load strings from resource */ LoadString( hInstance, IDSNAME, (LPSTR)szAppName, 10 ); LoadString( hInstance, IDSABOUT, (LPSTR)szAbout, 10 ); MessageLength = LoadString( hInstance, IDSTITLE, (LPSTR)szMessage, 15 ); pHelloClass = (PWNDCLASS)LocalAlloc( LPTR, sizeof(WNDCLASS) ); pHelloClass->hCursor = LoadCursor( NULL, IDC_ARROW ); pHelloClass->hIcon = LoadIcon( hInstance, MAKEINTRESOURCE(HELLOICON) ); pHelloClass->lpszMenuName = (LPSTR)NULL; pHelloClass->lpszClassName = (LPSTR)szAppName; pHelloClass->hbrBackground = (HBRUSH)GetStockObject( WHITE_BRUSH ); pHelloClass->hInstance = hInstance; pHelloClass->style = CS_HREDRAW | CS_VREDRAW; pHelloClass->lpfnWndProc = HelloWndProc; if (!RegisterClass( (LPWNDCLASS)pHelloClass ) ) /* Initialization failed. * Windows will automatically deallocate all allocated memory. */ return FALSE; LocalFree( (HANDLE)pHelloClass ); return TRUE; /* Initialization succeeded */ } int PASCAL WinMain( hInstance, hPrevInstance, lpszCmdLine, cmdShow ) HANDLE hInstance, hPrevInstance; LPSTR lpszCmdLine; int cmdShow; { MSG msg; HWND hWnd; HMENU hMenu; if (!hPrevInstance) { /* Call initialization procedure if this is the first instance */ if (!HelloInit( hInstance )) return FALSE; } else { /* Copy data from previous instance */ GetInstanceData( hPrevInstance, (PSTR)szAppName, 10 ); GetInstanceData( hPrevInstance, (PSTR)szAbout, 10 ); GetInstanceData( hPrevInstance, (PSTR)szMessage, 15 ); GetInstanceData( hPrevInstance, (PSTR)&MessageLength, sizeof(int) ); } hWnd = CreateWindow((LPSTR)szAppName, (LPSTR)szMessage, WS_TILEDWINDOW, 0, /* x - ignored for tiled windows */ 0, /* y - ignored for tiled windows */ 0, /* cx - ignored for tiled windows */ 0, /* cy - ignored for tiled windows */ (HWND)NULL, /* no parent */ (HMENU)NULL, /* use class menu */ (HANDLE)hInstance, /* handle to window instance */ (LPSTR)NULL /* no params to pass on */ ); /* Save instance handle for DialogBox */ hInst = hInstance; /* Bind callback function with module instance */ lpprocAbout = MakeProcInstance( (FARPROC)About, hInstance ); /* Insert "About..." into system menu */ hMenu = GetSystemMenu(hWnd, FALSE); ChangeMenu(hMenu, 0, NULL, 999, MF_APPEND | MF_SEPARATOR); ChangeMenu(hMenu, 0, (LPSTR)szAbout, IDSABOUT, MF_APPEND | MF_STRING); /* Make window visible according to the way the app is activated */ ShowWindow( hWnd, cmdShow ); UpdateWindow( hWnd ); /* Polling messages from event queue */ while (GetMessage((LPMSG)&msg, NULL, 0, 0)) { TranslateMessage((LPMSG)&msg); DispatchMessage((LPMSG)&msg); } return (int)msg.wParam; } /* Procedures which make up the window class. */ long FAR PASCAL HelloWndProc( hWnd, message, wParam, lParam ) HWND hWnd; unsigned message; WORD wParam; LONG lParam; { PAINTSTRUCT ps; switch (message) { case WM_SYSCOMMAND: switch (wParam) { case IDSABOUT: DialogBox( hInst, MAKEINTRESOURCE(ABOUTBOX), hWnd, lpprocAbout ); break; default: return DefWindowProc( hWnd, message, wParam, lParam ); } break; case WM_DESTROY: PostQuitMessage( 0 ); break; case WM_PAINT: BeginPaint( hWnd, (LPPAINTSTRUCT)&ps ); HelloPaint( ps.hdc ); EndPaint( hWnd, (LPPAINTSTRUCT)&ps ); break; default: return DefWindowProc( hWnd, message, wParam, lParam ); break; } return(0L); }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

それを見ると、Petzoldがそれに応じて話す理由を理解できます。

リソースファイルHELLO.rc

 #include "style.h" #include "hello.h" HELLOICON ICON hello.ico STRINGTABLE BEGIN IDSNAME, "Hello" IDSABOUT, "About..." IDSTITLE, "Hello Windows!" END ABOUTBOX DIALOG 22, 17, 154, 75 STYLE WS_POPUP | WS_DLGFRAME BEGIN CTEXT "Microsoft Windows" -1, 0, 5, 154, 8 ICON "hello" -1, 9, 23, 0, 0 CTEXT "Hello application" -1, 0, 14, 154, 8 CTEXT "Version 1.03" -1, 30, 34, 94, 8 CTEXT "Copyright 1985,1986, Microsoft Corp." -1, 0, 47,154, 9 DEFPUSHBUTTON "Ok" IDOK, 61, 59, 32, 14, WS_GROUP END
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ソースからわかるように、実際には、これはヘッダーまたはアプリケーション内に簡単なフレーズを表示する（170行以上の）完全に単純なアプリケーションではありません。 実際、それはもう少し複雑でした：リソースファイルの行の操作を示し、システムメニューにAbout項目を追加します。また、コールバック関数を使用して結果を処理する場合でも、項目が選択されるとダイアログボックスを起動します。



昨年、チャールズは同じ「Hello World」のテーマについて別の記事を書きました。1985年にこのプログラムを勉強した印象と、それを作り直して単なる人間に理解しやすくする方法についての考えを説明しています。 3年後の1988年、彼の最初の本「Programming Windows」が出版されました。

Windows 10 SDK

30年以上にわたり、ソフトウェアシステムは大きく進歩しました。 内部コードの複雑さと量が劇的に増加しました。 最新のオペレーティングシステムのインストーラは、ギガバイトの情報を含むDVD-ROM全体を占有できます。 同程度の開発ツールとSDKと必要なすべてのライブラリの重量を量ります。



たとえば、 Windows 10 SDKには以下が含まれます。

•ヘッダーファイル、ライブラリ、メタデータ（バージョン管理！）

•関連するプラットフォームファイルとのWindowsコントラクト（Windowsランタイムのメタデータ）

•Windowsプラットフォームの拡張機能-Windowsデスクトップ、Windowsモバイル、Windows IoT、およびWindows PPIのSDK。

•WindowsApp.lib-ユニバーサルアプリケーション用の汎用ライブラリ

•ユナイテッドCRT

•Windowsアプリ認定キット

•DirectXアップデート

•Windowsパフォーマンスツールキット

•.NET Framework 4.6 SDK

•Windowsアクセシビリティツール

•サンプルコードとドキュメントへのリンク



長年にわたって、アプリケーションのコンパイルとコンパイルのための比較的単純なユーティリティは、アプリケーションを効率的に記述し、コードを操作し、デバッグし、チームワークを提供するための便利なVisual Studio環境に変わりました。







フロッピーディスクは、主にオンライン配信に置き換えられました。 たとえば、SDKをVisual Studioとは別にダウンロードする場合、最初にこれら7つのフロッピーディスクの半分の重量の小さなブートローダーをダウンロードし、次に約700 MBのインストールファイルをダウンロードするように求められます。 Windows 10 Mobileのエミュレーターはさらに1.5GBです。



APIが進化するにつれて、すべてのドキュメントが妥当な量の紙の量に収まらないことがすぐに明らかになりました。 Windowsのドキュメントが別のCD / DVDで提供されていた時代がありましたが、今ではインターネット経由で、したがってMSDN Webサイトから入手できます。 さらに、ドキュメントの多くのセクションは、ロシア語を含む広範な言語に翻訳されています。



サンプルコードは、 MSDNコードギャラリー、または今日の開発者コミュニティで慣例となっているGitHubにあります 。 今日、多くのITコミュニティで見られる興味深い点は、関連する例の形成へのコミュニティの参加と、ドキュメントの修正と推奨事項の導入です。



誰かがそのような変化を30年前に予測できたのだろうか？

Windows 10：Hello World

私は、新しいUWPプラットフォームとJavaScript言語（私に最も近いもの）を使用して、Windows 10用の「Hello World」アプリケーションの一種のアナログを作成しようとすることにしました。 一般に、これは非常に興味深い点です。30年前に純粋なCが主要言語であり、ほとんどすべての例が記述されていた場合、今日ではC / C ++だけでなく、C＃、VB、 JavaScript（およびObjCでもUWP向けに記述できます！）。



最初に目を引くのは、ファイルのコレクションから、非常に多くのアイコンを含むプロジェクトへの移行です。また、リソースファイルとアプリケーションコードを含むファイルに加えて、アプリケーション自体とその設定（マニフェスト）の個別の大きな説明もあります。







また、プロジェクト自体の設定でアセンブリ手順が「説明」されていることにも注意してください（メイクファイルの一種）。 また、30年前とは異なり、はるかに複雑になっています。 C ++でコードを記述している場合、競合しない16ビットではなく、x86、x64、またはARMのアセンブリを選択する必要がありました。もちろん、F5またはShift + F5を押すことで通常慎重に隠される他の多くのパラメーターは言うまでもありません

Resources.resjsonリソースファイル

JavaScriptプロジェクトの場合、リソースファイル（自動ローカリゼーションサポート付き！）は通常のJSONファイルです。

 { "idsname" : "Hello", "idsabout" : "About...", "idstitle" : "Hello Windows!", "aboutbox.text" : "Microsoft Windows\nHello application\nVersion 10.03\nCopyright @2015, Microsoft Corp.", "aboutbox.button" : "Ok!" }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

30年前、JavaScript、XML、JSONはありませんでした。

ページレイアウトファイルdefault.html

アプリケーションはコードから「アセンブル」することができますが、インターフェースの重要な部分をより単純でより具体的な宣言的な方法で説明できるようになりました。 さらに、次のものを含むデータバインディングをすぐに接続できます。

 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HelloWorld</title> <!-- WinJS references --> <link href="WinJS/css/ui-dark.css" rel="stylesheet" /> <script src="WinJS/js/base.js"></script> <script src="WinJS/js/ui.js"></script> <!-- HelloWorld references --> <link href="/css/default.css" rel="stylesheet" /> <script src="/js/default.js"></script> </head> <body class="win-type-body"> <nav> <a href="#" id="aboutMenu" data-win-res="{textContent: 'idsabout'}"></a> </nav> <p data-win-res="{textContent: 'idsname'}"></p> </body> </html>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

（自動）データバインディングは、モダンデザインの巨大なバンです。

アプリケーションロジックファイルdefault.js

単純なアプリケーションの基本的なロジックは、1つのファイルに集中させることができます（30年前のようなより複雑な例では、さまざまな種類のモジュールを分解し始める可能性が高いでしょう）。

 (function () { "use strict"; var app = WinJS.Application; var activation = Windows.ApplicationModel.Activation; var appView = Windows.UI.ViewManagement.ApplicationView.getForCurrentView(); // Called on app activation app.onactivated = function (args) { // Initiate resources and UI -- all joined into a chain of promises var promise = new WinJS.Promise.join([ WinJS.Resources.processAll(), WinJS.UI.processAll() // Add basic logic ]).then(function () { // Update window title appView.title = WinJS.Resources.getString('idstitle').value; // Add click listener for menu "about" item document.getElementById("aboutMenu").addEventListener("click", (e) => showAboutDialog()); }); args.setPromise(promise); }; // Show"About" MessageDialog function showAboutDialog() { var messageDialog = new Windows.UI.Popups.MessageDialog( WinJS.Resources.getString('aboutbox.text').value, WinJS.Resources.getString('idsabout').value); // Dummy event handler for commands in dialog box var aboutHandler = (command) => { return true; }; messageDialog.commands.append( new Windows.UI.Popups.UICommand(WinJS.Resources.getString('aboutbox.button').value, aboutHandler)); messageDialog.showAsync(); } app.start(); })();
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

アプリケーションコードは4倍短くなりました（いくつかのコメントと空白行も追加しました）が、技術開発の最も重要な利点は、APIの表現力が大幅に向上したことです。 実際、「ペン」で行われていたことの多くは、システムまたはライブラリ関数への便利な呼び出しの後ろに隠れています。



矢印関数のような構文糖とpromiseを使用する機能により、コードの記述がより簡単で読みやすくなります。 ところで、重要な変更は非同期コードモデルへの移行です。したがって、約束と非同期です。







もちろん、私の「30年後の更新」は逐語的ではありませんが、アプリケーションを作成するアプローチの変更の全体的なダイナミクスは非常に追跡可能だと思います。 今日では、これは完全に新しいAPIのように見えますが、古いWin32チューブや同じWindows.hの耳は時々スキップします。