ドラえもんのアイテムに学ぶ、バナーデザインの幅を広げる考え方
WEBデザインにおいてバナーデザインは欠かせない仕事の１つです。 ラクーンでも新卒デザイナーには入社数カ月間は集中的にバナーを作ってもらいます。 バナーデザインは情報整理に始まり、画像加工・配色・フォントの選定・レイアウト・枠内のバランス調整などデザインの基礎が詰め込まれています。 WEBデザインの初歩でありながら難易度が高く奥深い制作作業なんですね... そのため部内のメンバーから「ページより
2021.4.20
FlutterでPluginを自作してみた
普段はWebの開発業務に携わっていますが、最近、プライベートでFlutterを使ったAndroidアプリ開発にチャレンジしています。 Flutterでは、クロスプラットフォームなマテリアルデザインのWidgetやIcon等が標準で用意されており、コードベースで簡単にUIを作ることができます。また、Flutterで採用されているDartという言語は、JavaとJavaScriptの中間のような印象で
やってよかった効率化「グラフを画像からcssへ」
画像で作っていたグラフをhtmlやcss、jQueryを使って作業を効率化したお話をします。 4,5年前のことになりますが、いまだに「やってよかったな」と思っています。 はじまり 対象となったページは、ラクーンホールディングス（当時はラクーン）のIR情報にあった「業績ハイライト」と「財務ハイライト」のページです。 当時は年に1回更新作業があり、イラレを使ってすべてのグラフを画像で作成していまし
2021.4.12
デザイナーがプロジェクトで体験したこと
私はデザイナーとしてプロジェクトにアサインすることがあります。 今回は、その時に体験した事柄と行った対応を備忘録的にあげていってみようと思います。 きっと同じような体験をしている方もいるのでは…？ プロジェクト中に起きた、こんなこと。 ①完成間近の機能がひっくり返る 依頼者と上長との間で認識の齟齬があることが判明。 やっと固まりかけた機能を、ヒアリングからやり直す…? ②工数が想定の倍？！
2021.4.8
どこでつまずきやすい？？デザイナーにjQueryを教える際の注意点
ここ最近デザイナーや新人さんからjQuery・jsの質問を受けたりヘルプで代わりに作成したりという業務がぽつぽつと出てきました。 直近であった失敗の反省も兼ね、jsを使う機会は少ないけど少しかじってる状態の人にjQueryを教えた時つまずきやすいと感じた点を私なりにまとめたいと思います！ 失敗談 まず実際に社内で起こった失敗事例を紹介します。 とある案件で上の画像のような追従ボタンを実装
2021.4.4
フォントサイズを可変にしてみよう！css関数clampの便利なお話
googleがモバイルフレンドリーを提唱してからもはやレスポンシブ対応は必須になりましたが、レスポンシブ対応って悩ましいですよね。 各デバイスの代表的な端末の解像度に合わせて作ればよいのですが、ウィンドウ幅を縮めてテストを繰り返していると微妙な幅の時にレイアウトが崩れているのが気になってしょうがない、なんてことザラにあります。 width、height、font-size、padding、marg
2021.4.1
Bing Search APIを使ってみよう！ 実際に試せるサンプルコード有
本記事では、検索エンジン「Bing」のAPIの1つである「Bing Search API」を使用するまでの手順をご紹介します。 Bing Search APIとは Microsoftの提供する検索エンジンであるBingでの検索結果を取得するためのAPIです。 ブラウザからの検索のようにウェブページだけではなく画像やニュースの情報も取得することができます。 API利用手順 APIを利用するま
2021.3.31
WSUSで大型アップデートが配布できないので設定を見直してみました
Windows10のバージョン1909以降の大型アップデートを適用しようとした時に、うまくいかずハマってしまったのでその時に何が問題だったのかをまとめてみました。 WSUSで大型アップデートが配布できない事に気づいた経緯 弊社ではクライアントPCのWindowsUpdateの管理を、Windows Server 2019で構築したWSUS（Windows Server Update Servi
e2eのテスティングフレームワークCypressを導入しました
今回はe2eのテスティングフレームワークであるCypressを導入したので、その導入についてのお話です。 なぜCypressを導入したのか URIHOのお客様に使用していただいている画面はSPAで構築してあります。そのためSPAに対応したe2eのツールが必要になりました。今まではseleniumを使用していたのですが各個人の環境の設定が手間、SPAで使用するとなるとDOMが出現するまで待つとい
2021.3.1
Switchでプログラミングをしてみよう
2020年よりプログラミング教育が必修化されましたが、Nintendo Switch™ でもプログラミングが出来るのはご存知でしょうか？ 今回は「プチコン4 SmileBASIC」を使用して簡単なフィットネスゲームを作成してみました。 体験版で動作しますので、本体をお持ちであればどなたでも試すことが可能です。 作ったもの 今回作成したものがこちらです。Joy-Con の加速度センサーを使ってパ
2021.2.18
「プロジェクトリーダーとして9つの大切なこと」をピクミンから学ぶ
ラクーングループではサークル活動を積極的に行っていて、ゲーム系のサークルは特に活発に活動しています。ゲームで遊んでいると、いろんなノウハウがたくさん詰め込まれているなあと思うことがあります。 任天堂のピクミン ３ デラックス等のピクミンシリーズは私の好きなゲームの一つです。ピクミンは会社経営に通ずるといった話がありますが、今回改めてプロジェクトマネジメントに当てはめて、リーダーに求められているこ
2021.1.26
node.jsでエクセルファイルを編集する方法
一般的にエクセルの内容をプログラム的に変化させるにはVBA / マクロを使用すると思いますが、モジュールを活用してjavascriptでエクセルの編集が出来るのは簡単だし便利だなぁと思ったので、今回はnode.jsのpackageのxlsx-populateを使用してエクセルを編集してみました。 この記事ではnode.jsを使用する為、実行環境はnode.js公式からダウンロード・インストールを
2021.1.12