サカン竜一郎@世界の打楽器 @wyrm06 世界中の伝統楽器とハンドパンが大好きな楽器マニア。とにかく不思議な音が大好きです！インド・中東辺りの打楽器も大好物。ご依頼はDMで。Rav Vast Drum公式パートナー。 vastdrum.com/discount/SAKAN #ハンドパンで遊ぶ会 主催。 youtube.com/user/wyrm06 サカン竜一郎@世界の打楽器 @wyrm06 ワールドミュージック界隈で話題騒然、世界中の民族音楽が聴ける慶應大Global Jukebox 、マジで直感的に操作できるのがすごく良い…。世界地図からも行けるし、動画後半のように円グラフ状に表示された地域一覧からも調べられます。 theglobaljukebox.org pic.twitter.com/v4qo0AMMAH 2022-11-11 19:21:23

Wantedly の UI デザインシステムは「WantedlyのUIをデザインする上での共通の考え方とツール＆アセット」でありエンジニアとデザイナが効率よくコミュニケーションするための共通言語となる デザインシステムを (Web) Frontend に持ち込む際は、単なるコンポーネントカタログではなく、システムが定義するものと同じレベルの抽象を持つライブラリ・フレームワークとして実装することで、より有効性を発揮する Wantedly におけるデザインシステムは、「プロダクト・デバイスをまたいでも・誰がデザインしても体験やブランドとしての一貫性を保つ」「デザインの生産性を向上させ、デザイナ - エンジニア 間コミュニケーションを改善することで、ユーザに価値を届ける速度を向上させる」といった目的のために作られたものです。 より詳しくは、デザインシステムが加速させるプロダクト開発 / Desi

プロジェクトが始まるときにかなり初期の段階でWBSを作ることは多いとおもいます。そのWBSの作成、プロマネやディレクターに任せっぱなしになっていないでしょうか。WBSはスケジュールをガントチャートで表したものを指していると思われがちですが、実はスケジュールだけでなく見積もりやアサインを精度高く行うためにも重要なものです。 たとえば「Webデザイン作成」というスコープにどのような実作業が含まれているかはWBSを作ることによって見える化しプロジェクトメンバーやクライアントと共有できるようになります。ときどき下記のように書かれたWBSを見ることがあります。 Webデザイン作成 ・作成 ・確認 ・修正 ・確認2 ・修正2 ・確定 しかし、これでは「Webデザイン作成」に必要な知識、さらには作業量・スケジュール・予算も分かりません。Webデザイン作成の例を続けると、下記のように「作成」のスコープを分

スクロールした時にヘッダの高さが縮んで上部に固定表示させるWebページを見たことがあると思います。今まではJavaScriptを使用する必要がありましたが、CSSのposition: sticky;を一工夫して使用することで簡単に実装できます。 高さを縮ませるのはヘッダに限らず、パネルやバナーなど他の要素でも簡単に実装でき、汎用性にも優れていると思います。 Shrinking Header on Scroll Without JavaScript by Håvard Brynjulfsen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デモページのデザインがシンプルなので、一見見落とすかもしれませんが、ページをスクロールするとヘッダの高さが縮んで上部に固定表示されます。 デモページ 仕組みは、簡単です。 ヘッダは外側と内側の2

今回はWEB関係の人なら知らないと損！なくらい便利なツールやサービスを、50個まとめて、利用目的別にご紹介します。 2021年になりましたが、近年より良いサービスが開発されたものもあります。ご自身のニーズにあわせ、並行して利用して頂くのがおすすめです。 この記事では古くなった情報は新しいものに書き換え、時代の流れに沿った最新サービスだけをビッシリと集めさせて頂きました。 今回は２万字の大ボリュームでお届けします！ 一部、個人的な経験談も混じえてご紹介するので、お急ぎの方はこのブログをブックマークし、ポイントだけ押さえて後からじっくりWEBサービスを見て頂けると幸いです。 クライアントにツールを提案したりもできますので、隙間時間にでもゆるりと読んで頂ければと思います。 それではお楽しみください！ （この記事が良いと思ったら自由にシェアしてね） ★サイト解析に使えるツール・サービス 「WEBサ

