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

To take screenshots of your website without using third-party services, we recommend using the html2canvas library. You can use this script to take a “screenshot” of a web page or part of it directly in the user’s browser.

As mentioned above, use the html2canvas library to take screenshots of the elements in the DOM. You can download this library with npm using the following command

npm install html2canvas

Or you can just include the asset file like this

<script src="/path/to/html2canvas.min.js"></script>

You can visit to the official Github repo here. I will add some samples working around to capture or download the screenshot.

Taking Screenshot

html2canvas(document.body).then(function(canvas) {
    var base64img = canvas.toDataURL("image/png");
    window.open(base64img);
});

Downloading with blob method

html2canvas(document.body).then(function(canvas) {
    canvas.toBlob(function(blob) {
        window.saveAs(blob, "ss.png");
    });
});

But you have to be aware of this blob method might not be available for all browsers. If you want to use the blob method , you may have to use this canvas-blob library to be able to support at all browsers.

Yuuma

Tweet

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

#Laravel #Implicit Binding

Implicit Bindingは、ルートやコントローラのアクションで定義されたEloquentモデルを自動的に解決します。

Laravel 5.3で導入されましたが、もっと多くの人に知ってもらいたい素晴らしい機能です。

//Implicit route model binding
Route::get('api/posts/{post}', function (App\Post $post) {
    return $post->title;
});

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

金曜担当 – Ami

Tweet

Today, I would like to share about 3 ways to group routes in laravel. Let’s take a look.

1. Route::resource

We can create a resource controller and group routes for CRUD actions of that controller as follow.

Route::resource('books', BookController::class);

2. Route groups within another route group

We can groups routes within another route groups like nested ones.

Route::middleware('auth')->group(function() {
 
    Route::middleware('admin')->prefix('admin')->group(function() {
    	Route::get(...) 
    });
 
    Route::middleware('member')->prefix('member')->group(function() {
    	Route::get(...) 
    });
});

3. Route::controller() in Laravel 9

In laravel 9, we can group the routes without repeating controller name for the same controller.

Route::controller(PostController::class)->group(function() {
    Route::get('posts', 'getPosts');
    Route::put('posts/update', 'updatePost');
    Route::delete('posts/delete/{id}', 'deletePost');
});

This is all for now. Hope you enjoy that.

By Asahi

Tweet

ONNX is a machine learning framework which acts like a medium to convert between different machine learning frameworks.

ONNX is designed to enable framework interoperability. There are many great machine learning libraries in multiple languages — PyTorch, TensorFlow, MXNet, and Caffe are just a few of the most popular ones in recent years, but there are many others.
The idea is that you can use one stack of tools to train your model and use another for inference and prediction to expand your model.

For example, once you’ve trained your model, you need to deploy it to a new iOS app so that anyone with a previously trained model can see the safety of their food. I first trained my model with PyTorch, but iOS expects to use CoreML for use within the app. ONNX is an intermediate representation of the model that allows you to easily move from one environment to another.

With tools such as ONNX-CoreML, you can now easily convert pre-trained models to files, import them into XCode, and integrate them seamlessly with your application.

This is just an overview of what ONNX is about. I will talk more detail in future.

Yuuma

Tweet

Today, I would like to share about differences between free and paid SSL. Let’s take a look.

When we deploy our website or web applications in production, we have to install SSL certificates for our website’s security. They come both free and paid. The followings are the differences of free and paid SSL.

1. Free SSL certificates only support DV (Domain Validation), not for EV(Extended Validation) and OV(Organization Validation).

2. Free SSL certificates validate only the ownership of the domain whereas paid SSL certificates verify the business identity of the website and with OV & EV certificates, it has in-depth verification by the certificate authority(CA).

3. Free SSL certificates are issued for 30-90 days and paid SSL certificates are for 1-2 years.

4. Free SSL certificates do not provide warranty when there are something wrong or errors on certificates authentication. But paid SSL certificates provide warranty limits.

5. Free SSL cerificate authorities(CAs) do not support customer services whereas paid SSL certificate authorities(CAs) support customer services.

This is all for now. Hope you enjoy that.

By Asahi

Tweet