技術情報

DataTablesを使用したテーブル生成とサーバーサイド連携(2)

今回はDataTablesを使用したテーブル生成方法とサーバーサイド連携方法をシェアしたいと思います。
本記事は「DataTablesを使用したテーブル生成とサーバーサイド連携(1)」の続きです。

続きを読む
このエントリーをはてなブックマークに追加


nishida at 2022年02月10日 10:00:00

6 VS Code Extensions for Laravel Developers

Today I would like to share about 6 VS Code extensions for Laravel developers. These extensions are so helpful and reduce wasting time. The followings are extension names and their uses. You can easily search and install by their names in VS Code. Let’s take a look.

1. Laravel Blade Snippets

The Laravel blade snippets extension adds syntax highlight support for Laravel Blade to your VS Code editor.

Some of the main features of this extension are:

  • Blade syntax highlight
  • Blade snippets
  • Emmet works in blade template
  • Blade formatting

2. Laravel Snippets

The Laravel Snippets extension adds snippets for the Facades like Request:: , Route:: etc.

3. Laravel Blade Spacer

The Laravel blade spacer extension automatically adds spacing to your blade templating markers like {{ }}.

4. Laravel Extra Intellisense

The Laravel Extra Intellisense extension provides autocompletion for Laravel in VSCode.

The extension comes with auto-completion for:

  • Route names and route parameters
  • Views and variables
  • Configs
  • Translations and translation parameters
  • Laravel mix function
  • Validation rules
  • View sections and stacks
  • Env
  • Route Middlewares

5. Laravel goto Controller

The extension allows you to press Alt + click on the name of the controller in your routes file, and it will navigate you from the route to the respective controller file.

6. Laravel goto View

Similar to the Laravel goto Controller extension, the Laravel goto View VScode extension allows you to go from your Controller or Route to your view by pressing Ctrl or Alt + click.

This is all for now. Hope you enjoy that.

By Asahi

このエントリーをはてなブックマークに追加


waithaw at 2022年02月08日 10:00:00

Illustrations for your projects

Illustrations are one of the most important things to design your applications. They look great, grab the user’s attention and get a nice impression. I will share a few sites for illustrations with you today.

UnDraw

A design project with beautiful SVG images that you can use for free. You can choose the main color of the illustration, so you can easily match it to your design.

illu.station

An easy-to-use site with lots of high quality illustrations. Similar to unDraw, the user can also set the main color and adjust the illustration to the theme of the project.

Manypixels

Various types of illustrations such as outline, monochrome, isometric, flat, and two colors. The user can set the main color of the illustration to suit a particular design.

OpenPeeps

Illustration of hand-painted people. The library acts as a building block consisting of vector arms, legs and emotions. You can combine these elements to create a variety of peeps.

Icon8

You can also find interesting and useful illustrations on icon8. You can download free PNG and SVG illustrations from top Dribbble artists to enhance your product.

I am sure there are also many other popular illustrations site but here is the few lists that I like.

Yuuma

このエントリーをはてなブックマークに追加


yuuma at 2022年02月07日 11:00:00

Laravel の「One of Many」を使って最新と最高を取る方法

今回は、LaravelのOne of Manyを使って、最新と最高のデータを取得する方法についてご紹介します。

リレーションシップはpostとcommentの関係を作ることにします。そのため、新しいプロジェクトを作成し、このプロジェクトでマイグレーションとシーダーファイルをそれぞれ設定することにします。

以下のコメントは、マイグレーションファイルとシーダーファイルの作成を同時に使用することができます。

php artisan make:model Post -ms
php artisan make:model Comment -ms

マイグレーションを変更

ファイル __create_posts_table に name カラムを追加する。

ファイル __create_comment_table にcommentと post_idカラムを追加する。

続いて、post とcomemntテーブルにテストするためSeederファイルを作ります。

postテーブルため

commentテーブルため

最後は、作成したファイルをDatabaseSeeder.phpにセットします。

続いて、今から「One of Many」の設定をしましょう！

今回は最初のidだけを使ってますが、他のことにも同じようにできます。

post id 1の最新コメントを取得しましょう！

呼び出し方は

このように設定すると、結果は

データベースにも、コメントID10が最後となります。

次は

post id 1の最高コメントを取得しましょう！

今回はOfManyを使います。

以下のように呼び出します。

すると、結果は

データベースにも、96が一番高いコメント点のデータなので、Ok となります。

ということで今回は以上になります。

最後までご高覧頂きまして有難うございました。

By Ami

このエントリーをはてなブックマークに追加


asahi at 2022年02月04日 10:00:00

DataTablesを使用したテーブル生成とサーバーサイド連携 (1)

今回はDataTablesを使用したテーブル生成方法とサーバーサイド連携方法をシェアしたいと思います。
サーバーサイドはLaravel/PHPを使用する想定です。

続きを読む
このエントリーをはてなブックマークに追加


nishida at 2022年02月03日 10:00:00


アプリ関連ニュース

お問い合わせはこちら

お問い合わせ・ご相談はお電話、またはお問い合わせフォームよりお受け付けいたしております。

tel. 06-6454-8833（平日 10:00～17:00）

お問い合わせフォーム