ICS MEDIAでは「Figma」の機能紹介記事を多く公開しています。Figmaは標準でも十分な機能が備わっていますがプラグインを利用することでより便利にカスタマイズ可能です。 今回の記事では、プラグインの使い方とオススメのプラグインを紹介します。Figmaは他のデザインツールと比べ、プラグインを利用するまでのハードルが低く、とても使いやすくなっています。まだ使ったことがない人や便利なプラグインをもっと知りたいという方にオススメの記事です。 Figmaプラグインの使い方 Figmaのプラグインを見つけるにはFigmaコミュニティが便利です。Figmaアプリのホーム画面の「コミュニティ」ボタンから、Figmaコミュニティへアクセスしましょう。 プルダウンから「プラグイン」を選択すると、コミュニティに公開されているプラグインの検索が可能です。 プラグインアイコンの右下のマークで、対応している

The MDN Curriculum provides a structured guide to the essential skills and practices for being a successful front-end developer, along with recommended learning resources. Last updated: February 2024 Beginner's level Self-paced Free Defines the essential skills and knowledge every front-end developer needs for career success and industry relevance. Created by Mozilla and refined with insights from

こんにちは、フロリアでQAエンジニアをやっている中園です。 現在サイボウズではkintoneのフロントエンドリアーキテクチャプロジェクト（フロリア）と称して、Closure Tools から React へと置き換えるプロジェクトが進行中です。 今回は、フロリアのチームの1つであるMiraチームのテスト手法について紹介します。 フロリアの詳細については次の記事をご覧ください。 フロリアについて フロリアでは、次のような構成でそれぞれのチームがオーナーシップを持って活動しており、テストの方針はチームごとに決めています。 プロダクトオーナー: 1名 エンジニア: 3-4名 QA: 1名 スクラムマスター: 1名 フロリアのチーム構成 チームのミッションに合わせたテストの目的 Miraチームでは、kintoneのデザインやふるまいを変えずに、利用者に気づかれない形でReactに置き換えるというミ

Web Platform Dive into the web platform, at your pace.

4歳と2歳、くせっ毛姉妹を育児中のさざなみさんが描く、見守り系子育てマンガの短期連載です！　育児を通して自分が子どもだった頃の思い出ともリンクする……過ぎ去った時間が形を変えて繰り返されていく愛おしさを感じます。柔らかなタッチで描かれる、優しくて時々切ない母と娘３世代のお話。

年末年始休業：2024年12月28日（土）〜2025年1月5日（日） 上記の期間は発送作業をお休みさせていただきます。ご不便をおかけしますがご了承ください。 北海道からの発送につき、お届けまでご注文から最大1週間程度かかる場合がございます。 こちらは、トリセツ！缶バッジのみの販売です。ステッカーは付属しません。 お好みの缶バッジ2点をお選びいただける、お得なセットです。 オプションにて、ご希望の2点をご指定ください。 ※商品の在庫状況によりご希望に沿えない場合がございます。商品ラインナップに掲載していない商品はご用意できませんのでご了承ください。 缶バッジ・ステッカーセットをご利用ください。 缶バッジ：44ｍｍ/マット加工 ―商品ラインナップー ×ひとりになりたいです ※在庫が少ないため、ステッカーセットでのみお買い求めいただけます。ご了承ください。 https://buildsappor

米Drobo社の外付けストレージ「Drobo 5C」。日本ではコンピュータ周辺機器などでおなじみのプリンストンが代理店となり販売・サポートを行っている 仕事でも日常生活でもパソコンを安全かつ安定して運用するには、バックアップを定期的に実行し、必要に応じてリカバリやリストアを行うことが大切。Macの場合、データを自動バックアップできる「Time Machine」やネット経由でmacOSを再インストールできる「インターネット復元」などの機能が標準で搭載されており、容量の大きな外部ストレージさえ用意すれば深刻なトラブルに見舞われても比較的簡単に元の状態に復元することが可能だ。 ここでは、macOS標準のバックアップ機能と組み合わせて使うのに最適な外部ストレージ「Drobo」と、その設定方法、実際のバックアップ方法を詳しく紹介していこう。 なお、プリンストン公式のDrobo解説サイト「https:

一時的に操作ができない無効状態のボタンを表示する場合、どのようにデザインすると、ユーザーの混乱を少なくすることができるか、UXの観点から解説した記事を紹介します。 無効状態のボタンをグレーアウトにしてしまうと、他のボタンにグレーを使用できなくなったり、操作できない不具合かもとユーザーは思うかもしれません。 Why You Shouldn’t Gray Out Disabled Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 無効状態のボタンをグレーアウトにしない理由 無効状態のボタンをグレーアウトにしない理由 ページ上でアクティブになっていないボタンがある場合、あなたはどのように実装していますか？ ボタンを本来の場所から一度削除した後に表示すると、ユーザーは突然現れたボタンに驚くかも

フリーランスプログラマになって、かれこれ10年近く経ってしまった。 昨日をもって退職しました。今日から(しばらくは)フリーランスとしてがんばります。 — 武藤スナイパーカスタム🔫 (@__tai2__) November 30, 2010 会社を辞めて、とくに深い考えもなくなんとなくフリーランスになった。しばらくすればどこかの会社に就職するのかなあ、きっとそうなんだろうなあ、とかぼんやりと思ってたことを考えると、そのまま10年近くも続けてしまったのは感慨深い。 ぼくにとって、ほかの業種、ほかの立場の人の職業生活がどういうもんなのかわからないのと同程度に、ほかの人にとってもフリーランスプログラマがどういうものか、きっとイメージがあまりわかないんだろう。そこで、フリーランスプログラマ生活を振り返って、それがどのようなものだったのかを思いつくままに語ってみたい。フリーランスプログラマという語は

