Scratchの共有機能をつかってプログラミング作品を公開する方法をご紹介します。Scratchのプロジェクトを共有する方法、共有を停止する方法、家族や友人にシェアする方法についてご説明します。 Scratchでは、つくったプログラム作品を保存することができますね。 ですが、保存しただけでは「非公開」となっているため、作者以外のユーザーはScratchプロジェクトを見ることができません。 Scratch作品を公開することで、誰でも遊ぶことができたり、家族や友人にURLを送って共有したり、他のユーザーが作品の一部を利用できるようにしたり…などなど、様々なことができるようになります。 この記事では、Scratch作品を公開して、誰でもあなたの作品で遊べるように設定する方法をご紹介します。

一人ひとりの子供にあわせたカリキュラムで 楽しくプログラミング学習!!全国どこでも自宅からプロのレッスンを受講可能。現在は国内だけでなく海外からも受講されています。 プログラミングやパソコン操作がはじめての小学生のお子様も歓迎！ 楽しみながら将来必要になるプログラミングの知識を身につけることができます。 さぁ、あなたも一緒にプログラミングを始めてみませんか？

アンズテックのハリーです。 みなさん宿題していますか？ 小学校の算数の宿題で面積を求めるのに、何回も同じ計算するのもたいへんですよね。 そんなときはプログラムを書いて自動で計算してもらいましょう。 円の面積を計算するプロ […] アンズテックのハリーです。 みなさん宿題していますか？ 小学校の算数の宿題で面積を求めるのに、何回も同じ計算するのもたいへんですよね。 そんなときはプログラムを書いて自動で計算してもらいましょう。 円の面積を計算するプログラムの作り方円の面積の計算方法は 半径×半径×3.14 ですね。 つまり、半径がわかれば自動で計算ができます。 早速スクラッチで円の面積を計算するプログラミングを作ってみました。 ※半角数字で入力してください。 全角だと「0」が返ってきます。 プログラムの説明プログラムの中身はこのようになっています。 入力された数字は「しらべる」の中にある「答え

Webエンジニアでも最低限のSEO知識を持っておきたい ferretやferretOneといったウェブマーケティングのメディア、ツールを開発、運営している株式会社ベーシックで働いており、近々ECサイトphocaseにて本格的にSEO施策を行うので、勉強がてらエンジニアが覚えておくべきだと思ったSEO周りの知識をまとめました。 この記事も書いていたら長くなってしまったので知らない部分をピックアップして読んでいただければと思います。 実装方法やSEO施策の詳細は貼ってあるリンクだけではなく、 別途Googleで検索するなどして複数の意見をインプットすることをおすすめします。 ###★この記事を読むとどうなるか マーケター、ディレクターとのやりとりがスムーズになる。 意図せず検索順位を下げてしまうコードに気づける様になる。 エンジニア側だけで動けるSEO施策を提案できる様になる。 なんとなくSE

額縁やポスターを飾りたいとき、どのように取付けるのがいいのでしょうか。 インターネットで検索するといくつもの方法があり、ピクチャーレールの他に粘着シートのついたフック・釘打ちタイプのフック・吸盤式のフック・額受け・丸ヒートン、マグネットタイプなどたくさんの方法が見つかります。 種類が多すぎるため「どれが最適なんだろう？」と迷ってしまうことでしょう。 様々な取付方法がありますが、取付ける位置・壁や天井の素材・対象の額縁やポスターの重量によって取付方法は異なります。 専門知識とスキルがあれば、設置することもが可能です。 ですが「取付方法をいちいち調べたり、勉強したくない」「飾るものが増える度に壁に穴が増えるのは避けたい」そういう方にはピクチャーレールがオススメです。 ピクチャーレールは一度施工してしまえば どんな場所にも！ 簡単に！ 壁を傷つけず！ そこそこの予算で 飾り付けが可能になります。

リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせるには、とにかく事前に仕様を固めることが大事だ。ワイヤーフレームやデザインの途中の段階からなるべくデザイナーとコミュニケーションを重ね、想定外の要件が発生しないように気をつけるべきだろう。 この記事では、デザイナーやフロントエンドエンジニアが見落としがちなWebフロントエンドの課題について列挙していく。 ホバー表現を後から指示される ツッコミ 後から仕様追加されると困るから先に決めて! メモ 最近

なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです

立命館大学はこのほど、甲骨文や金文など古代文字の4400字のフォント「白川フォント」を、研究者など向けに無料で公開した。研究・教育目的などに利用できる。この規模の古代文字の無料公開は国内初という。 常用漢字・人名漢字のうち古代文字が判明している漢字を収録。立命館大名誉教授だった故・白川静博士が漢和辞典「字通」などに収録した古代文字をもとに、同大情報理工学部と共同でフォント化し、12日の「漢字の日」を前に公開した。 フォントをインストールすれば、専用Webサイトから、1文字ずつ検索したり、文字列で検索できる。営利目的での利用は、別途許可申請が必要。

