MENU

文字数カウントツール「WritingCounter」

JSの練習用に作りました。使用言語は、HTML5/CSS3/Javascript。フレームワーク利用なし。開発期間はおおよそ2時間(デザイン・差別化ポイント決め)と2日(JSの実装)。レスポンシブ未対応。(PCで使うことを前提としているため) ブラウザチェック:Firefox/Chrome/IE10・11/Edge/Safari動作確認済み。SSL化対応済み。 既存の文字数カウントツールとは少し趣 […]
Read More ›

Bracketsオリジナルテーマ「Brackets-Mito」

ソースコードエディタ「Brackets」のオリジナルテーマを制作しました。 使用言語はlessのみ。開発期間は半日。 jsonファイルでlessと連携させ、画像はPhotoshopCCを用いてトレース。ツールで.png形式のファイルをBase64形式に変換。background-imageとして貼り付けました。 なお、右下の画像はいちから株式会社が提供するバーチャルライバー月ノ美兎さんの画像をトレ […]
Read More ›

Bracketsオリジナルテーマ「Brackets-Rin」

ソースコードエディタ「Brackets」のオリジナルテーマを制作しました。 使用言語はlessのみ。開発期間は半日。 jsonファイルでlessと連携させ、画像はPhotoshopCCを用いてトレース。ツールで.png形式のファイルをBase64形式に変換。background-imageとして貼り付けました。 なお、右下の画像はいちから株式会社が提供するバーチャルライバー静凛さんの画像をトレース […]
Read More ›

Bracketsオリジナルテーマ「Brackets-Kaede」

ソースコードエディタ「Brackets」のオリジナルテーマを制作しました。 使用言語はlessのみ。開発期間は半日。 jsonファイルでlessと連携させ、画像はPhotoshopCCを用いてトレース。ツールで.png形式のファイルをBase64形式に変換。background-imageとして貼り付けました。 なお、右下の画像はいちから株式会社が提供するバーチャルライバー樋口楓さんの画像をトレー […]
Read More ›

記事用アイキャッチ画像10(Photoshopにて作成)

記事用にオリジナルのアイキャッチ画像を作成しました。楕円を調整して巻き矢印を上手いこと作りました。
Read More ›

記事用アイキャッチ画像9(Photoshopにて作成)

記事用にオリジナルのアイキャッチ画像を作成しました。露光量を上げて作りました。
Read More ›

記事用アイキャッチ画像8(Photoshopにて作成)

記事用にオリジナルのアイキャッチ画像を作成しました。後ろの画像は露光量を絞って、画像そのものはガウスでボヤけさせ、文字を目立たせるよう工夫しました。
Read More ›

記事用アイキャッチ画像7(Photoshopにて作成)

記事用にオリジナルのアイキャッチ画像を作成しました。
Read More ›

記事用アイキャッチ画像6(Photoshopにて作成)

記事用にオリジナルのアイキャッチ画像を作成しました。 色調補正で露光量を調節して作っています。
Read More ›

記事用アイキャッチ画像5(Photoshopにて作成)

記事用にオリジナルのアイキャッチ画像を作成しました。
Read More ›