商用利用無料！Material Designが簡単に実装できる、Bootstrap 4をベースにした新作テンプレートのまとめ
Material Designを使用してみたいけど、時間がない、手間をかけたくない、という人にぴったりな、Material Designが採用された商用でも個人でも無料で利用できるBootstrap 4ベースの新作テンプレートを紹介します。 企業向けサイト、プロダクトのランディングページ、ポートフォリオやギャラリー、ブログ用のテンプレートが揃っています。 Material Design for Bootstrap 4 MDB- GitHub Bootstrapの特徴や基本的な使い方は、下記の記事を参考にどうぞ。 参考 Bootstrap 4の主な特徴、IE8のサポート終了、Sassに移行、CSSの単位はremとem採用 Bootstrapのグリッドシステムの基本な使い方 新しくなったBootstrap 4の基本テンプレート、ナビゲーション、コンポーネントのまとめ ではMaterial De
ニュース | 世界中で人気のボードゲーム「モノポリー」がシンセになった！？まさかのコラボが実現した KORG iMono/Poly アップデートが登場。 | KORG (Japan)
関連ニュース 2023.11.09いよいよ本格始動へ。スタンドアローン型KAOSSとして進化したKAOSS Replay、新登場！2023.11.0810個のパッドを筆頭に、多彩なサンプラー機能、画期的なCCパッド、最先端の4トラック・ルーパー等、新たな表現力を獲得したドラム/サンプラー・パッド、MPS-10新登場！2023.10.25modwave mk II - 同時発音数が約2倍になり、フリーランニングLFOなどが拡張されました。2023.10.25新感覚ポリ・アフタータッチ・コントローラー、Keystage。 解き放たれたMIDI2.0 をいち早く体験しよう。2023.10.13KApro Iconic Suite "London Symphonic Orchestra" : KORG Module に新しいエクスパンション・サウンド・ライブラリが登場。発売記念セールを実施。202
【第二回】デザイン初心者でも出来る！企業ロゴの作り方【案出し～デザイン作成編】
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/1038/room ーーーーーーーーーーーーーーーーーーーーーーー
アメブロに ESLint + Prettier で自動コード整形を導入した話 | CyberAgent Developers Blog
こんにちは！ アメーバブログでフロントエンド開発をしている2017年新卒エンジニアの上西です。 今回は、昨年度の刷新でReact + Reduxの構成になったアメブロのフロントエンドにESLint + Prettierで自動コード整形を導入した話をしたいと思います！ ESLintとは / Prettierとは ESLintはJavaScriptのLinterです。 スタイルガイドラインに準拠していない問題のあるパターンやコードを見つけることができ、軽微なエラーならAutoFixできます。 アメブロでは刷新当初から導入していましたが、AutoFix機能を利用していなかったため軽微なLintエラーでも手動で直す必要がありました。 Prettierはコードフォーマッターです。 コマンド1発でコードを一貫したスタイルに自動整形できます。 ES2017やJSX、Flow、CSSなどの様々な言語に対応
学校で問題児扱いされる子どもの生育環境と他の子どもへの強烈な影響を垣間見て、ちょっと落ち込んだ - 斗比主閲子の姑日記
とある親子と一緒に小旅行に出かけたときのこと。親の名前をAさんとし、子どもの名前をA子とします。 A子と私の子どもが遊んでいるのを眺めていたり、A子が私に話しかけてきたりするときに「ん？」と引っかかるものがありました。 私の子どもがどうしてもパズルが解けないとウンウン唸っていると、A子は「そんなのも解けないの？ 私、答え分かるよ」と横で答えを言ってしまう。私の子どもが「昨日は12時過ぎに寝たよ」と言うと、A子は「12時過ぎてるなら昨日じゃなくて今日でしょ（笑） 間違ってるよ」と指摘する。 私が子どもたち全体に対して「ほら、周りにはたくさん人がいるよね？ 大きな声でワーワー言うとみんなびっくりするから、静かにしようね」と言うと、A子は「ワーワーってなに（笑） ワーワーなんて言わないでしょ（笑）」とニヤニヤしながら私の表情をうかがう。「ワーワーはもののたとえだよ。大きな声で騒がないでってこと。
家庭内通貨を導入したら「元ヤクルト古田選手」が救ってくれた話
何を言ってるかわからないと思うが、騙されたと思って最後まで聞いて欲しい。 ＜単純明快なルール＞ 我がオロチ家が家庭内通貨を導入して1年が過ぎた。子どもたちは、家の手伝いをしたり、大人を助けてくれたとき「ペコ」というオリジナル紙幣をGetできるのだ。 ※イメージ図。実際のペコ紙幣はコピー用紙に印刷した粗末なものだ。 ペコ紙幣の額面は1ペコ、2ペコ、3ペコしか存在せず、運用ルールは単純明快。以下のたったひとつしかない。 1度に与えられる額は基本1ペコのみ。 これは運動会で1位をとったなど大金星をあげたときは3ペコぐらい与えて、特別感を演出するためである。したがって普段はお手伝いの内容にかかわらず一律1ペコだ。 そして使用ルールに関しては以下の3つのみ。 １．ゲームをしたいときは2ペコ払うこと ２．大人が「いい」と言ったらゲームができる ３．大人が「やめろ」と言ったらすぐにやめる ※各種端末で見
Vivliostyle の新しい始まり
Vivliostyle の新しい始まり 村上 真雄 (代表理事、Vivliostyle プロジェクト・リーダー) リボアル・フロリアン (理事、W3C CSS WG Invited Expert) Vivliostyleは、Webと印刷の世界のギャップを埋めることを実現する目的をもって、スタートアップ会社として誕生しました。そのため、標準技術をオープンソースで実装しながら、様々なプロジェクトの活動をしてきました。 会社は当然にビジネスニーズによって進化してくものですが、Vivliostyleの場合は初期の戦略によって中心だったオープンソース・プロジェクトは中心ではなくなり、他のことを集中することになってきました。 2018年2月16日、Vivliostyle社は、この変化を反映して社名を変更し（新社名: トリムマーク株式会社）、オープンソース・プロジェクトとしての Vivliostyle
給食かわり「ハマ弁」１食に市費６千円 横浜、１６年度：朝日新聞デジタル
中学校給食を実施していない横浜市が、給食のかわりに導入した配達弁当「ハマ弁」の市費負担が、２０１６年度に１食あたり６３１３円にのぼったことがわかった。１７年度は改善したが、それでも１食２千円程度となる見通し。利用率２０％を想定したのに、実際は１％台に低迷しているためだという。 ２０日の市議会予算特別委員会で、井上桜市議（無所属）の質問に林文子市長と岡田優子教育長が答えた。 ハマ弁は１６年７月から段階的に提供が始まり、１７年１月に市内全中学校に広がった。民間業者が調理・配達を担い、生徒（保護者）の自己負担と市費で運営されている。 答弁などによれば、１６年度の提供数は計４万７８２５食。初期投資を除いた市費負担は３億１９２万円だった。１食あたりで公費が６３１３円投じられた計算だ。 これほど高くついたのは、利…
ゼルダの伝説ブレスオブザワイルドのサントラを買う人が知らないゼルダBGMの裏側｜じーくどらむす
全世界70億人のゼルダファンの皆様、 そしてその9割を占めると言われる60億人超のゼルダ音楽ファンの皆様へ。 四月にはゼルダの伝説ブレスオブザワイルドのサントラが発売される。 『ゼルダの伝説 ブレス オブ ザ ワイルド』オリジナルサウンドトラック発売決定！ https://topics.nintendo.co.jp/c/article/a0d07f85-1b5c-11e8-a129-063b7ac45a6d.html 突然だが……サントラというものが何かご存知だろうか？ サントラ、正式名所オリジナルサウンドトラックとはゲームの中に出てくる音楽を音楽単体で抜き出して商品にした上で、なぜか知らんがゲーム本編と変わらん価格で売りつけるというえげつない商売のことだ。しかし、これを60億人が買いたがる。ありがとう任天堂。 サントラに入っていないものご存知の通りサントラにゲームは入ってない。 ハイラル
無礼な振る舞いを見過ごすとチームのパフォーマンスは低下する | チームマネジメント｜DIAMOND ハーバード・ビジネス・レビュー
チームの業績低下や機能不全の一因に、「無礼な振る舞い」の影響がある。職場での無礼を専門に研究する筆者が、礼節ある環境をつくる要諦を示す。 礼を失した振る舞いは、チームに亀裂を生み、協力関係を破壊し、メンバーの心理的安全を損ね、チームの有効性を妨げるおそれがある。軽蔑的で品位を傷つける発言や、侮辱、中傷その他の無礼な行為は、自信と信頼を失わせ、助け合いの精神をむしばむ可能性がある。こうした影響は、「無礼な行為の直接的なターゲットでない人たち」に対してさえも及ぶのだ。 最近のある研究では、非礼な振る舞いが医療現場で協力関係とパフォーマンスを低下させると報告している（英語論文）。 実験では、イスラエルにある4つの新生児集中治療室で働く24の医療チームが、治療の質を向上させるための研修会に招かれて、参加した。チームは研修の一環として、腸の重篤な疾患によって状態が急に悪化した未熟児に処置を施す必要が
「ネットがない頃ってどうやって勉強してたの？」 女子高生が語る、今どきのテスト勉強法
連載：女子高生、「はじめてのPC」を買う スマホファースト世代の女子高生（JK）がPCの必要性に迫られたとき、彼女は何を基準に機種選択し、どう使うのか？ ひょんなキッカケからノートPCを持ったJK（17歳）とその父の二人三脚を描く、デジタルライフドキュメンタリー。 連載一覧 初回：ビル・ゲイツもジョブズも知らない女子高生、「はじめてのPC」を買う 前回までのあらすじ 17歳になる娘は正真正銘のネット世代。情報ソースの信頼度ナンバーワンはインターネットと断言し、新聞・雑誌は読まず、「ラジオはオワコン」と言い切って父を驚かせた。SNSはあまり信用せず、広告っぽい情報からは距離を置くなど、ネットリテラシーもそれなりに身についているようだが……。 父（47歳）の私は、高校生はネットをもっぱら「遊び、おしゃべり、暇つぶし」に使うのだと思っていて、そのことを娘に伝えたら「とんでもない」と切り返された。
UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ
サイトやアプリの使い心地を改善！UIアニメーションを良くする実践テクニック、小技7個まとめ
実際のサンプル例を確認しながら、UIデザインの「良い」アニメーションを「より良く」してみましょう。ほんの少し調整を行うだけで、UIマイクロインタラクションをより魅力的で、ユーザーにも分かりやすく表現できます。 たとえば、リスト形式で並べたコンテンツにちょっとした工夫を加えるだけで、よりつながりのあるUIパターンを演出できたり、コンテンツの関係性を考えたアニメーション遷移、ボタンをクリックするなどユーザーに行ってもらいたいものに注意を引くことも、ほんのわずかなUIマイクロインタラクションによって実現できます。 今回はこれらのサンプル例を作成するために、Material Motion、IBMのアニメーション原則、Motion in Manifestoのガイドラインを参考にしています。 また今回のサンプル例は、InVision Studio（現在は限定ユーザーのみのアーリーアクセスで、メール登録
人工知能がますます便利に！ロゴやイラストやレイアウトの配色を自動で行う便利な無料ツール -AI Color Wheel
去年あたりから、デザイン制作にもAIがさまざまな形で導入されています。 身近なところでは、Adobe Sensei（人工知能）によるPhotoshopの選択範囲作成が1クリックでできるようになったり、他にもフォントの組み合わせをAIで、カラーの組み合わせをAIで、サイトのリデザインをAIで、単純な作業は自動化することができ、よりクリエイティブに時間を割けるようになりました。 先日リリースしたばかりの、ロゴやイラストやレイアウトの配色を適用するカラーのルールに基づいて、自動で行う便利な無料ツールを紹介します。 AI Color Wheel AI Color Wheelでは、ロゴ、イラスト、ワイヤーフレーム、その他のグラフィックアートを自動的にカラーリングすることができます。すべての配色パターンが一覧表示されるので、そこから選択するだけでOKです。
岡山駅前に群がる「特攻服」の中3 恒例化「ど派手に卒業祝いたい」（山陽新聞デジタル） - Yahoo!ニュース
卒業式を終えた中学3年生が、派手な柄や刺しゅうを施した服装でJR岡山駅に集まる“イベント”が、近年恒例となっている。今年も岡山県内の多くの中学校で卒業式があった13日、約70人の男女が東口広場の一角に群がり、多くの警察官や学校関係者も警戒に当たった。生徒たちは何を目的に集うのか。当日の様子を追った。 13日午後3時。桜吹雪や竜などの刺しゅうが施された「特攻服」姿の中学3年生が続々と集まってきた。茶髪や金髪に染めた生徒が多く、女子生徒も3割ほど交じる。ほとんどが県南在住という。 友達と一緒にスマートフォンで自撮りしたり、広場の桃太郎像の前で集合写真を撮ったりとお祭り騒ぎ。像の台座によじ登り、警察官から降ろされる一幕もあった。約1時間半で騒ぎは収まり、生徒は各地に散った。 ■ □ ■ この現象は10年ほど前から始まったとみられるが、詳しい起源は不明。誰かが中心的役割を担って呼び掛けるのでなく、
ビジネスモデル図解におけるノウハウの公開！｜きょん
どうも、きょんです。 今日は、私が最近参加させていただきながら非常に大きな刺激を受けている「ビジネスモデル図解制作委員会」にて取り組んでいる、「ビジネスモデル図解」についての私のノウハウの中でも、特に図解作業に限定したノウハウを提供させていただこうと考えています。 委員会ではとても勉強になる楽しい日々を過ごさせていただいていますが、一つ疑問が。このツールが流通したとして、本当に初心者がいきなり作れるのだろうか、ということです。実際、私も何度もビジネスモデル図解に挑戦し、なかなか苦労した経験があるので、これはとても難しいなと感じています。現在も日進月歩な状態です。 ビジネスモデル図解制作の図解ツールは公開されており、現状では誰でもビジネスモデル図解に取り組むための道具はそろっています。しかし、図解に取り組む際の作り方までは共有されているかというと、まだまだなところがあると思います。どうやって
なぜビジネスモデルを図解するのか？どう図解するのか？裏側やノウハウの全図解まとめ｜チャーリー
チャーリーです。 ビジネスモデルの図解をする中で、なぜ？と思うことが大量にあったので、図解してみました。自分がなぜ図解するのか、どのように図解しているのか、何を図解していきたいのか、そんなことをスライド形式でまとめています。それではどうぞ。 スマホで見づらい方のために最初にPDFのリンクを貼っておきます。 PDFでダウンロード まさにnoteの記事です。ちなみにこちらから飛べます、がまだ飛ばないでください続きを読んでください。もしくは別タブで開いてまた戻ってきてください。 追記：最初「出版依頼 7社」と記載していましたが正確には書籍の出版依頼が4社、Webなどの連載依頼が3社の合計値でした！言葉足らずでした..！また、上記の数字はnoteに公開した2つの記事の合算値になります(スライドにも同様の記載をしました) （文章で伝えようとせずに図解に走ったのは僕が文章が本当に苦手だからということも
SCOUTER開発者ブログ
2024-04-29 CSSってどんな勉強をしたらいいの？おすすめの勉強法3選！ 文字やタブなどWebサイトのデザインを作成するマークアップ言語がCSSです。 CSSを勉強すると、おしゃれなWebサイトやかっこいいWebサイトが作れるようになります。 また、Webサイトを作るときに必要なHTMLを理解するのにも役立ちます。 CSSを勉強するならできるだけ効率よく勉強できるようになりたいですよね。 ではCSSの勉強法はどのようなものがあるのでしょうか。 CSSの勉強法は、スクール […] 2024-04-29 WEBエンジニアから見たXserverの使い勝手と評判 レンタルサーバーのおすすめサイトを見ると、大体どこでも上がってくる有料のレンタルサーバーの一つに「Xserver」があります。 このXserverとは、どのようなサーバーで、サービスにはどのようなものがあるのか。 ホームページ関連
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
家庭料理はごちそうでなくていい。ご飯とみそ汁で十分。土井善晴さんが「一汁一菜」を勧める理由
UIデザインに適した美しいグラデーションを簡単に作成できる無料ツール・無料素材のまとめ