２７日の東京都心は、マスクをつける人の姿が多く見られましたが、気温は２５度を超える夏日となりました。 こうした中、夏向けのマスクに参入する企業が。 どんな「夏マスク」が登場するのでしょうか？ ■平年より暑い夏 いまや、多くの人たちにとって、着用することが日常となっているマスク。 しかし、『蒸れてつらい』という声や、マスクをつけることで熱中症を懸念する声も聞かれました。 ２７日、東京都心は夏日となり、マスクをつけて動くにはつらい一日に。 また、東京消防庁の管内では５月２０日から２７日までに、３０人が熱中症で搬送されたということです。 ただ、本格的な夏の訪れはまだまだこれから。 さらに、気象庁は今年の夏について『全国的に平年より暑くなる』予想を発表しています。 ■メーカーが続々参入「夏マスク」 夏に向けてどんなマスクがほしいか聞いてみると『ひんやりするマスク』や『通気性がよいもの』を求める声が

2020-01-30 クオリティ第一 ゲーム開発 デザイナー プランナー 「技術＆仲間」と紡ぐ、ゲームUI/UXのワークフロー ～CGWORLD 2019 クリエイティブカンファレンス登壇レポート～ 2019年11月3日（日）に開催された『CGWORLD 2019 クリエイティブカンファレンス』にて バンダイナムコオンラインのデザイナーが講演を行ないました。 登壇したのは、ビジュアルデザイナーとして ゲームのUI（ユーザーインターフェース）デザイン、リードビジュアルを担当する太田垣 沙也子さん。 ビジュアル業務のなかでもやや特殊なポジションと言えるUIデザインには、 使いやすく美しいデザインを作るのはもちろん、 プランナーと共にゲームのフローを考え、エンジニアに渡すための実装データを作るといった多岐に渡る業務があります。 その中で今回は「トライ＆エラー」について注目。 『UI! UI! U

ストレッチやマッサージをしても、肩凝りや腰痛が解消されない。そんな慢性的な不調の原因は筋肉を包む薄い膜「筋膜」かもしれない。悪い姿勢や偏った動作を続けると、筋膜がよじれて硬くこわばり、凝りや痛みを引き起こすのだという。筋膜を解きほぐして健全な状態に戻す「筋膜リリース」について仕組みや方法を専門家に聞いた。筋膜とは、全身の筋肉をくまなく覆い、筋線維1本1本までもカバーしている薄い膜のこと。耳慣れ

ダメなライブラリ。 redux reduxはstate管理の素晴らしいライブラリだ。 世界で一番愛用され、情報量も多く、大規模システムに向いている。 しかし、react nativeを採用するのはほとんどがスタートアップだ。 学習コストが高い＋プロトタイプ制作が苦手なreduxはスタートアップにははっきり適さない。 reduxの代わりにcontext Api/MobXを使おう。Expo＋contextApi or MobX+web版のfirebaseがスタートアップでの最適解だと思う。 react-native-cli cliでなくExpoを使おう。cliはライブラリのアップデートの際に莫大な手間がかかる。要するにnativeライブラリのメンテナンスに手間がかかりすぎるので、Expoをオススメする。(スタートアップでは特に)私はcliもexpoも現在実務で使っているが、体感expoのが２倍

text/plain ericlaw talks about security, the web, and software in general The Chrome team is embarking on a clever and bold plan to change the recipe for cookies. It’s one of the most consequential changes to the web platform in almost a decade, but with any luck, users won’t notice anything has changed. But if you’re a web developer, you should start testing your sites and services now to help en

Having used Vue at work, I had a fairly solid understanding of it. I had, however, been curious to know what the grass was like on the other side of the fence — the grass in this scenario being React. Note: there is a new version of this article that can be found here: https://sunilsandhu.com/posts/i-created-the-exact-same-app-in-react-and-vue-2020-edition I’d read the React docs and watched a few

日を追うごとに進化していくWebテクノロジー。 Web上のマーケティングも、テクノロジーの上で成り立っています。 そんなマーケティングの知識を知りましょう。 エンジニアはマーケターではないのですが、 最低限知っておきたい知識をあなたに。

2018年2月11日、Webフロントエンドの現場とこれからをつなぐカンファレンス「Inside Frontend #2」が開催されました。Web技術の発展とともに多様化し始めているフロントエンド領域。今、それぞれの現場はどのような課題に取り組み、どのように解決しているのか？　さまざまなノウハウを持つエンジニアたちが、自身の知見を語ります。プレゼンテーション「日経電子版を速くするためにやっていること」では、日本経済新聞社の宍戸俊哉氏が登場。日本有数のアクセス数を誇る日経電子版はいかにして表示速度を高速化しているのか？　その秘密を語ります。 高速化のためにフロントエンドですべきこと 宍戸俊哉氏（以下、宍戸）：フロントエンドの話をしていきます。「高速化のためにフロントエンドですべきこと」を4つあげさせてもらいました。「あとでいいことはあとでやる」「必要なことは先にやる」「使い回せるものは使いまわ