開発スタッフがアプリ関連の最新技術やニュースをご紹介します。

Makes it clean and pretty code each time you open VS Code to help us all become better engineers! I want to share some important VS Code tips and tricks.

Quickly open files
Keyboard Shortcut:  Ctrl+P

Access all available commands.
Keyboard Shortcut: Ctrl+Shit+P

Navigate between recently opened folders and workspace
Keyboard Shortcut: Ctrl+R

There are many things you can do to customize your code format.

• Change your theme

Firstly Keyword Shortcut: Ctrl+Shit+P then go to type >theme and select your preference theme.

If you want to add color theme, I recommend Gruvbox Material. It’s totally pretty color theme that I’ve used.

Customize your keyboard shortcuts
Keyboard Shortcut: Ctrl+K Ctrl+S

Search and Install extensions
Keyboard Shortcuts : Ctrl+Shift+X
You can find extensions in the VS Code Marketpalce.

Integrated Terminal
Keyboard Shortcut: Ctrl+`

Toggle SideBar
Keyboard Shordcut: Ctrl+B

Toggle Panel
Keyboard Shordcut: Ctrl+J

Zen mode
Keyboard Shortcut: Ctrl+K Z
Press Esc twice to exit Zen mode.

Move to Explorer window
Keyboard Shortcut: Ctrl+Shit +E

Navigation entire history
Keyboard Shordcut: Ctrl+Tab

Multi Cursor selection
Keyboard Shortcut: Ctrl+Shit+Left

To set cursors above or below the current position use
Keyboard Shortcut: Ctrl+Alt+Up or Ctrl+Alt+Down

Copy line up / down
Keyboard Shortcut: Shift+Alt+Up or Shift+Alt+Down

Code Formatting
Whole document format: Shift+Alt+F

Code Folding
Keyboard Shortcut: Ctrl+Shift+[ or Ctrl+Shift+]

Select Current Line
Keyboard Shortcut: Ctrl+L

Navigate to beginning and end of file
Keyboard Shortcut: Ctrl+Home and Ctrl+End

Move line up and down
Keyboard Shortcut: Alt+Up or Alt+Down

Git integration

Keyboard Shortcut:  Ctrl+Shift+G

You can install other SCM providers from the Extension Marketplace. Most of the time I’m preferred GitLens extension. It’s incredible useful.

Diffs

From the Source Control view, select a file to open the diff.

Views

The default view for diffs is the side by side view.

Toggle inline view by clicking the More Actions (…) button in the top right and selecting Toggle Inline View.

Branches

Easily switch between Git branches via the Status Bar.

Staging

Hover over the number of files and click the plus button.
Click the minus button to unstage changes.

Undo Last Commit

Click the (…) button and then select Undo Last Commit to undo the previous commit. The changes are added to the Staged Changes section.

See Git output

VS Code makes it easy to see what Git commands are actually running. This is helpful when learning Git or debugging a difficult source control issue

Use the Toggle Output command (Ctrl+Shift+U) and select Git in the dropdown.

By Ami

Tweet

先々週の週末あたりからPCパーツ販売店の
ストレージ向け大容量ハードディスクの在庫が急速に無くなってしまいました。

Tweet

Recently, Apple released a new dramatic iMac redesign, making the design thinner with a variety of colorful designs and these are so eye-catching. Naturally, the latest version of the 24-inch all-in-one desktop is based on the company’s new proprietary M1 chips.

The display has a 4.5K Retina display, along with a 1080p camera which is a pretty good move. I am always wondering when they will improve this and this finally has come. The company is also working on audio and video more seriously. True Tone is naturally on board for better color balance, and the sound has been enhanced with the six-speaker setup. The display features 11.3 million pixels, a P3 color gamut, and 500 nits of brightness. Like the latest iMac models, it features an anti-reflective coating to reduce screen glare.

According to the company, the new iMacs are significantly thinner and the total volume is cut in half. The rear is also flat rather than a curved design. They are also using a new chip that enables much faster performance than previous models, a huge performance boost. The company says it’s up to 85% faster than the latest model, along with a GPU that’s up to twice as fast and triples machine learning.

There are four USB-C ports, including two Thunderbolts, for faster speed and a new magnetic power adapter that also offers 1Gbps Ethernet. The system comes in seven colors. There are also some new accessories for the system, including a new colorful Magic Keyboard that supports built-in TouchID.

I am also hoping for larger 27inch version soon.

Yuuma

Tweet

The jQuery ajax() method provides core functionality of AJAX in jQuery. It sends asynchronous HTTP requests to the server.

The standard way of making an AJAX call using jQuery is rather simple – by using the $.ajax() function:

<script>
$.ajax(
  '/jquery/getdata',
  {
      success: function(data) {
        alert('AJAX call was successful!');
        alert('Data from the server' + data);
      },
      error: function() {
        alert('There was some error performing the AJAX call!');
      }
   }
);
</script>

As you already known, the $ sign is used to refer to a jQuery object.

In the above example, the first parameter is  string URL to which you want to submit or retrieve the data.

The second parameter is the JSON format. By default, ajax() method performs http GET request if option parameter does not include method option.

In most cases, we will need to specify the success and error callbacks. The success callback will be called after the successful completion of the Ajax call. On the other hand, the failure callback will be called if something goes wrong and there was an issue performing the AJAX call.

Using Promises for AJAX with jQuery         

$.ajax method supports JavaScript Promises as well. 

.done() as replacement for .success()

.fail() as replacement for .error()

.always() as replacement for .complete()

$.ajax({
       data: someData,
       dataType: 'json',
       url: '/path/to/script'
}).done(function(data) {
      // If successful
      console.log(data);
}).fail(function(jqXHR, textStatus, errorThrown) {
      // If fail
      console.log(textStatus + ': ' + errorThrown);
});

Chaining Works

Assign the $.ajax() method to a variable, for which we can chain promise callbacks to. In this example, the $.ajax() method returns a promise object natively, which we can use chaining too:

var ajaxCall = $.ajax({
   context: $(element),
   data: someData,
   dataType: 'json',
   url: '/path/to/script'
});

ajaxCall.done(function(data) {
    console.log(data);
});

Multiple AJAX calls

We can compound several AJAX calls with their status $.when().

var a1 = $.ajax({...}),
a2 = $.ajax({...});

$.when(a1, a2).done(function(r1, r2) {
  console.log(r1[0]);
  console.log(r2[0]);
});

Dependence chain of AJAX requests

We can also chain multiple AJAX request. For example, when the second AJAX call relies on returned data on the first call. 

var a1 = $.ajax({
             url: '/path/to/file',
             dataType: 'json'
         }),

    a2 = a1.then(function(data) {
    // .then() returns a new promise
           return $.ajax({
              url: '/path/to/another/file',
              dataType: 'json',
              data: data.sessionID
             });
         });

a2.done(function(data) {
    console.log(data);
});

By Ami

Tweet

Unityでは「(アプリ名)/Assets/Resources」以下の階層に保存した設定ファイルをScriptから直接読み込むことが可能です。

今回は「(アプリ名)/Assets/Resources/json/jsonsample.json」に保存したjsonの設定ファイルを読み込む処理のサンプルをシェアしたいと思います。

Tweet