「鬼滅の刃」が絶好調だ。 あえて説明する必要もないが、劇場版の興行収入がえらいことになっていたり、単行本の売り上げがドえらいことになっていたり、最終巻を求めて長蛇の列ができたり、めちゃくちゃ転売されたり、わけわからんコラボグッズが出たり、とんでもない状況だ。 見ると、町ゆく子どもたちのマスクまでどこかで見たような柄のものになっている。 これはもう社会現象と言っても過言ではないのだろう。 この「鬼滅の刃」はすごい。 たぶんどえらい作品だ。 そんなもの詳しくなくても分かる。 ただ、「たぶん」と表現しているのは、実はまだ観たことがないからだ。 そう、僕はこの作品に全く触れていないのだ。 原作も見てなければアニメも見ていない。もちろん劇場版も見るつもりはない。 やはり、たとえ末端といえども文章を書いたりして表現活動をしている者として、こういった作品は必ず抑えておく必要がある。 社会現象は多くの人に

松尾はノートPCのパームレストに右手をつき、溜めた息を吐いた。 独り言がこぼれていることに、彼は気付かなかった。 ただ、独り言がこぼれても問題なかった。 彼がいるのは、自宅の仕事部屋だったからである。 2020年9月、松尾は、大きな問題を抱えていた。 2020年に入り、突如として世の中を襲った新型コロナウイルス。 人々に不安と恐怖を与え、生活だけでなく、経済にも大きなダメージをもたらした脅威の存在。 松尾が代表を務める株式会社ウェブライダーにも、新型コロナウイルスの影響はじわじわと迫っていた。 多くの人はこう語る。 「オンラインを主戦場とするIT企業なら、新型コロナウイルスの影響は少ないのでは？」と。 たしかに、IT企業の一部は、オンラインに軸足を移す多くの消費者のニーズに応え、その売上げを伸ばしつつある。 しかし、松尾が代表を務めるウェブライダーは、その逆だった。 新型コロナウイルスの影

配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。 そこで、今回は初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見本サービスをまとめました。下記のように、おすすめのツールや使用する色数ごとに分類しています。 おすすめカラーパレットツール・サービス AIを使ったカラーパレットツール 2色の配色パターン見本 3色の配色パターン見本 4色の配色パターン見本 5色の配色パターン見本 その他のカラーパレットツール・サービス グラデーションの配色パターン見本 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流

免責事項 当サイトのすべてのコンテンツ・情報につきまして、可能な限り正確な情報を掲載するよう努めておりますが、必ずしも正確性・信頼性等を保証するものではありません。 当サイトの情報によるいかなる損失に関して、免責とさせて頂きます。ご利用の際はあらかじめご了承ください。 本免責事項、および、当サイトに掲載しているコンテンツ・情報は、予告なしに変更・削除されることがあります。予めご了承下さい。

原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ

GitHubで公開されているフロントエンドチェックリストというドキュメントが、網羅されている内容が幅広く便利そうだったので、日本語に翻訳しました。 日本語版は、以下のGitHubリポジトリにあります。GitHub側と自動的に連携するようにしておりますので、誤訳や誤りなどがあれば GitHub のプルリクエストまたは Issue で報告していただけると幸いです。 https://github.com/miya0001/Front-End-Checklist 日本語版への貢献方法 最終更新日時: 2017-11-19 03:50:47+09:00 (未翻訳) Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before lau

私はWeb制作が初めての方向け講座だけでなく現役の制作者の方向けに様々なWeb講座をしていますが、現役のWeb制作者の方でもHTMLに関して意外と知られていないんだなと思うことがいくつかあります。 特に、HTML5以前の古いHTMLの使い方のまま覚えている方が多いように思われますので、この記事ではそれを中心に取り上げてみました。 なお、この記事はHTML 5.1およびWHATWG HTML Standardの仕様書を参考に書いています。 width=”100%” のように数値以外の文字列を “” に入れるのはNG たとえばimg要素などで、ブラウザの幅いっぱいに画像を表示したいという場合、昔はimg要素に width=”100%” のような属性をつけることがありましたが、HTML5からはwidthなどの属性値に数値以外を含めることができなくなっています。（つまり%などの単位を含めることがで

2024-07-13 大吉祥寺.PMにさらりと参加してきた #kichijojipm さらりと参加してきた こんにちは！技術イベントは好きですか？わたしは好きです。 今回は、吉祥寺.PMというPerl系のイベントが10周年ということで「大吉祥寺.PM」を開催されるとのことで参加してみたというやつです。10年すごい！ 参加者は300名、場所は武蔵野公会堂。普段はスタ… 2024-07-03 博多にポッドキャスターのための新たなスタジオ「FGN awabar studio」が爆誕！ ポッドキャスト あれ？このブログで紹介していない気がしてきましたけど、かれこれ2年ちょっとくらいポッドキャストをやっています！「ほっとテック」という番組で、毎週月曜と木曜にほっと一息つけるテックな話題をテーマに雑談を交えつつ話しています。 hotto.tech という… 2024-06-14 株式会社LayerX

