Tech articles on web development & AI (149 articles)
Dangers lurking in smartphones that every family member should be aware of. This column explains the latest online scams and malicious methods to protect yourself and your loved ones.
OpenAI announced 'Dreaming,' a new system that significantly enhances ChatGPT's memory capabilities. It automatically learns context from past conversations, enabling more personalized interactions. This article explains its technical mechanisms and impact on engineers.
A PHP object injection vulnerability, enabling unauthenticated remote code execution, has been discovered in the Mirasvit Full Page Cache Warmer plugin for Magento 2, prompting CISA to issue an urgent alert.
OpenAI announces 'GPT-Rosalind,' a new AI designed to accelerate life sciences research. Equipped with advanced expertise in biological reasoning, medicinal chemistry, and genomics analysis, it has the potential to revolutionize drug discovery and biological research.
A critical vulnerability (CVE-2026-8732) in the WordPress plugin 'WP Maps Pro' is being actively exploited, allowing attackers to create unauthenticated administrator accounts and gain full control of affected sites. Immediate update to version 6.1.1 or higher is required.
To ensure your loved ones don't face problems with smartphones. Based on the latest information from the National Consumer Affairs Center and the National Police Agency, we gently explain the methods of online scams and dangerous 'dark part-time jobs' that junior high/high school students and the elderly are particularly susceptible to, along with measures to avoid being deceived.
Announced at Google I/O 2026, 'Antigravity 2.0' evolves from a mere AI coding tool into a development platform for coordinating and managing multiple AI agents. This article explains its new features and future prospects, which have the potential to fundamentally change the developer experience for engineers.
A highly critical vulnerability has been discovered in the popular WordPress plugin "WP Maps Pro," allowing unauthenticated attackers to create administrator accounts. This vulnerability is being actively exploited. Immediate updates are required.
The smartphone your whole family uses. A moment's carelessness can lead to major trouble. Learn about common scams and criminal tactics to protect your loved ones.
An XPath injection vulnerability has been discovered in the APS catalog search function of Plesk for Linux. Low-privileged users can gain root privileges and execute arbitrary OS commands. An urgent update is recommended.
Let's check together as a family! An advisor from the National Police Agency's Cyber Crime Division will discuss the latest online scams and dangerous pitfalls that junior high and high school students, as well as seniors who have just started using smartphones, are particularly susceptible to.
U.S. AI startup Anthropic has released 'Claude Design,' a conversational visual generation tool. It automatically generates designs for websites and slides from natural language instructions, outputting them as HTML code. This article delves into the technical background and potential impact of this new feature, which is set to accelerate collaboration between engineers and designers.
A severe authentication bypass vulnerability (CVE-2026-0257) has been disclosed in Palo Alto Networks PAN-OS GlobalProtect, and active exploitation has been confirmed. Urgent patch application and mitigation measures are essential.
Google DeepMind's world model 'Project Genie' now integrates with Google Street View's vast image data, enabling the generation of interactive virtual worlds based on real-world landscapes. This article explains its technological background and future implications.
Google DeepMind has announced 'Co-Scientist,' a new AI designed to accelerate scientific discovery. Through collaboration with biologists, it has discovered new genetic factors involved in cellular rejuvenation, heralding a future where AI serves as a partner in scientific research.
Anthropic has unveiled its latest model, 'Claude Opus 4.8.' It features enhanced coding and agent capabilities, with a particular focus on improving 'honesty'—its ability to communicate its own uncertainties. The new 'Dynamic Workflows' feature is also included, further accelerating large-scale development.
The AI-native development terminal "Warp" is poised to fundamentally change the landscape of open-source development by leveraging OpenAI's next-generation model, "GPT-5.5." A future where AI agents take center stage in development is rapidly approaching.
OpenAI has been named a leader in the 'Enterprise AI Coding Agents' category in Gartner's 2026 Magic Quadrant. This article explains the background, technology, and impact on Japanese development environments.
Google DeepMind has announced 'Gemini Omni', a new flagship AI model. It holistically processes text, images, audio, and video, enabling interactive video editing through natural language. This marks a new frontier in AI development.
Anthropic has released 'Claude Design,' a new product specializing in design generation. It enables collaborative creation of sophisticated designs, prototypes, and slides through dialogue. This tool holds the potential to revolutionize the collaboration process between designers and engineers.
Google DeepMind has announced 'Project Genie,' a new feature that generates interactive virtual worlds by linking with real-world Street View imagery. It is expected to be utilized in AI agent training and simulation fields.
Anthropic has released its latest model, Claude Opus 4.7. It features improved capabilities in coding, AI agents, vision, and multi-step task processing, expected to enable more complex and practical use cases.
Google DeepMind's AI, 'Co-Scientist,' has identified several new gene candidates that reverse cell aging, with their efficacy confirmed in experiments. This technology, which dramatically accelerates the research process, holds the potential to significantly transform the future of life sciences.
OpenAI's AI model disproved a conjecture related to the "unit distance problem" in discrete geometry, which had been unsolved for 80 years. This is a groundbreaking achievement demonstrating AI's ability to generate new discoveries in the realm of pure mathematics.
OpenAI and Dell have partnered to provide the AI coding assistant model Codex in hybrid and on-premises environments. This aims to support the secure deployment of AI agents for security-conscious enterprises and transform development workflows.
OpenAI's next-generation model, GPT-5.5, has been integrated into the Databricks platform. It sets a new record in the OfficeQA Pro benchmark, which assesses the processing capability of complex internal documents, significantly evolving autonomous AI agent workflows for enterprises.
Engineering: 83 | Suggestion: 88 | Creative: 75
Engineering: 95 | Suggestion: 90 | Creative: 75
Engineering: 88 | Suggestion: 90 | Creative: 75
Engineering: 90 | Suggestion: 82 | Creative: 75
Engineering: 93 | Suggestion: 88 | Creative: 75
Engineering: 75 | Suggestion: 75 | Creativity: 75
Engineering: 85 | Suggestion: 88 | Creative: 75
Engineering: 92 | Suggestion: 88 | Creative: 75
Evaluation Comments: Focus on improving the robustness of existing technologies and their adaptability to specific fields, such as the application of GPT-5.5 to cybersecurity and the secure operation of Codex. Advances in voice AI are also observed, contributing to more natural and reliable conversations. No new announcements regarding creativity were made...
Silicon Valley's premier AI technology rating institution has rigorously assessed the technological progress of various companies based on their latest news.
Engineering: 95 | Suggestion: 90 | Creative: 88
Engineering: 90 | Suggestion: 88 | Creativity: 85
Engineering: 90 | Suggestion: 85 | Creative: 85
Engineering: 95 | Suggestion: 90 | Creative: 90
Engineering: 92 | Suggestion: 89 | Creativity: 87
Engineering: 95 | Suggestion: 92 | Creative: 90
Engineering: 95 | Suggestion: 93 | Creativity: 88
Engineering: 89 | Suggestion: 85 | Creative: 75
Welcome to today's technology assessment of top AI companies, brought to you by me, the head of the AI Technology Rating Agency. Based on the latest news, I've thoroughly analyzed each company's technological progress and rated them out of 100 points.
Engineering: 90 | Suggestion: 88 | Creative: 78
Engineering: 92 | Suggestion: 90 | Creative: 78
Engineering: 95 | Suggestion: 93 | Creativity: 75
Engineering: 96 | Suggestion: 95 | Creative: 85
Engineering: 98 | Suggestion: 95 | Creative: 78
Engineering: 95 | Suggestion: 92 | Creative: 85
Engineering: 92 | Suggestion: 93 | Creative: 88
Engineering: 95 | Suggestion: 93 | Creative: 88
Engineering: 95 | Suggestion: 93 | Creative: 75
Engineering: 90 | Suggestion: 78 | Creativity: 75
Engineering: 95 | Suggestion: 90 | Creative: 88
Engineering: 92 | Suggestion: 93 | Creative: 75
Technological trends in Silicon Valley are consistently the epicenter of seismic shifts that reshape global industrial structures. This time, amidst the fierce competition unfolding among the 'Big Three' in AI—OpenAI, Anthropic, and Google DeepMind—we've identified key technological trends that are poised to fundamentally transform existing markets within the next few years...
Engineering: 92 | Suggestion: 88 | Creative: 85
Engineering: 90 | Suggestion: 87 | Creative: 90
Engineering: 70 | Suggestion: 75 | Creative: 75
Certainly, as Silicon Valley's leading AI technology rating institution, we will rigorously assess each company's technological progress based on the provided news list.
Engineering: 90 | Suggestion: 88 | Creative: 92
Engineering: 90 | Suggestion: 85 | Creative: 88
Engineering: 92 | Suggestion: 88 | Creative: 95
Engineering: 92 | Suggestion: 88 | Creativity: 90
Engineering: 90 | Suggestion: 78 | Creative: 87
Engineering: 78 | Suggestion: 78 | Creativity: 78
Engineering: 92 | Suggestion: 88 | Creative: 90
Engineering: 90 | Suggestion: 88 | Creative: 92
Engineering: 95 | Suggestion: 90 | Creativity: 92
Based on news data, we calculated scores (number of news articles) for each AI company.
As head of an AI rating agency, I've scored the dominance of major AI models based on the latest news. Our evaluation criteria consider strengths gleaned from company announcements and direct relevance to various categories.
*Scores are based on the number of mentions for each AI vendor in the provided news articles.
The AI industry today is truly a battlefield for supremacy. While the shockwaves from OpenAI's GPT-4o's multimodal capabilities are still reverberating, Anthropic and Google have launched fierce counterattacks. Anthropic, in particular, is pushing the boundaries of model performance...
As the head of an AI rating agency, I have scored key AI models across various categories based on the latest news.
Today's AI industry is a quiet battlefield. Anthropic leads with its focus on 'intelligence explosion' and 'philosophy,' with Google DeepMind hot on its heels, exploring 'sensory expansion.' OpenAI is shoring up its foundations but faces new waves of competition for market leadership. As of now, Anthropic...
The AI battlefront in Silicon Valley remains a fierce power struggle. Don't be fooled by superficial spec numbers; discern the underlying "dynamics." This week, Anthropic's aggressive offensive is particularly noteworthy as they escalate from a mere model competition to an ecosystem-wide platform war...
The AI supremacy war has finally entered its core phase. While OpenAI leads with GPT-4o, Anthropic challenges for the pinnacle of autonomous agents with Claude Opus 4.6. Google DeepMind sharpens its multimodal 'ears' with Gemini 3.1 Flash...
AI News Flash: Top 3 Summary for Engineers | Forsmile.jp
While developing a WordPress plugin, I stumbled when trying to use PHP's 'DOMDocument' class.
This article explains how to implement and use flash messages in Symfony, a PHP framework.
When generating Forms in Symfony, I was bothered by the automatic application of the Bootstrap class 'form-control' and investigated how to prevent it.
A note on how to change the system time when working in a local environment created with VirtualBox.
When using jQuery's append, you might occasionally need to assign a rather long HTML string to a variable.
This article explains how to set global variables for Twig using Symfony.
Looking back, it seems obvious, but I'm documenting this as I reviewed it when the error occurred. The error 'Call to a member function on array' happened when trying to get data from an entity retrieved with findBy.
This article introduces how to combine variables and strings within a Twig template.
I had a case where I needed to customize the design of a `type=number` form, so I'm documenting it here. This article was created with reference to the following.
This is how to set a checkbox created from an Entity to be checked by default.
This article explains how to write SQL WHERE clauses like the one below when using an ORM.
More often than not, errors can be resolved by following the error message.
This blog post serves as a memorandum of the solution I found for an error that occurred while developing a net shop system called EC-CUBE, which is based on Symfony.
This is a memo regarding a project using the EC-CUBE e-commerce framework, where I re-evaluated the caching mechanisms.
Calling functions defined in separate files is easy in JavaScript.
Official: Documentation -- Length
You've probably seen `$.fn` in jQuery source code or libraries.
Twig macros are equivalent to functions in regular programming languages. They allow you to turn frequently used HTML structures into reusable components.
The operators +, -, /, %, //, *, and ** are available.
When coding, you might sometimes want to remove spaces between HTML tags or newlines.
An introduction to how to use Twig's `attribute` function.
This post focuses on Twig, specifically the Twig extensions provided by Symfony.
When using a template engine, it's uncommon to manage each display screen with a single template.
This article introduces how to use the Twig for loop and provides simple examples.
I'd like to introduce how to use Twig's conditional statements, including some common real-world scenarios.
I've previously written about Smarty, but Twig is another frequently used PHP template engine.
You can create polygons and other shapes using only CSS, without needing technologies like canvas.
With jQuery, you can add events that trigger when an element becomes visible within the viewport.
While not often requested for smartphone designs, PC designs sometimes have a specific need for a section to have a full-width background. If the design isn't responsive, simply using negative margins to expand the element would work. However, non-responsive designs are quite rare now...
I was looking for tools to develop Vue.js more efficiently and found a great one.
A method to truncate text that overflows its defined width in CSS with an ellipsis (...).
There used to be a `marquee` tag, but it has been deprecated since HTML5.
When using the definition list (`<dl>`) tag, `dt` and `dd` elements typically display on separate lines.
This article explains how to display a page in a new window when working with Vue.js.
When I was planning to launch a pet supply website and considering a classic HTML-based approach due to WordPress's heavy performance, a "Google AMP" advertisement caught my eye.
In a project using Vue.js, I implemented a button that links to an anchor point within the page.
This assumes ESLint is already configured. Here's how to run ESLint when bundling with Webpack.
This article explains how to introduce ESLint in Nuxt.js to standardize code within a team and maintain cleanliness according to coding rules.
When I started writing game articles, I thought it would be easier to retrieve basic app information from an API.
There are times when you might want to use PHP directly within a post's content. You might also want to simplify the process of repeatedly writing the same text or tags.
When designing a website, you often want to customize and use themes.
dotenv is a Node.js module that allows you to configure variables that change depending on the environment, such as dev/stg/prod.
This is an implementation to detect window size changes and adjust the ratio of font sizes and image sizes.
While reviewing code at work, I came across the following snippet where a callback function was being set.
How to use FileReader, a JavaScript web API, in Vue.js.
I had a project to create slides in a Webpack and VUE.JS environment, so I implemented it using vue-carousel.
I had an opportunity to teach about arrays in PHP, which made me wonder how it's done in JavaScript, so I've compiled this summary.
For example, to get the number of elements in the array $loop, do the following:
I sometimes need to change the viewport based on the screen size when loaded, so I'm writing this down as a memo.
This article explains how to pass data to pages displayed on different routes (non-parent-child) in Vue.js, not just between components.
Please refer to the following for connecting to an Amazon EC2 instance using PuTTY.
You can append any character or even another variable to the end of a variable.
There are many situations where variables need to be formatted directly within the template.
Due to the nature of Smarty, it's generally recommended to handle these operations on the PHP side, but in practice, that's not always feasible.
For your information, while the PHP side configures what values are passed to the template, this article focuses solely on how Smarty is handled within the template from a front-end perspective.
When I first entered the smartphone game development field, I only knew HTML, CSS, and JavaScript.
While testing an Aurelia.js implementation on Heroku, I wanted to run pre-bundled files on the server instead of already bundled ones. This led me to try running jspm on Heroku.
Trying to Run Aurelia.js in a Node.js and Express Environment -- Part 5
Trying to run Aurelia.js in a Node.js and Express environment - Part 6
Running Aurelia.js in a Node.js and Express Environment - Part 3
Running Aurelia.js in a Node.js and Express Environment - Part 4
Running Aurelia.js in a Node.js/Express Environment - Part 2
Running Aurelia.js in a Node.js and Express environment -- Part 1
This article explains how to install Node.js on Windows.
Running a blog involves various tasks such as SEO and access analysis.
As you operate a website, you might find yourself wanting to use membership features when your site grows in scale or when you want to create special pages. WordPress allows you to easily implement membership (login) functionality using plugins.
There are many themes available for WordPress, but for this article, I've chosen the 'customizr' theme.
In the Dashboard's Settings > General, there's a 'Site Address (URL)' field, but it seems simply changing it there isn't enough.
I tried installing WordPress via FTP on Web Arena, my current hosting service.