Category Archives: Front-End

LINE Developers site: From Middleman to VuePress

Hi, we’re Roman Lossa and Marshall Gunnell, a front-end developer and technical writer both working on the LINE Developers site here at LINE.  Our team’s mission statement is simple: Empower developers using the LINE Platform to accomplish more with less friction. In other words, our goal is to provide a platform that allows developers to be self-sufficient, confident, and able to quickly …

LINE’s Web-based services and technology. Isn’t LINE an app developer?

Hello to all! I’m Seok Heo, a web service developer at LINE. I’d like to introduce you to LINE’s various web-based services and their architecture, technology stack, and development methodologies in this post. To simplify things, I’ve classified LINE’s web-based services into web services, hybrid web apps, messenger, and library/platform.

How and what front-end developers actually do at LINE?

Hello to the world! I’m Yeon-Eui Hong from Developer Relations Team. I’d like to take this opportunity to share the story of the LINE Developers Meetup held for the second time in Korea, on April 16, 2019. The theme of this meetup was “LINE front-end developers, what do they actually do and how?” I was proud to …

VueConf TO 2018 Recap

VueConf TO is North America’s biggest Vue conference with attendees from all around the world, including Vue.js core team members, Nuxt.js, Vuetify.js and main library authors, along with expert speakers from the community. Vue is an open-source JavaScript framework for building user interfaces and single-page applications, which lower the barrier and complexity of frontend development. It’s one of the most popular framework nowadays …

Synchronizing largely geographically distributed teams with Lint

It’s well known that as a team grows, the communication overhead increases geometrically until it takes up most of the time of the members. Static analysis can help us reduce the time cost, streamline the code review process, as well as to keep big teams synchronized. As you can imagine, in LINE we face challenging …

TensorFlow.js

Greetings! This is Jun and I’m a front-end developer at LINE. Recently the front-end development scene is booming with new technologies and it’s becoming difficult to catch up with all those new things. Personally I’m onto machine learning (ML). As part of today’s topic as “implementing machine learning in front-end web development”, let me share …

LIFF + TIC-80

Hello, this is Seisuke. I work at LINE Fukuoka as an engineer for LINE app for Android. Our office held a hackathon for LINERs in November 2018, at which I had a chance to try out TIC-80, a fantasy console, with LIFF. I wanted to share some of the lessons I learned through the event. …

Introducing Flex Message, a new message type for LINE Messaging API

A new type of message has been added to the LINE Messaging API, Flex Message. We’ve been using a template-typed message in which you could place plain text, stickers, images, media types like videos, buttons and URLs. This type is quite useful for where the user had to select an option from available options, but there were restrictions such as the maximum number of buttons allowed, which is 4, for the button template, or the order in which you had to arrange the elements for a layout — title, content, and buttons.

What is Flex Message?

The Flex Message type frees you from the old restrictions and enables you to arrange layouts as desired. There is a display frame, but you can change the layout as you do with HTML code, and each component is neatly displayed. Here are a few of the layouts you can compose with Flex Message.

Adding an HTML Component on AMP

Hello, this is Kyo, a front-end engineer at LINE. I’d like to share my story on AMP Project, Google’s open source project. While you work on markup with AMP HTML, haven’t you ever felt an urge to make a component yourself, or to add a feature to it? I hope my post will give you a little push on your back if you are still hesitating.

V8 Hidden class

As a frontend engineer, I feel I still need to know more about the structure of JavaScript and web browsers, in order to provide quality UX to our users. Thankfully, we are given an access to peak through JavaScript’s thoughts, thanks to Google and Mozilla for making their engine code available to public, along with nicely prepared documentation. The availability of various means for tracing and profiling code surely helps too.