webサイトやアプリなどのUIデザインに悩んだときに参考になるデザインギャラリーを全20サイト紹介します。 よくあるコンポーネントのデザインや配置の仕方、カラーの組み合わせ方を眺めるだけでなく、ギャラリーによってはクールなものからユニークなものまである様々なアニメーションをまとめているところもあるので、デザイン以外の部分でも参考になるギャラリーもいくつかあります。 また、悩んだ・困ったときに見るだけでなく、お気に入りのギャラリーがあればブックマークやフィード登録などして普段から空いた時間に目を通すことでデザインの引き出しも増やせますね。 Calltoidea 細かいコンポーネントからページ全体のレベルまで様々なデザインがまとめられています。 カテゴリーを表すアイコンもわかりやすく参考デザインのキャプチャも大きくて見やすいので、個人的によく見るギャラリーサイトのひとつです。 Collect

CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませて…

なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま

 どうも、まさとらん（@0310lan）です。 今回は、Webサービスなどを開発する際に、ユーザーの管理や識別などで必要になる「ユーザー認証」機能を、できるだけシンプルに作ってみたいと思います。 利用するのは、さまざまなバックエンド機能を提供するGoogleの【 Firebase 】です！ 非常に多機能なサービスですが扱いはとてもシンプルで、簡単なコードを覚えてしまえば誰でも活用できるはずです！ 自分でサーバーを用意する必要もなく、基本的な機能は無料で使えるので今すぐ始められるのも特徴と言えるでしょう。 ■始め方！ 今回は、「メールアドレス」と「パスワード」でログインする一般的な「ユーザー認証」ページの作成に挑戦してみましょう！ そこで、まずはFirebaseにアクセスして新規にプロジェクトを作成します。 好きな「➀プロジェクト名」と、自分の「➁国名」を指定します。 すると、プロジェクト

プロジェクトを遂行するためには、工数の見積もりやスケジュール管理が必要になります。正確な見積もりは難しく納期に間に合わなかったり、残業や休日出勤で埋め合わせたりした経験はありませんか？ 今回は、より正確に工数の見積もるための手法や、差し込み作業を考慮したスケジュール手法などについて解説されている記事をまとめました。 マネージャー、エンジニア、デザイナーなどすべての方に参考なる内容だと思います。 開発の見積もりとスケジュール管理 クックパッド株式会社の方が実践している見積もりとスケジュール管理方法について紹介されています。工数を見積もるステップや、スケジュールを立てるときの注意点、スケジュール管理の方法について学びたい方におすすめの記事です。 開発の見積もりとスケジュール管理 不安とストレスから解放される見積りとスケジュール方法 開発をしているとき、納期に間に合わなかったらどうしようと不安に

きっかけ この記事を書いた人のレベル 今回の読書プラン Python 環境の構築 インストール先の環境 Anaconda (Python 3) のインストール 科学計算に関するライブラリのインストール サンプルの実行に必要なライブラリのインストール サンプルの実行 サンプルコードを実行していて引っかかったところ 3章 12〜13章 Python の勉強 速習コースを読んでみた感想 きっかけ 機械学習の重要性は、それこそ「ビッグデータ」という言葉が出てきた頃からいろいろな人が訴えていますが、最近は特にツールが充実して、敷居が下がってきたように感じています。 そろそろ自分でも機械学習関係のツールを使えるようになりたいと思っていたのですが、そんなときに「具体的なコード例が多くて読みやすい」という本書の評判を聞いて、読み始めました。 Python機械学習プログラミング 達人データサイエンティストに

Fly me to the Nordic !! 北欧の風に乗ってお届け 魔女宅配は、お客様のお手元へ 魔女がお届けする新サービスです。 時には窓から、時には庭から。 大切な商品を風に乗ってお届けします。 日常の中にワクワク出来る体験を。 インテリオーレスは「日常の中の非日常」をテーマに北欧雑貨を中心に取り揃えています。 商品だけでなく、配送方法にも”北欧らしさ”を取り入れます。 北欧では魔女の修行のために荷物を配達する仕事が伝統的に行われています。 昔ながらの方法で配達される荷物には北欧らしい温かみがあり、今見直されている注目のサービスです。 今までにない体験をぜひ一度お試しください。

フラットデザインの6つ子アイコンを作りました ダウンロードはこちらから。 Illustrator CC / RGB / zip [ai,eps,png] TVアニメ「おそ松さん」公式サイト

2016年2月より劇場版が公開されている『selector infected WIXOSS』のロゴフォントを調べてみました。 selectorのロゴフォント ベースとなっているフォントはファンタジー風のデザインが特徴的なHarringtonというフォント。 比べてみると雰囲気は大きく残っているものの、細かい所は結構手が加えられています。 ※画像は劇場版『selector（セレクター） destructed WIXOSS』公式サイトより MS officeに標準で付属されている Harringtonフォントはmicrosoft officeシリーズに標準で付属されています。 参考：Office の各バージョンに付属するフォント officeをインストールしていればselectorのロゴフォントを扱える！ 『infected WIXOSS』のフォント 次にサブタイトルも見てみましょう。 inf