Formatting text for app surfaces
These are developer-focused instructions that cover posting messages to Slack via APIs. For user instructions on message formatting in your Slack client, refer to this Help Center article. App surfaces such as messages, modals, or Home tabs can contain all types of textual treasures. The text itself can be formatted and placed inside blocks to create rich message layouts. The Block Kit elements th
[OpenStack Days Tokyo 2015] Zabbixを用いたOCPベアメタル監視環境構築の自働化
This is AKS (k8s) Hands on Lab Contents in Summer at Japan Tour 2019.
![[OpenStack Days Tokyo 2015] Zabbixを用いたOCPベアメタル監視環境構築の自働化](https://cdn-ak-scissors.b.st-hatena.com/image/square/b7f02b6f03c38abcc3bf2df5f2c2da55a7cef7c9/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fopenstackdaystokyo2015automaticconstructionofocpbaremetalmonitoringusingzabbix-150203191905-conversion-gate01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
React Nativeについてのメモ
huin Job : Software Engineer(iOS, Android) Use : Objective-C, Swift, Java Like : Gadget, Apple, Photography, Art, Design, UI, UX More posts by huin. 発表直後に一気に話題になりましたがfacebookがReact.jsのスタイルでネイティブアプリを作成するツール「React Native」を発表しました。"Learn once, write anywhere"という思想で、一度学習してしまえばWeb/iOS/Androidとすべての(メジャー)なフロントエンドアプリケーションを作成することができると説明しています。 が、ツール自体はまだ公開されておらず、発表のインパクトの割には中身がしれないのですが、React Nativeが発表されたReac
Rails で、Controller に定義されている action を一度に取得する方法はありますか？ - QA@IT
平素よりQA＠ITをご利用いただき、誠にありがとうございます。 QA＠ITは「質問や回答を『共有』し『編集』していくことでベストなQAを蓄積できる、ITエンジニアのための問題解決コミュニティー」として約7年間運営をしてきました。これまでサービスを続けることができたのは、QA＠ITのコンセプトに共感をいただき、適切な質問や回答をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、エンジニアの情報入手方法の多様化やQAサービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年2月28日（金）15:00をもちましてQA＠ITのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知らせとなり、誠に心苦しく思っております。何とぞ、ご理解をいただけますと幸いです。 QA＠ITの7年間で皆さまの知識
HTML5でヒートマップを実現できるJSライブラリ「HeatCanvas」
どんな場面で使えるか。Webベースのヒートマップ生成ライブラリ「HeatCanvas」 (MOONGIFT) HTML5 canvasで、ヒートマップを実現できるJavaScriptライブラリ「HeatCanvas」が紹介されています。 ライセンスはMITのようです。
どんな場面で使えるか。Webベースのヒートマップ生成ライブラリ·HeatCanvas MOONGIFT
HeatCanvasはCanvasタグを使ったWebベースのヒートマップライブラリ。 HeatCanvasはHTML5/JavaScript製のオープンソース・ソフトウェア。大量のデータが位置情報と結びついている時、ビジュアル化に最適な手法と言えばヒートマップではないだろうか。Webサイトのクリック情報を投影したりするのにも使える。 例 ヒートマップを自作しようと思うと大変な苦労をするかも知れない。専用のソフトウェアを使うか、WebベースであればHeatCanvasを使えばスムーズに作れるかもしれない。 HeatCanvasはCanvasタグを使ってヒートマップをレンダリングするライブラリだ。デモではCanvas上を適当にクリックしてヒートマップを生成したり、ランダムなデータを使って作成する。何度もクリックを繰り返した部分が赤くなる仕組みだ。 クリックすると強く出る 多数のポイントがあると
Web上でヒートマップを簡単に実現するHTML5/JavaScriptライブラリ「heatmap.js」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
heatmap.jsはWebベースのヒートマップ表示ライブラリ。 heatmap.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。グラフには様々な種類があるが、とりわけ作るのが難しそうなグラフにヒートマップがある。一定の範囲における影響度を表現したり、ユーザの動きを可視化するのに使われたりする。 デモ 動線を可視化することによってサイトの流れを変えたり、店の商品配置を変えるデータにもなりえる。そんなヒートマップを表示するためのライブラリがheatmap.jsだ。 heatmap.jsはWebブラウザ上で指定した範囲（画像など）の上にヒートマップを表示するライブラリだ。マウスの動きに合わせたり、クリックでヒートマップデータを作ることが出来る。クリック場所をトラッキングしておけば、元データを集積することができるだろう。 地図との組み合わせ 画像だけでなく、地図の上にレイ
初めての新規サービス開発を通して学んでいること - クックパッド開発者ブログ
こんにちは。投稿推進部の清水(@pachirel)です。 2009年にクックパッドに入社してから、インフラ周り、クックパッドの人事周り（採用・評価）や広告周りのシステム開発を担当していました。 2014年4月頃から、2〜3名の小さなチームで新規サービスのプロトタイピングをいくつか行っています。 企画の詳細は省きますが、私がこの10ヶ月ほどで学んだことをまとめました。アジャイル開発やLean startupの考えに共感しているので、そこから得た内容に私の体験を付け加えたものになっています。 今回はプログラミングに関する技術的な内容は含まれていません。 なぜ作るか スタートアップが失敗する原因で一番多いのは「人が必要としていないものを作ってしまった」というものです。 The Top 20 Reasons Startups Fail 社内の新規サービス開発でも同じ傾向があるのではないでしょうか。
PART 4 ITベンダーのDevOps事例
「かつて、開発チームと運用チームの関係はよくなかった」。インターネットイニシアティブ（IIJ）の田口景介氏（プロダクト本部 プロダクト開発部 アプリケーションサービス課長）はこう打ち明ける（写真1）。 田口氏が所属する開発チームは、IaaS（Infrastructure as a Service）、DNSサービス、Webホスティングサービスなどを担当している。従来はアプリケーションの開発・保守に特化した組織だった。 インフラの運用チームは別組織で、障害監視、ネットワーク設定、ハードウエアの調達・設定、OSの導入や設定、ミドルウエアの導入や保守などを担当していた。 以前は、開発と運用の間で意識のずれがあった。開発チームが新たにサービスを企画したり、既存サービスを改修したりする際、運用側の制約で使用できる技術が限られ、それを開発側が不満に感じることが多かったのだ。サービスに使用する技術のノウハ
スマホで作った素材を実業務で生かすタッチUIなIllustratorの使い方＆ポートフォリオサービスで共有
連載目次 あえてSurfaceでイラレを使う 前回の「デザインネタをWebで探す人が知っておきたい、日ごろのネタ収集と活用を効率化する4つのアプリ」では、Adobe Creative Cloud（以下、Creative Cloud）のスマホ向けアプリ群「Adobe Shape CC」（以下、Shape）「Adobe Brush CC」（以下、Brush）「Adobe Color CC」（以下、Color）を使って、それぞれ形状、ブラシ、色の組み合わせをデザインの素材として収集し、Webストレージに保存する方法を紹介した。 Shapeを使って作った「形状」のベクターデータは、そのままCreative Cloudを経由して「Adobe Illustrator CC」（以下、Illustrator）などで利用できる。今回は作ったデータをIllustratorで編集し、簡単なワイヤーフレームを作る
hajimeteweb.jp - このウェブサイトは販売用です！ - hajimeteweb リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CentOS7でPHPとか動かすところまで構築するのに使ったコマンドまとめ - Dance with Tech
こういったインフラ周りは日頃触らず忘れやすいので、自分の備忘録としてまとめておきます。 環境はAmazon EC2です。 CentOS6.xと7の主な変更点 「service」コマンドと「chkconfig」コマンドが、「systemctl」コマンドに統合 「iptables」が「firewalld」に変更 「ntpd」が「chronyd」に変更 「ifconfig」が「ip」コマンドに変更 ユーザーを「centos」から「root」に切り替える方法 CentOS7の場合、初期ユーザが「centos」でした。 「root」になるには新しくパスワードを作成する必要があるようです。 Apachのインストール 「service」コマンドは「systemctl」コマンドに変わったので、以下になります。 chkconfig -listの代わりに 以下のコマンドで、自動起動設定を一覧で確認出来ます。
独学で 1 ヶ月間 OpenGL を学んで得た基礎知識のまとめ ~ 2D 編 ~ · けんごのお屋敷
OpenGL。その単語の響きだけで素晴らしく魅力的に思える 3D コンピューターグラフィックスライブラリは、これまで何人もの駆け出しゲームプログラマーに幾度と無く挫折を味わわせてきた。「ゲーム作るならやっぱり高速に描画できる OpenGL でしょ。でも自分が作るゲームに 3D はいらないし、しかも難しそうだし、別に 2D 描画だけできればいいや」 と、軽い気持ちで手を出したのが運の尽き、世の中そんなに甘くはなかった。OpenGL というその難攻不落城は私達の進む道を阻むように高々とそびえ立っている。 OpenGL がコレほどまでに取っ付きにくいのは 気軽に Hello World できない からなんじゃないかと思う。OpenGL の場合だとそれは何かしら 1 つの図形を表示することにあたるのかな。でもたったそれだけなのに、覚えることが山ほどありすぎて全然本題にたどり着くことができないし、O
小さな変更で大きくUXを改善するマイクロデザインってなに？ | WebNAUT by Beeworks
※この記事は2015年2月4日に執筆された記事です。 1月も過ぎ2015年のトレンド予想も出そろった頃でしょうか？ 王道な話題が語られるなか、数名の海外デザイナーからマイクロデザイン、マイクロコピー、マイクロインタラクション、マイクロUXといった言葉があがっていたのが気になったデザイナーTXです。 このマイクロデザインという言葉、概念としては新しくないのですが、 日本ではまだまだ認知度が低いようなので今回はその”マイクロ”な部分をクローズアップしていきたいと思います。 目次 マクロデザインとマイクロデザイン マイクロコピーとは？ マイクロインタラクションとは？ マイクロデザインとブランディング まとめ マクロデザインとマイクロデザイン マクロ/マイクロデザインを家で例えるなら、マクロデザインはその家の外観でマイクロデザインはドアの種類や階段の形などの細部のこと。 WEBデザインでいうと、マ
iPhone/iPadで見ているリンクの記事タイトルとURLを画像付きでSafariから直接ツイートできるアプリ「TwitShot」
iPhoneのSafariで気になるページを見つけた時、TwitterやFacebookでその情報をシェアするのは非常に簡単だ。「iOS 8」になってからTwitterやFacebook以外にも「Pocket」や「1Password」などのサードパーティ製アプリとも簡単に連携できるようになった。 Facebookでリンクをシェアすると、記事タイトルとURL、リンク元が設定していればOGP画像がセットで投稿される。一方、Twitterは記事タイトルとURLしか表示されず、画像を付加したくてもできないのが現状。 Twitterの調べによると、画像付きツイートの方がリツイートされる割合が35％向上するらしい。流れるタイムラインの中で自分がシェアしたリンクをフォロワーに読んでもらうためには、画像付きで投稿した方が良さそうだ。 今回紹介する「TwitShot」はiPhoneまたはiPadで見ているリ
保存版！CSS3で出来る素敵なデザインやアニメーションをまとめてみた
主要ブラウザで使うことの出来る「CSS3」ですが、IE8に対応していないためにCSS3の基本や使い方は知っていても実務等では使う機会が少なかった(クライアントワークではIE8が対応ブラウザに含まれていたため)方もいらっしゃると思います。そうするとふと「あれ、あのプロパティはどう使うんだっけ？」とか「この要素だけにスタイルを適応するCSS3は何だっけ…？」など忘れてしまうこともしばしば…。 最近ではIE8のシェアは低くなり、またスマホサイト制作の機会も増えたためクライアントワークでもCSS3を活用したWeb制作が増えてきました。そこで今回は、まず覚えておくと便利な機能の復習とそれを応用し「これCSS3だけで作れるの!?」というような驚きの作品の数々をまとめてみました！ CSS3とは そもそも「CSS3」とは何のことでしょうか。改めてその定義を確認してみましょう。 「CSS」は、ウェブページの
ZOZO Technologies TECH BLOG
2020-07-01 ZOZOTOWNのインハウス広告運用を支援するデータと仕組みの話 BigQuery データ マーケティング 広告 本記事では、ZOZOのマーケティング部門の広告運用のインハウス化に伴って、これまで取り組んできた広告データの収集と活用、その仕組みにフォーカスして事例をご紹介します。 ZOZOTOWNのインハウス広告運用を支援するデータと仕組みの話 2020-06-29 【オンラインMeetup イベントレポート】ZOZOテクノロジーズの大規模データ活用 イベントレポート GCP Elasticsearch 検索 機械学習 こんにちは、ZOZOテクノロジーズ CTO室の池田（@ikenyal）です。 ZOZOテクノロジーズでは、6/22にZOZO Technologies Meetup -ZOZOテクノロジーズの大規模データ活用-を開催しました。 zozotech-inc
サイト制作の見積もりにも大きく影響！ユーザエクスペリエンスを向上させるために必要なタスクがよく分かる -UX Recipe
UXに力をいれていきたいと考えているWeb制作者は多いと思います。 Webサイトのユーザエクスペリエンスを向上させるために必要なタスクが理解でき、見積もりも作成できるUX Recipeを紹介します。 最終成果物だけでなく、必要な途中のプロセスもドキュメント化などすることで、クライアントからの正当な評価もいただけます。 UXのプロセスを洗い出して、見積もり計算 UXのプロセスは7カテゴリに分類されており、案件によって使い分けて的確に利用したいですね。 中の人に許可を頂き、各プロセスを軽く翻訳してみました。 bA時代は大きいプロジェクトのリーダーや見積もり作成もしていたので、その時の目線でひと言コメントも添えてみました。※フリーランス目線ではないです。 Planning -準備はプロジェクトの要 ここは全項目、必須と言えます。プロジェクトは小さくても大きくても準備が肝心！ Expert Rev
Raspberry Pi 2をおさわりレポート - あっきぃ日誌
スイッチサイエンスのブログにて実物でレビューされていたRaspberry Pi 2が、次はなぜか私のところに回ってきました（！！！！）。というわけで、起動とかも含めたおさわりレビューです。 Raspberry Pi 2が発表されました！ | スイッチサイエンス マガジン というわけでこれ。わーお。ちなみに私が注文した分はまだイギリス内です。 B+の比較 B+と比べるとこう。っていうか、ケースに入ってるけど。 ケースについて スイッチサイエンスのブログでも書かれていますが、微妙な配置変更によって、一部のケースでは適合しない場合があります。こればかりはケースごとになるので、どれがOKでどれがNGかは、やってみないとわからないでしょう。 Model B+向けPiBowケース(Coupe)の場合、下から3枚目（板にも3とあるやつ）で部品とぶつかってしまい、使用することができませんでした。 写真で見
Googleが社員教育で実施している「無意識バイアス」の講義を徹底解説
バイアスとは、シンプルに言うと育った環境や文化、経験などさまざまな要素からなるフィルターのことで、意志決定の際に避けては通れません。無意識でバイアスがかかることもあり、正確な判断を下すことを困難にしてしまいます。Googleは業務においてバイアスをかけないことが重要だという企業理念を持っており、社員がバイアスについて理解できるように講義を開いています。その中でGoogleの人事部を対象に行われた講義のムービーが公開されていて、Googleの無意識バイアスに対する対策を伺い知ることが可能です。 Unconscious Bias @ Work | Google Ventures | Office for Institutional Equity https://oie.duke.edu/knowledge-base/toolkit/unconscious-bias-work-google-ve
「宿題もテストも“班”でやらせろ」チームラボ猪子氏、“社会の要請とはまるで逆”と学校教育を批判
チームラボ代表の猪子寿之氏が、大学生に対して「デジタル社会の未来と生き方」をテーマに行なった講演。チームによる創造性の高いアウトプットが求められるなか、暗記中心で個人の結果のみを判断しようとする日本の学校教育を批判しました。 チームラボはどういうプロセスで作品をつくるのか 猪子寿之氏（以下、猪子）：せっかくなので質問を受けて話そうかな。 司会者：質問したい方は挙手していただいていいですか？ 質問者：チームラボとして何を次につくるかというのはどういうふうに決めていらっしゃるんですか？ 例えば誰かがアイデアを出して、それをみんなで話し合うプロセスなのか、それともみんなでテーマを話し合ってそこからアイデアを出すというものなのか。そういうプロセスをちょっとお聞きしたいんですけれども。 猪子：基本的には仕事の9割方は相談があって、その相談に対して答えていくみたいな感じ。例えば、Pepperというロボ
Linuxのディスク管理
ここでは、Linuxでハードディスクを利用するための手順を説明します。 Last Update : 2013年08月07日 ハードディスクを利用するための手順 Linuxでハードディスクを利用するためには以下の手順をふみます。 パーティションの作成（fdisk コマンド） ファイルシステムの作成（mkfs コマンド） マウント（mount コマンド） それぞれの言葉の意味から説明していきます。 パーティションとは パーティションとは、ハードディスク内で分割された個々の論理的な領域のことをいいます。 ハードディスクは、内部の領域を論理的に複数の領域（パーティション）に区切る事ができ、それぞれをひとつのハードディスクとして利用する事ができます。 パーティションを区切り、データ専用、システム専用のパーティションのように目的別にわけておけば、バックアップやシステムアップデートが楽であったり、データ
【Unity】iOSの64bit対応についてまとめ - のしメモ アプリ開発ブログ
Appleの規約で2015年2月1日以降にアップロードされるiOSアプリに関しては、 64bit対応必須ということで、情報をちょっとまとめました。 ◆ 対応必要かどうか表 状況 対応 リリース済みアプリ 対応不要 リリース済みアプリのアップデート 対応不要(6/1以降は必要) リリース予定アプリ 64bit対応必須 ◆ 対応方法 1. 64bit対応のUnityをインストール ここからダウンロード http://unity3d.com/unity/qa/patch-releases Patch 4.6.1p5が対応しているみたいです(※2/5現在) 他にもパッチが追加ででてくると思うので、なるべく最新版推奨。 2. PlayerSettingで設定 Edit->Project Settings->Player iOSの設定タブを開き Script Backgroundの設定をMonoからI
仕事が途絶えない人気在宅イラストレーターさんの８つの特徴 | MUGENUPブログ
この記事では、MUGENUPで実際にたくさん仕事を獲得できているクリエイターは、どのような方かをまとめます。「え？ イラストの仕事なんだし、絵がうまい人でしょ？」と思われるかもしれませんが、実は絵の技術以外にも大事な点がたくさんあります。 MUGENUPには2015年2月段階で約26,000人の登録クリエイターがいて、毎月多くの方が実際にお仕事に関わっています。今回は2014年間の受注額上位のクリエイターにどんな特徴があるのかを検証しました。受注額上位のクリエイターをリストアップし、数字で見られるデータと、仕事に関わったアートディレクターや制作ディレクターの声をヒヤリングしてまとめました。 ▲MUGENUPでは在宅イラストレーターを募集中です！ はじめに：2014年最も稼いだクリエイターってどんな人？ 今年、MUGENUPで一番稼いだ個人クリエイターさんってどんな方か想像つきますか？ 画集
受託開発における訴訟リスク対策と弁護士との付き合い方〜【前編】知っておくべきトラブルの争点と、契約時に注意すべきこと - 経営を加速する 実践経営メディア「The board Media」
クラウド請求書作成ソフト（インボイス制度・適格請求書対応）、見積書発行、経営管理ツール - board 近年、システム開発に関するトラブルや訴訟が増えているらしい。そこで、The board Media 第二弾企画では、受託開発における訴訟リスク対策と弁護士事務所との付き合い方について、GVA法律事務所の弁護士の藤江さんとセッションを行いました。 ＊発言者は、F：藤江さん、T：田向 （T）受託開発会社において、クライアントとの契約は基本的に、請負契約と、準委任契約という形態、また委任契約があるとおもうのですが、それについてまず簡単に教えていただけますか。 （F）はい。一般的に請負契約と呼ばれるものは、請負人が仕事を完成させ，注文者がそれに対して報酬を支払うという契約です。これに対して（有償の）準委任契約は、受託者が頼まれた事務を遂行し、委託者がそれに対して報酬を支払う契約です。似ているよう
メルマガ配信スタンド業界最安値に挑戦した男たちの5つの苦労 - 業界最安値、高到達率のメルマガ配信システムを作った
業界最安値のメルマガ配信スタンドを作ってみた 今回は業界最安値のメルマガ配信スタンドを作ろうとしかきっかけや、なぜそれを実現することができたのか、実現するにあたって苦労したことなんかを記事として書こうと思います。 現在、2900円で専用サーバープランのメルマガ配信スタンド(ABCメール)を提供していますが、実際にサービスをスタートしてみて反響が多く、やはりメールマーケットにおいてメルマガ配信スタンドの値段というのはちょっと高すぎなのでは？という考えがより強まった。 もっと、手軽にメールマーケットに参加できる環境が整備されていくべきだと思います。 なんで、業界最安値のメルマガ配信スタンドを作るの？ 大学院卒業後、友人のECサイトの作成、運営を手伝う。 情報系の大学院で情報工学を学び、在学中からネットビジネスをしている友人の手伝いをしていたが、卒業後、本格的に運営などに携わる。その中でECサイ
Pythonでデスクトップのパスを取得する - Qiita
説明 os.getenv("???") で環境変数を取得できます。 主な環境変数（外部リンク） デスクトップのパスそのものを格納した環境変数がないため、上のスクリプトでは環境変数の組み合わせでデスクトップのパスを作成しています。 おまけ マイドキュメントやピクチャ・・・等々も取得してみます #coding:cp932 import os desktop_path = os.getenv("HOMEDRIVE") + os.getenv("HOMEPATH") + "\\Desktop" mydocument_path = os.getenv("HOMEDRIVE") + os.getenv("HOMEPATH") + "\\Documents" mypicrure_path = os.getenv("HOMEDRIVE") + os.getenv("HOMEPATH") + "\\Pict
サイトのAjax化が簡単になるフレームワーク「intercooler.js」:phpspot開発日誌
intercooler.js - Simple AJAX using HTML attributes サイトのAjax化が簡単になるフレームワーク「intercooler.js」 <a ic-post-to="/endpoint">click</a> のように属性を指定すればAjaxでフレームワークが投げてくれる、というもの。 $('#id').click(function(){ $.ajax.... のように書かなくても簡単に書けますね。 サーバからのレスポンスの処理はmockjaxを使って書くみたいです。 jQueryの$.ajax で書くよりも分かりやすいコードが書けそう。 レスポンス処理コード例。mockjaxでurlベースの処理が書けます 関連エントリ Ajaxアップ＆ドロップでアップできるアップローダーデモ＆サンプル データベース連動型のAjaxを使ったテーブル実装jQuery
リモートデスクトップの接続先にCtrl+Alt+Deleteを送信する方法 at softelメモ
問題 リモートデスクトップの接続先にCtrl+Alt+Deleteを送信したいんだけど、Ctrl+Alt+Deleteを押すと接続元の方で Ctrl+Alt+Delete になってしまいます！ 答え Ctrl+Alt+End を押すとよい。
ブログが丸ごとパクられました。「http://www.advieshoreca.nl/6s/csctccase.asp」は偽物です - アナザーディメンション
異変に気づいたのは1/30夜の話なのだが、いつの間にか当サイトアナザーディメンション（http://ｅｓｔｐｏｌｉｓ．ｃｏｍ/）のコンテンツを丸ごとパクったサイトが登場した。 ※URLはパクリサイトで自動置換されるため全角です 【本物のURL】 http://goo.gl/w8jia1 ※パクリサイトで自動変換されるため、敢えて短縮URLとしています。 【パクリサイトのURL】 http://www.advieshoreca.nl/6s/csctccase.asp このサイトなかなか凝った作りをしていて、当サイトが新しい記事を公開すると、連動してその記事を自動的にコピーする仕組みとなっているようだ。なので、告発記事をアップし（この記事がパクリサイトに反映されるかを確認したい）、状況が変わるまで当サイトの更新は一時停止しようと思う。 ご覧いただいている方にはご迷惑をおかけしますが、何卒ご理解
子供の遊ぶアイデア、創意工夫をビデオゲームにできるアプリ「Inventame」
プログラミングと子供達の創造性 プログラミング教育が急速に求められつつある。IT技術が製品に組み込まれる時代にあっては、社会のあらゆる物がIT化され、さまざまな分野で使用されるようになる。 そんな時代にあっては、製品をインターネットに接続しコントロールするためのプログラミング技術を習得した人材が重要になってくるからだ。また、スマートフォンなどのアプリケーションやソフトウェアによる製品、サービスも今後さらに重要性をましてくる。 こうした時代性を受け、アメリカやイギリスなどではプログラミングを子供達に習得させるための授業が開始したり、日本でも一部の小中学校ではプログラミングの授業が開始されている。しかし、プログミングという一見無機質な数字と記号の羅列に陥りかねない技術を子供達に楽しみながら学習してもらうということは、相当な工夫が必要かもしれない。 得てして学習や勉強というものは、まずはじめに子
プログラミングで子どもにロボットを動かす“成功体験”を--「Scratch2Romo」
コマンドをクリックして動作を指示し、自分でロボットを動かせる──つくる社は、子ども向けの教育用プログラミング環境「Scratch（スクラッチ）」とエデュケーショナルロボット「Romo（ロモ）」を連動させるiOSアプリ「Scratch2Romo（スクラッチトゥロモ）」を2015年2月下旬より配信すると発表した。試用版は無料で、完全版は1500円。 Scratch2Romoは、米国マサチューセッツ工科大学（MIT）メディアラボが2007年に開発した子ども向けの教育用プログラミング環境「Scratch」を使用し、RomoとScratchをつないで実際に動きを確認しながらプログラムを作成できるというもの。具体的には、RomoにドッキングしたiPhoneにScratch2Romoをインストールし、同一ネットワーク上のPCにインストールされたScratchやiPad上のピョンキーとWi-Fi接続するこ
ゲーム音楽を作る際に知っておきたい「コード進行」の基本的な流れ | albatrus.com
例えば、ドミナントＧの所を、Ｂで置き換えたり サブドミナントＦの所をＤで置き換えたりできます。 ツーファイブ Ⅱ（D）→Ⅴ（G）への流れ。 ルートの4度上進行（強進行）になるため音程が安定する流れになります。 セカンダリー・ドミナント 元のコードの4度下のセブンスコードを利用すること。 借用和音とも呼ばれます。 例えば、Cのセカンダリー・ドミナントはG7です。Dm7のセカンダリー・ドミナントはA7です。 G7→C、A7→Dｍ7の流れでコードを進行します。 これを使えば色々なコードを使えるので曲にメリハリがつきます。 転調 同じ長調・短調だれでは曲がマンネリ化するので、途中で調を変えることができます。 これを「転調」といいます。 何の調に展開したいか決まれば、その前に「ドミナント・モーション」を使えば「転調」できます。 例、E♭に転調したい場合 E♭をトニックと考えると、ドミナントは「B♭7
「セキュリティ対策」
「不正な入力に対して脆弱性を発生させないようセキュリティ対策としてバリデーションを行う」。アホか。プログラマならセキュリティ対策とか気にするな。いや、気にするなというのは言い過ぎだけれど、ほとんどの場合においてあなたの書くコードはセキュリティ対策の必要性はない。 攻撃者の細工した入力によってSQL/HTML/JavaScriptが壊れるとかバッファオーバーフローが発生するとか、そういった脆弱性と呼ばれるほとんどのものはただのバグだ。セキュリティ対策っていうのはコードとは切り離された領域で行うDEPだったりASLRだったりX-Frame-OptionsだったりCSPだったりiframe sandboxだったり、そういうものがセキュリティ対策だ。コード上で書くのは「アプリケーションとして正しく動作するための処理」だけだ。 もちろん例外もあるかもしれないけど、それはあくまでも例外だ。日常的に書く
刀でズバッと斬るようなアニメーションをHTML・CSS・JS（jQuery）で実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近とある案件で「刀でズバッと切る感じのアニメーションを入れる」ってことになって、実装してみました。ゲームなどでよくある表現ですね。 やってみると、ポイントを押さえれば意外とシンプルに実装できたので、その方法をご紹介したいと思います。 はじめに 今回はこちらの画像を使いたいと思います。 我らが広報ヨシキさんです。 垂直か水平にズバッと斬るアニメーションなら比較的簡単なんですが、このような表現においてよく使うのは�斜めにズバッと斬るアニメーションだと思うので、そっちにしてみます。 素材となる画像を用意する まずはPhotshopで画像をつくります。 ズバッと斬るアニメーションを実装するには、元の画像から3つの画像をつくる必要があります。 上半分の画像 まずは上半分の画像をつくります。 では早速やってみまし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NET::HTTP uninitialized constant
how to replace backslash character with double backslash in javascript?
お手軽Webデザインモック作成サービス～InVision（インビジョン）の使い方：実践編
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
TechCrunch | Startup and Technology News
JAXenter - Java Development & Software Architecture
https://qiita.com/futosu/items/c1bdb259d0d96f9a9f05