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

The web giant, Google announced that they will shut down its messaging app Hangouts before it officially shuts down in November.

Mobile app users will see an alert asking them to move their conversation to Google Chat. Google Chat is another online service. It can be accessed via Gmail and its own standalone application. Next month, conversations in the web version of Hangout will be ported to Gmail chat.

Google have been integrating these services into one platform for Gmail users, from Google Chat to Google Docs to Meet. These are also services available for corporate clients like Google Workspace, which supports accounts with personalized email addresses and cloud computing capabilities.

Google Hangouts was designed as a cross-platform instant messaging application for Google+, a currently non-functional social networking platform. In 2013, it became another app but it didn’t get any visible boost compared to alternative apps like WhatsApp, Facebook Messenger, Telegram.

Google started moving Workspace customers from Hangouts to Meet and Chat in 2020. Gmail users were also asked to migrate last year before Hangout was abolished altogether. Chat will become Google’s leading messaging platform in the future. Google said it will integrate more features, allowing users to make direct calls, start online threads in Spaces, and share and view multiple images.

Yuuma

Tweet

今回も、Laravelの知っておいた方がいいとおもったことをいくつか紹介します。

LaravelのBladeディレクティブ@.classと変数$loopの組み合わせ

foreachループで反復している間、ループの内部で$loop変数が利用可能になりました。この変数からには、ループの繰り返しが奇数か偶数かなど、便利な情報にアクセスできます。

もう便利な情報があるので、Laravelのloop変数部分 で確認することができます。

@foreach($items as $item)
     <article @class([
            'bg-green'  => $loop->even,
            'black'     => $loop->odd,
        ])>
      </article>   
@endforeach

ということで、今回はこれで終わります。

金曜担当 – Ami

Tweet

Today, I would like to share about creating a custom event in Node js. Let’s take a look.

In Node js, there is a built-in module named ‘events’. With this module, you can create a custom event and bind the custom event process function with the event. Let’s write some codes.

1. include ‘events’ module

let events = require(‘events’);

2. create an EventEmitter object

let eventEmitter = new events.EventEmitter();

3. create a function that will be triggerd as a callback function when the event happens

let connection_start_handler = () => {
    console.log('Connection started')
}

4. register the event with the callback function.

eventEmitter.on('connection_start', connection_start_handler);

5. Trigger the event. This will execute the callback function connection_start_handler().

eventEmitter.emit('connection_start')

Then we create a file with the above code and run with the following command to see output.

 $ node custom_event.js

The output is

 Connection started.

This is all for now. Hope you enjoy that.

By Asahi

Tweet

Hoppscotch is a tool that makes it easy to use the API. This is an HTTP client that you can use to make HTTP requests using the GUI and validate the responses obtained using these API requests.

https://twitter.com/hoppscotch_io/status/1483301221167362048?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1483301221167362048%7Ctwgr%5E%7Ctwcon%5Es1_c10&ref_url=https%3A%2F%2Fpublish.twitter.com%2F%3Fquery%3Dhttps3A2F2Ftwitter.com2Fhoppscotch_io2Fstatus2F1483301221167362048widget%3DTweet

You can test directly here. If you already know about Postman and it’s usage, this will not be so difficult for you to get started.

In fact, I really like is minimalist UI design and it’s really convenient they separate for different type of requests. For example, you can see Rest, GraphQL, Web socket and etc.

You can find more detail here.

Yuuma

Tweet

今回はFlutterの使い方を共有したいと思い、記事書きました。

タイトルで書いた通り、Web_viewを利用するにはpubspec.yamlで導入する必要があります。

dependencies:
  webview_flutter: ^3.0.4

Android開発の場合、「android > app > build.gradle」で、SDKの最小バージョンを19以上にします。

defaultConfig {
  applicationId "com.example.sample_app"
  minSdkVersion 21
  targetSdkVersion 31
  versionCode flutterVersionCode.toInteger()
  versionName flutterVersionName
}

initialURL に表示したいurlを書きます。

拡大を有効にしたいなら、「zoomEnabled」に「true」を指定します。

WebView(
    initialUrl: 'https://flutter.dev',
    zoomEnabled: true,
)

Webページのローディング開始時、ローディングをひょうじしたいなら、

onPageStarted: (url) {
   setState(() {
      _isLoading = true;
    });
},

Webページが既に表示された時、ローディングをひょうじを終わり処理

onPageFinished: (url) {
   setState(() {
      _isLoading = false;
    });
},

ということで、今回はこれで終わります。

金曜担当 – Ami

Tweet