夏休みの宿題の定番である日記や何かの感想文を突然「書け！」と言われても、すぐに書き上げられる人は少ないのではないでしょうか。 皆さんにいきなり課題です!! 「最近見た映画の感想文を書いてください」 難しいですよね？（笑） 全然書けないですよね？（笑） では実際に私も、先日見に行った「ズートピア」という映画について書いてみます。 「ズートピア」を見に行った感想文 先日友人と以前から話題になっていた「ズートピア」を見に行った。 内容はジュディ・ホップスという可愛いウサギが都会の警察官になるという話だ。 キャラクターの見た目が可愛いうえに、上戸彩さんが声優を務めただけあって、キャラクターに対して、良い感じにのめり込めた。 ~~~ 途中略 ~~~ 映画を見終わった感想は、さすがディズニー映画!!という感想だ。（マーベラス!!） またディズニー映画を見に行きたいと感じる内容だった。 本当につまらない

1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ 記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネームやパスワードなどを入力する際にはシンプルで使い勝手がいいのですが、それ以上に長い文字列になると少々勝手が悪くなります。 そのため余白があるのであれば、ラベルを表示すべきです 特に、長いフォームの場合では、ユーザは入力したものを見直すでしょう。どのラベルが入力欄と合致するのか分からなければ、間違いがないよう見直すことなどできるはずがありません。 改善前:入力欄中にラベルが記入してあります。今は見やすいかもしれません。 しかしフォームに入力するとラベルが見えなくなってしまい、間違いを見つけにくくなってしまいます。 改善後:それぞれの入力欄に、クリアでいつでも見えるラベルを付けましょう。 2. 十分な大きさのフォントを使用せよ

パスワードを大量に自動生成します。パスワードに使用する文字、長さ、文字の構成パターンなどをカスタマイズできます。生成したパスワードの強度を数値で表示します。パスワード生成処理のすべてはあなたのパソコン上で実行するため安全に使用できます。フォーム内の該当するパラメータにマウスを重ねると簡単な説明が表示されます。応用的な使い方はGraviness Blogを参照してください。

※本サービスはGoogle Analyticsのデータを使います。Google Analyticsをお使いのGoogleアカウントでログインしていただく必要があります。

みなさんが「ここの作成会社はいいサイト作ってるなー」って感じるweb作成会社を教えてください。 いろいろ探してるけど、いかにも商業的で微妙なやっつけ仕事の会社しか見当たらないです。 カヤックやキノトロープなどの大手よりも、できれば小規模の会社で教えてくれると嬉しいです。 よろちく

最新のGoogle検索結果表示ルールで悩んでいます ※3月13日追記：私が見ている環境ではほぼ改善されているようです。 最近、Googleの検索結果表示の変更に悩まされています。 先日「何という改悪！Google結果表示変更によるタイトルの特徴」でも触れた通り、Googleの検索結果の表示がいくつか変更されました。そしてさまざまな影響が出てきています。 変更点おさらい 1.タイトル文字サイズが一回り大きくなった 2.タイトル下カテゴリ文字サイズが一回り小さくなった 3.タイトルリンクの下線がなくなった 4.詳細文の行高さが縮まった 5.表示されるタイトル文字数が変わった これは6と同様 6.表示されるタイトルの分かち部分にルールが追加された 検索時にクリックする判断基準は？ ユーザーが検索した時に、何を基準にクリックしているかアンケートを取ってみました。 568人：56.74%「タイトルで

この記事では、LINEグループに招待できない・参加できない時の対処法や原因についてお伝えしていきたいと思う。 複数人で連絡を行う際にLINEのグループ機能は非常に役に立つ。学校でも職場でも利用されている事が多く、グループ内通話も出来るので簡単な打ち合わせ程度であれば、LINEでも可能になった。 グループの作り方も非常に簡単。 しかし、なぜか相手に招待が届かない…といったことも度々ある。 では、この招待が届かない時によくある原因について見ていこう。 LINEグループに招待できない時の対処法・原因 基本的に以下の場合は、相手に招待を送っても届かない。 既にLINEを退会している(アカウントを変更している)場合 既に招待を送っている場合 相手にブロックされている場合 もしくは、招待しているけれど参加されない…といった場合は、相手側が参加を拒否している可能性もある。 上記の3点に当てはまらない場合