専門性の高いページ｜品田遊（ダ・ヴィンチ・恐山）くぎ煮の専門サイト くぎ煮.jp – いかなごのくぎ煮のことなら kugini.jp 「ん」でしりとりで勝つ しりとりで勝つ www.eonet.ne.jp ドラえもんのひみつ道具研究 ドラえもんのひみつ道具を一つもらえるとしたら ドラえもんが自分の元へ突然やってきて、ひみつ道具を一つだけくれたら？そんな「もしも」をひみつ道具ごとに真剣に考えます。 moshimodogu.com 女性芸能人の歯 女性芸能人の歯・お宝画像 yabuisha.starfree.jp
"えっ、この非常時にさえICTを使わないのなぜ？"の文科省説明会[5月11日]を文字起こししてみた｜まさきとみずもとかづき
5月11日に文科省が情報環境整備に関する説明会をYoutubeでLIVE配信しました。 そこでの、文部科学省 高谷浩樹 初等中等教育局 情報教育・外国語教育課長 の説明会がかなりパワフルなメッセージだったので、是非多くの人に読んでもらいたいと思い、文字を起こしました。 この説明会がきっかけで、私たちは現役の先生たち中心の完全無料のオンライン個別学習サポート、オンライン寺子屋を開始しました。 一部抜粋 "えっ、この非常時にさえICTを使わないのなぜ？"“現場の職員の取り組みをつぶさないでくれ””これからはICTを使わなかった自治体に説明責任が出てくる”"紙を配るんではなく、双方向での授業を学校現場に取り組んで頂く必要がある。""本当にできること、使えるものは何でも使って、できることから、できる人から、既存のルールに捉われず、臨機応変に何でも取り組んでおられますか？" "ご対応いただきたい、じ
!["えっ、この非常時にさえICTを使わないのなぜ？"の文科省説明会[5月11日]を文字起こししてみた｜まさきとみずもとかづき](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1ff4d7d085ee8e58dfafd5a8135176a77918c1c/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F25422718%2Frectangle_large_type_2_3088e4a85a0d69dbd6ecd9d1617d4239.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
3Dプリンターを1ヶ月位経った感想｜takahashitoshio
年末になると、恒例の【今年買った中で良かった物選手権】がブロガー達の間で繰り広げられております。私の場合、間違いなく3Dプリンターがそれに当てはまります。購入したのは11月21日でしたので、まだ一ヶ月程度しか使用していませんが、おそらく今年購入した何よりも素晴らしい物だと実感しています。 ということで今回は、1ヶ月間ほど3Dプリンター生活をしてみた感想を書いておこうと思います。 尚、最初に導入した際はこんな事を書いていたので参考にして下さい。 導入言い訳編既に前回の記事で書いていますが、私の場合はカメラやレンズといった機材を自作することが多く、それで作品を作ったり遊んでたりします。 カメラ用品は光学と密接に関係しているため、非常に高精細な作り込みがなされています。今まで私は、木やアルミの板や箱を曲げたり加工したりして作成していたのですが、如何せん工具もなければ性格も雑なことがあり、とてもじ
【翻訳してみた】Google Design - モーションデザインは難しくない｜Iori Iwaki｜Motion designer
前置き 去年の暮れ頃、最初に翻訳をしようと思ったキッカケがこの記事でした。海外ではモーションデザインに関する記事がMediumに存在し、日本語記事が存在しないことにストレスを感じていました。著者のJonasさんに連絡を取り、翻訳の許可をいただいたことからこのnoteの翻訳を始めました。 引用元 : Medium - Google Design - Motion Design Doesn't Have to be Hard 著者 : Jonas Naimark Googleのマテリアルデザインチームで働くモーションデザイナー。 彼のTwitter,Dribbleアカウントはこちら。 https://twitter.com/jonasnaimark https://dribbble.com/jonasnaimark モーションデザインはUIの表現力を向上させ、使いやすくする手立てになります。そ
UIのお作法。28個の「〇〇できそう感」をまとめました。｜maiokamoto
UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。 １、進めそう感 ２、戻れそう感 ３、進めそう＆戻れそう感 ４、開きそう感（ドロップダウン） ５、開きそう感（アコーディオン） ６、開きそう感（モーダル１） ７、開きそう感（モーダル２） ８、カレンダーが開きそう感 ９、メニューが開きそう感（ハンバーガー） １０、検索できそう感 １１、入力できそう感 １２、検索できそう ＋ 入力できそう感 １３、パスワード入力できそう感 １４、パスワード感（強め） １５、間違えた感（エラー） １６、合ってる感（OK） １７、電話かかる感
FigmaではじめるUI（Web）デザイン｜Part2｜Nao Komura｜note
ただ、前回作ったものはデザインシステムの空箱でしかありません。 空箱という言葉が示すように、変数的に定義したカラーやタイポグラフィをどのように意味づけていくかが残りのPartの目的の1つでもあります。 そして、そのデザインシステムを真に活用していくには横断的な組織が必要不可欠になってきます。 どうすれば横断的な組織をデザイナーという立場から作り出せるのか。それは僕にはまだ上手く説明できませんが、こちらの記事なんかはヒントになるかもしれません。（Takramさんの越境という思想はUIデザイナーとして成長していくにあたって重要なファクターになると思います。） とはいえ、組織のデザインはせずにスタイルガイド的な俺々デザインシステムを作るだけでも有用であることに変わりはないと僕は考えます。 のちのち自分の作ったデザインシステムが組織的に必要になる状況はありえますが、まったく不要になるという状況はほ
Figmaの使い方、全力でまとめました。｜hikaru-takase /Loglass
最近、figmaを社内でも始めたのですがその魅力にドンドン引き込まれています。自身の学習も含め、これからfigmaを導入しようとする方の参考になればと思い使い方のまとめを作ってみました。 私はsketchをベースに開発することが多いのでsketch→figma視点で語ってる所が多いです。全力と言いつつ、まとめ切れていない所も多いので、不足しているところは随時更新していきます。 導入編アカウント登録 figmaの公式サイトに行きましょう！まずはアカウント登録。すべて英語ですが名前と職業を聞かれるぐらいで簡単に登録できます。またgoogleアカウントを持ってる人であれば、そちらからすぐにログインできるのでおすすめ。 ログイン後はfigmaのダッシュボードが表示されます。 webブラウザでほぼすべての機能が使えるのがfigmaの特長でもあります。 Desktop Appをインストールする やはり
FigmaではじめるUI（Web）デザイン｜Part1｜Nao Komura｜note
Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。 そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザインツールとの比較」のような内容の記事が多く（人のこと言えないですが......）、初心者にはUIデザインのツールとしてはまだまだ馴染みの薄いツールなのかなと思います。 というより、昨今はデザインツールが多すぎてシンドいことこの上ないですね。一度効率化の味を知ると更なる効率化を追い求めてしまいますし、そんな現状だと日頃から使用しているツールを変えるのも一苦労です。 ......さて、今回は初心者〜中級者くらいまでに向けてFigmaで作るUIデザイン入門的な記事を書いていこうと思
意外と知らない？HTML/CSSを書く上で便利なデベロッパーツールの機能13選｜かずたか
※こちらの記事が400はてブ以上ついて、総合とテクノロジーの人気エントリーに入りました！ こんにちは。Kazutaka Shimizuです。 フリーランスとしてPM、エンジニアをやっています。 元々はWebマーケティングのコンサルタントをやっていましたが、独学でWeb開発を勉強してプロダクトを作って起業しました。 最近は創業した会社を離れ、フリーランスとして活動したり、プログラミングを独学した経験をこちらのツイッターで発信しています。 みなさんはGoogle Chromeのデベロッパーツールをご存知ですか？ ドットインストールなど一部のプログラミング学習サービスでは、デベロッパーツールのレッスンがあるなど、おそらく全く知らない人はかなり少ないと思います。 しかし、とにかく多機能なため、意外と便利な機能を使ったことがないというプログラミング初心者の方も多いようです。 僕自身、何度か自分のTw
日本のIT産業は、なぜ世界に通用しないのか｜中島聡
かつて「社員にやさしい会社」といわれてきた富士通は、今回5000人のリストラを打ち出した。... 3000人を募ったNECは、これまで何度もリストラを繰り返してきた。2012年には、1万人の人員削減を実施している。... 早期退職しない限り面接が続き…「45歳以上クビ切り」横行中 知り合いから紹介されて、「あるソフトウェア工学者の失敗、日本のITは何故弱いか」という論文を読みました。京都大学の林普博士が書いた文章です。 数学からITの世界に入り、関数型プログラムの自動生成の方法などを研究していた方ですが、最後には「日本のITが世界で通じない理由は、技術的・産業的なものではなく、社会的・文化的なものである」と結論づけている点は素晴らしいと思います。しかし、その違いがどこにあるのか、というもっとも大切な部分に踏み込んでいないため、ちょっと消化不良を起こしてしまいます。 そこで、補足として、私な
プレゼン本に書いていない生々しい８つのプレゼン技術のご紹介(前編)｜Yasuhiro Yoshizawa
さて、ふとしたきっかけがありまして、「そういえば、自分がこれまで接してきた、スゴいプレゼンター、プレゼンの技術というのには、どんなものがあるのだろう？」という内容を、じっくり考える機会に恵まれました。 そこでリストアップされた要素を集約すると、下記の８点。 １：東大教授も提携先事業部長もこれで攻略|プレゼン相手の心配事とキレるポイントを妄想してプレゼンを脳内シミュレーションする ２：一般論での「良いプレゼン」とかガン無視して、結局終わったあとに何が得られればOKなのかを、P&Gフレームで考える ３：自分だけが経験し、そして感情が動いたコンテンツを生成し・記録し・再現可能にする ４：官僚の大臣レクを手本とした超高速プレゼンで、相手の脳みそ難易度を高める ５：プレゼンそのものを叩かれ台にして議論を巻き起こし、最終結果を協働成果にする ６：「神業めくり」で、映画のような強烈なストーリーを叩き込む
2018年 導入してよかったデザインツール｜灰色ハイジ｜note
Twitterのタイムラインで「2018年なんとかまとめ」というリンクをよく見かけることで年末を感じている灰色ハイジです。こんにちは。 日々いろんなツールが増えていますが、個人的に今年導入してみて良かったデザインツールをまとめてみました。 - Contrast - Principle - Figma - RealtimeBoard - IconJar - UXKit - Notion - ConceptsContrast WCAG（ウェブコンテンツ・アクセシビリティ・ガイドライン）が定めた数値で色のコントラストチェックができます。これまでにも同様のツールはありましたが、Sketchのプラグインだったり特定のソフトウェアでしか使えなかったものが、これだとMac Appでメニュー バーから起動できるのでどのソフトウェアでも使えます。 Principle アニメーションやインタラクションがつくれ
SESを正しく行うための違法判定フローチャート｜なかよし@SESちゃん4コマ漫画&LINEスタンプ｜note
SES企業の「具体的にどこで違法性が疑われるの？」を流れ図にしました． SESに関わる経営者・管理監督者・労働者・発注者いずれも必要な知識だと思います． 前提条件 ・主な対象は「狭義のSES」 ・狭義のSESは「客先常駐+委託契約」 ・委託契約はほとんどの場合「請負」か「準委任」 違法判定フローチャートフローチャートといってもUMLには準拠していません． 「SES企業の社員になった(雇用契約を結んだ)」からスタートしてください． 図の後に解説を置いたので参考にどうぞ．議論を要するものもあります． ★客先との事前面談で受け入れ合否があると違法？(1)事前面談で客先が不合格を出す：違法 (2)事前面談で客先が合格を出す：違法の可能性あり (1)は厚労省の見解*より，違法と判断できます． 「労働者派遣事業と請負により行われる事業との区分に関するＱ＆Ａ（第２集）」のQ13(p17)を根拠とします．
Microsoftが「Sketch 2 Code」を公開！AIが、手書きのワイヤーフレームをHTMLに自動変換してくれる新時代に。これはすごい！！｜榊原昌彦
Microsoftが「Sketch 2 Code」を公開！AIが、手書きのワイヤーフレームをHTMLに自動変換してくれる新時代に。これはすごい！！ 流れてきたツイートをみて「なんだこのデモは」といろいろ見てみたところ、Microsoft AI labがすごい技術を公開していたので簡単にまとめます。どういう技術かというと「手書きのワイヤーフレームを適切に修正してHTMLに自動変換」してくれます。 Kabel, Spike Techniques, Microsoftが2018年8月末に公開したSketch 2 Codeというライブラリです。GitHub（ https://github.com/Microsoft/ailab/tree/master/Sketch2Code ）で公開されているので、確認することができます。行っている処理は以下の通り。 1. ユーザはWebに画像（手書きワイヤーフレ
#技術書典 初の非常口サークル爆誕、1000部以上売れた #マンガでわかるDocker 一部始終｜湊川あい #わかばちゃんと学ぶ 本 発売中
こんにちは、湊川あいといいます。2018年4月22日に開催された技術書典4にサークル参加しました。そのレポートを書き記しておきます。 記事の最後にマンガでわかるDockerがどこでどれだけ売れたのか、部数の詳細もあります。 イベント前日 技術書典のサイトには、ログインすることで見て回りたいサークルを事前にチェックして場所を記録できる機能がある。 このとき、すでに用意している在庫数よりも、被チェック数がひとまわり上回ってしまっていた。 被チェック数が200を超えると最後尾札を作った方がいいというアドバイスを見かけたので、急遽、段ボールにサークルカットのイラストを貼り付けて最後尾札を作った。最後尾札なんて今まで使ったこともないし、まさか途中札まではいらないだろう。 急遽、ダウンロードカードを増刷。これでよっぽど足りるだろう。 私の商業本「わかばちゃんと学ぶ」シリーズは書店さんに行けば売っている
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインに便利なツール18選｜かずたか
井上純一｜note