「CSS」を含む日記 RSS

はてなキーワード: CSSとは

2018-01-10

anond:20180109105304

無料サイトが一番使いやすい思うならhtmlcssjs構成全部コピーして有料サイト作ればいいんだよなぁ

著作権保護されない国にhtmlを置いてるってことはどういうことかわかるだろ

2018-01-09

段組みのKISS。に見えた

段組みのCSS

2018-01-02

プログラミング初心者の頃の気持ちを忘れた

プログラミング教えてと言われた。

自分PCサーバ立ててドメイン通してアクセスしてみて、HTMLCSSJavaScript概要を教えた。

http://hogehoge.comを叩くとぼくのローカルPC上のHTMLを見ることができるのだ。普通これは感激するはずだ。ヤツは少しも感動しなかったが。

タグのことを教えて、formタグ使ってみて、CSSを教えてセレクタの使い方教えて、なるべくDOMというワードは避けてJavaScriptイベントの追加のしかたを教えた。

で「あとは色んなタグ覚えるだけ」「CSSで色んな組み合わせやってレイアウトを楽しんでね」「あとは色んなイベント覚えるだけだから」みたいな感じ。色んなイベントを追加してもらった。

その後データベースの話をした。

「まずエクセルファイルからデータ取ってみよう(実際はCSV)」「あ、でもこれだと取りにくいし時間かかるね」「しかもこれだとデータ矛盾ちゃうしめんどくさいね」「そこでデータベースですよ」

って言って、sqlite3を教えた。エクセルで「これがインサート、これがデリート」って説明しながら、テーブルレコードSELECT, INSERT, UPDATE, DELETEを教えた。

ヤツは「なんでそんなわかりきったことをわざわざ文字入力するんだ」と憤慨していた。こっちが憤慨したい。

で、次はWebフレームワークの話。まずWebフレームワークを使ってもらう前に、URLを叩いたらアプリケーションが走ることを確認してもらう。僕は「すごいでしょ!!」って言う。

さっきのsqlite3とつなげてみて、データを取得して表示してみた。ここで僕、「すごいでしょ!感激するでしょ!!」って言う。「ふーーん」っていう反応。「データをそのまま表示してるんだからそんなの当たり前でしょ?」みたいな。うるせぇWebサービスなんて大体そんなもんだわという言葉を飲み込みつつ、ここまで3時間

ここで初めてサーバサイドの言語を教える。for-each文、関数までは順調。そしてクラスクラスは若干詰まっていたのでぼくはまず構造体について説明した。

構造体のことはよくわかるみたいだ。まず青赤緑で構成された色の構造もどきを作って、画面に色を出力した。ぼくがこの構造もどきで画面にマリオを描くとヤツは感動していた。

そしてぼくはクラスについて教えた。「この構造体に関数がついてたら便利なときもあるもんだ」って感じ。説明がめんどくさいので「このクラスっていうのが型だよ」とか言っておいた。

共通でいてほしいものもあるけど、共通でいてほしくないものもある」と言って、ぼくはキャラクタークラスを作ってマリオオブジェクトクッパオブジェクトを生成し、FFを究極に安っぽくした感じのフィールドで戦わせた。

ヤツは興奮しているようだった。マリオは負けた。ぼくは「人は目に見えるものしか興味が沸かないんだな」と達観した。

Webフレームワークに戻ってぼくはクラスを使ってViewModel、そしてControllerを教えた。彼はなんだかかなりよくわかった様子だった。ぼくは満足した。

そろそろ5時間になろうとしていたので、ぼくは「あとはデザインパターンと言って、プログラミングしていてよくあるパターンを集めたものがあるんだ」とか「アルゴリズムを知ると色々効率よく書けるよ」とか「非同期処理とかもあるし、とにかく色んなライブラリを試してみて」「他の言語とかも試してみて」とかそんなようなことを言った。

ぼくの仕事は終わった。あとはもうヤツは自分ひとりでなんでもできるだろう。ときどきぼくが質問に答えることもあるだろうけど、ヤツはサーバサイドに必要な大まかな知識を、こんなに短期間で得たのだ。ヤツは優れたエンジニアになるに違いない。ぼくはヤツの家をあとにした。お金ぐらい払ってほしいものだ。

翌日、ヤツから電話があった。

「ごめん、HTMLってなんだっけ……?ていうかファイルってどうやって作るんだっけ……」

ヤツは何も覚えてなかった。俺は発狂した。俺はいったい、何を教えていたんだ。

あと俺、数年勉強しててこれぐらいのことしかわかってなかったのか?そう思って、なんだか猛烈に虚しくなってしまった。

そしてぼくは、二度と人に教えないことを決意した。

2017-12-28

FrontPage Expressみたいな使い勝手ソフトって言ったら何?

むかーしむかし、増田Windowsに搭載されていた、FrontPage Expressホームページを作っていました。

FrontPage Expressは高性能なソフトではありませんでしたが、飾りつける前の土台作りには、とても重宝しました。

サイトの土台を適当に作った後で、CSSJavaScriptナウいコードコピペすれば、あっという間にオサレサイトができたものでした。

そうやって、増田マウスオーバーすると画像差し変わる仕掛けや、カーソルの軌跡に発生するキラキラを駆使し、ハイクオリティサイト運営しておりました。

 

時は流れ、増田はすっかりホームページを作らなくなってしまいました。

ホームページよりブログブログよりツイッターが楽で楽しかたからです。

 

そんなある日、増田は友人向けのホームページを作ることになりました。

ごく少数の友人しか見ないホームページなので、やっぱり見た目さえなんとかできれば問題ありません。

 

ですが、もうFrontPage Expressはありません。

代わりになるソフトを探してみましたが、今はもう、ブログテンプレート感覚ホームページを作るのが主流のようです。

増田は、できればまた、昔のような方法ホームページを作りたいと思っています

 

この場合おすすめソフトはなんでしょうか?

 

 

・追記

ありがとう。どっちも体験版で使い勝手試してみる。

 

プロ並みの技術はないです。

無料配布のCGI自鯖に設置して、ちょこっとデザインいじるくらいならなんとかできたレベルです。

2017-12-26

発達障害と診断され社会不適合者と確定したので好きに生きようと思う

そりゃ上手くやれんわと

まれ物心が付き、過去を振り返れば人付き合いというものが非常に苦手だった。

現在31歳。ずっと人間関係をどうにかしようと、どうにかしようと努めてきたけれど、やっとその努力を辞める決心が付いた。

そのきっかけは、自身がいわゆる「発達障害」であり具体的に言えば枕詞に「非常に強い」と付く「ADHD(注意欠如多動性障害)」および「非常に強い」と付く「ASD(自閉症スペクトラムアスペルガー症候群)」であることが判明したからだ。

これら発達障害名称は話に聞いたことがあったし、ネット上で「俺はアスペからwww」とジョークを言ってみたり「コミュ障乙www」なんて軽く言われたことはあったけれど、まさか本当に自身がそれに該当するなんて思ってもみなかった。

ただ「非常に強い」と言われたとき驚きや悲しさ、怒りなどはなく、妙なしっくり感があった。やっぱりそうだったかと。

どうやら義務教育下の学生なら、そういった学級に入っっていなければならなかったレベルらしいが、学生とき普通学級だったし、こういうことを指摘されたこともない。

更に「無駄努力してきたな」と自嘲の念も浮かんだ。他人へ合わせようと努めてきたけれど、それは自分にはできないことだったわけだ。

歩み寄り

医者と話しているときポロッと自分から溢れた言葉がある。それが「歩み寄り」だ。

慣用句的な表現に「人と人は歩み寄り理解し合いましょう」というものがある。

様々な騒動を起こし、問題の中心へ居続けた俺は、実のところずっと他人へ歩み寄って合わせ理解しようと努めてきた。

他人共感できない価値観文化風習を飲み込み、あまつさえ合わせることが幸福であるかのような笑顔を作り、ずっとずっと俺は歩み寄り続けてきた。

結果として俺の価値観へ歩み寄ってくれる者はこの社会に極々少数しか居ないことを経験するに至った。

大半の者は「それは間違っている」「常識的おかしい」「その考えはつまらない」などと否定言葉をかけてきて、ただただ俺にだけ歩み寄ることを求めて来た。

俺がいくら譲歩して、歩み寄っても大半は歩み寄りをしないのが現実だった。

社会は常に「理解しろ」「理解しろ」「理解しろ」と、他人は常に「歩み寄れ」「歩み寄れ」「歩み寄れ」と俺に求めてくるだけだった。

からないでもない

ただ、今までの人生の中で溜めた経験に問い合わせ他人感性へ歩み寄れば、わからないでもない。

"普通に"考えれば「発達障害医学的に感性のズレを指摘するものであるから発達障害感性一般的感性の持ち主が歩み寄るのは困難、もしくは苦痛であると推測できる。だから俺はそういう感性へ対して「わからないでもない」と返答する。

俺が一般的感性の持ち主へ理解してもらいたいのは「その困難さ、苦痛さを俺はずっと感じてきた」ということ。俺はその困難さ、苦痛さをずっと感じてきたから「わからないでもない」んだ。

そして、一般的感性の持ち主の人々が俺に対してしてきたことに罪はないと思う。俺自身発達障害だと知らずに生きてきたわけだし、ましてや赤の他人配慮しろというのは無理がある。だからあなた達に罪はない。

単に自分自身で気付きも、他人に気付かれもしなかったことが不幸だっただけだ。

与えられた責任を投げ出す

俺にとって他者から教えられ、与えられた責任を投げ出すというのは非常に勇気のいることだ。

何故なら俺には責任を投げ出すことは無責任であり罪であるという常識が刷り込まれており、それらを投げ出すことは不安しかない。

しかし、その社会的責任を負い、社会的責任を果たすことは俺にとって困難であり苦痛であり、更には他者迷惑を掛けるトリガーになりうるものだと言うのは既に人生の中で経験済みだ。

から、真面目に社会的責任果たしている諸氏には大変申し訳ないが、俺は発達障害という診断を得たこタイミング勇気を持って力強く責任を投げ出そうと思う。

収入はどうするのか?

とりあえず今の仕事退職することに決めた。

まだ国から障害認定を受けてはいないが生活保護を受けさせて貰うという流れになりつつある。

ただ生活保護を受け、何もしないというのは個人的価値観から非常につまらないと感じるので何かしらの仕事をしたいなと考えている。

さなからパソコンが好きだったのでパソコンを使う在宅の仕事ランサーズクラウドワークスあたりに転がってないかなと日々見ているが、今まで業務としてパソコンバリバリ使う仕事をしたことがないので、要領をつかめず、更には労働対価が適正かどうかもわからないので見てるだけに留まっている。

パソコン趣味を続けていたら一応HTML/CSSなどのコーディング簡単なCプログラミングWordExcelPowerpointの基礎的なこと、画像加工や動画編集などがいつのまにか出来るようにはなったけれど、コレが業務利用可能レベルなのかどうかもわからないので、むしろ業務利用できるレベル学習をしてみたい。

こういった仕事プロを前にして趣味・独学の人間が大見栄切って「仕事で使えるレベルです!」と勝手自己評価で言っても事故になる未来しかかばないので、1番最初仕事をどうやって選定して良いものか本当に悩む。

単なる愚痴

ここまで読ませておいて難だけれど、このエントリは単なる愚痴に近い。

不幸なことに30年以上も発達障害だと気付くことなく・気付かれなかったわけだけれども、幸いなことに30年以上も「普通大人」であろうとした経験を俺は得た。

この経験は俺に「全く共感できないけれども他人はこう考えているだろう」という推測をたてられる能力を与えてくれた(外れることも多いけど)。

俺は普通には生きられないけれども、ひっそりと社会迷惑をかけないように好きに生きていこうと思う。

2017-12-25

もうIT学習面でコスパいからな

HTMLCSSjavascript覚えてりゃ済んだ時代とは違う

そんな月に何万円も本買って土日も勉強するようなこと

ITというかユーザ側の企業でやってりゃ余裕で出し抜けるのに

2017-12-19

anond:20171219200353

サイト制作側がHTMLベタ書きにしろCSSしろデザイン一方的押し付けてくるシステムなのは効果的な広告の表示をサイト制作側がコントロールできないと商業が成り立たないからだろう

しかし、デザインサイト側が決めるかぎりユーザー不自由さ(表示のズレとか広告などの無駄ロード時間)をカバーできない

本来ユーザー側がデザイン(広告非表示を含む)を決定するべきだと思う

2017-12-09

楽天システムバカなところ

楽天ちょっとした店を出した。

こんなちょっとした店でも出させてくれるなんて出店希望者不足かよ、とも思うけど、そんな事どうでもいい。

言いたいのは、

楽天システムRMS)ってのはほんとにバカだ。ってことだ。

ネット通販黎明期からずっとやってるから、今さら大規模改修しにくいのかもしれないけど、それにしてもだ。

他のモールにも出してるからこの楽天システムのアホさがよっっっっっく分かる。

たとえば、これはバカってより阿漕カテゴライズされるかもしれないけど、

CSV商品を一括登録するのが1万円/月だ。

こんなもんオプションとして使わせてるモールなんてEC業界のどこにも無い。

ほんとバカ

なんだ、これがオプションってことはだ、基本的には手動でコピペコピペ商品登録しろってのか。

だが、手動でやろうにも、新規登録の画面や商品変更の画面を、複数タブで開くとエラーになりやがる。

同じ属性を持つ商品複数登録すんのがやりにくくって仕方ない。

コピー修正登録→タブ閉じて→またコピーして・・・・って眠くなるわ!

あと、色だのサイズだのを登録するための画面は、商品登録の画面とは別なの。

これも商品の一番下にしか編集画面へのリンクがなく、ポチポチポチポチくそダルい


この選択肢csv登録しようとしたらどうなるか。

既に登録してる選択肢は一旦ぜんぶ消してからじゃないと、追加できない。

サイズLLを追加しようと思ったら、今あるSMLをまず全消しするCSV作ってアップしてから、またS/M/L/LL登録しなおす。

馬鹿か。

で、選択肢ごとに価格を変更する機能が無いから、サイズ違いでおんなじような商品登録しまくってバッカみてえ。

ユーザーとしても選びにくいだけなのに何やってんだ。


あと、スマホ

スマホサイトなんてもうPCサイトの売上を軽く超えてるんだけど、このスマホシステムも死んでる。

TOPページなんて、なんか変なちっちゃいバナーを4つとか6つとか登録するだけ。

まったく自由が効かない。

そのくせ「スマホページ、改善余地あり!」

みたいなメルマガ送ってくんの。

その前にスマホ商品ページに画像(メニューアイコンとかも含めな)10個までしか登録できないクッソみたいなシステムどうにかしろ!!!


サイトデザインの欄に文字数制限あるし。

スマホサイトCSSすら使えない。

メニューとかキレイに改変してるショップは、オプションストレージ契約して、かなりムチャなCSSぶっこんでるから

もう平成も終わろうとしてんのにCSS使うのが標準で実装されてないとか正気か!!

サイト全体のデザインもヘッダー・フッター・レフトメニューとか。

tableレイアウトだよ!おっさんホイホイかお前らは!!

Google様に駆逐されてしまえ!

(うちは本店の方が売上高いからヘーキヘーキ)


受注管理システムもクソ。

メール送信すんのにPC用とモバイル用のテンプレ分かれてるのなんだよ?

いちいち2通のテンプレを用意して、ユーザーメルアドごとにポチポチ送信すんだぞ。

モバイルテンプレPC用と何が違うって?

カタカナが半角になって署名が短くなってる。

バッカみたい。

今日モバイルってもスマホだろうが。

画像の件にしてもそうだけど、貧弱な回線パケット気にして使ってるユーザーを想定してんだよ。

受注管理システムなり外部のAPI使って取り込んでる店はいいんだろうけど、

それにしてもこないだ、受注自動送信メールからユーザーメルアド削除する改変してたよな。

あれどうやってユーザーと受注情報結びつけたんだ、API中の人

とにかくデフォシステムがクソすぎる楽天

同じようにイヤイヤ楽天店舗運営してる人と苦労を分かち合いたい。

まだまだある、言い足りない。

正直、タダで使わせてるYahooの方が、システム的には全然マシ。

CSS使えるストレージオプションだけど月3000円だし余裕でYahooの勝ち。

クセのあるシステムだけど、文字数制限だのimgタグの個数制限だの言わねーもん。

受注管理システムも遥かにいい(でもクセは凄い。楽天と比べるとマシレベル。)。

ほんと楽天システム担当は1回クビ飛ばせよ。

古参店舗もあれで慣れてるのかもしれないけど、こっちに言わせりゃお前らよく訓練されすた奴隷すぎ。

あんなもんな、日本ECの発展を足踏みさせてる親玉から

2017-12-07

https://anond.hatelabo.jp/20171204113430

サーバセットアップからアップデートチューニング

まあやれる

SIerでもWin鯖の面倒みたりするじゃんね

CSS,JavaScript,HTML5,PHP,Ruby,node.js,SASS,LESS,

サーバサイドは主にPHPまれC#だが、フロントは一通り

スマホネイティブ開発もやるかな

SIerだとJava,C#,VBJSか?

Photoshop画像処理AIデザインカンプ

デザインはデザイナがやるからエンジニアクリッピングと縮尺操作程度じゃない?

SIerだとデザイン行程が無いけど、エンジニアはあまり関係が無い気がする

要件定義から動作テストマニュアル作成まで

やります

SIerでもやるじゃん

なるほど、SIerだと、一つの現場で全部やる人は居ないね

ただ長い人なら、どれも経験あるんじゃないの?

2017-11-29

何者にもなれなかった

フロントエンドエンジニアにもデザイナーにもなれなかった.


HTML/CSSリファレンスなしで書けるし, WAI-ARIAを用いたアクセシブルなコーディングもできる.

CSS設計意識した保守性を大切にしたコードを書いているし, CSSアニメーションインタラクション操作できる.

SVGを一から書く方法やいくつものブレイクポイントを持ったページのコーディングスキルも身につけた.

Gitバージョン管理をしたりWebPackでscssコンパイルリントを通したりする能力も得た.

インプットが大好きで, 毎日毎日様々なWebに関する知識を頭に詰め込んだ.


だけどJavaScriptは書けない.

JQueryコピペして簡単DOM操作を行うのが限界だった.


然しながら, 昨今のフロントエンドエンジニアJavaScriptが書けて当たり前だし,

JSフレームワークWeb Assembly, Web Componentsをバリバリ使いこなして開発している.


サーバーサイドレンダリングが主流のこの時代, 生のHTMLを書いているような人種は淘汰され,

数年後には食いつなぐことが厳しくなる未来しか見えない.

両者の間には旧石器時代現代程の格差を感じる.


デザイナーなら道はあるかと思い, UIデザインにも挑戦した.

バーティカルリズムや8pxルール, 配色理論意識した整ったレイアウトSketchIllustratorで作れるようになった.

でも'整ったレイアウト', '小奇麗なレイアウト'は作れても, その壁を超えることはできなかった.


全ては自分怠惰性が招いた結果である.

だけど, 藻掻き続けても道が拓けない.

もうこの先, どのように歩み進めればいいのかもわからない.


助けて欲しい.

何者にもなれない自分は嫌だ.

2017-11-24

はてなブックマークCSSデザイン統一について

ここのところ思い出したかのように時々リニューアルが行われてるはてなブックマークデザインだけどさ。

少し前にリニューアルされたお気に入りページは、#left-container #center-container #right-container って、要するにdivタグidを振り分けて3ペインデザインを実現しているんだけれども、先日リニューアルされたユーザーブックマーク一覧ページは .left-container .center-container .right-container って、divタグclassを振り分けて3ペインデザインを実現しているのね。

こういう全体で1度しか使わないデザイン上の区切り指定するのにidを振るかclassを振るかってのは正直好みの問題でもあって、header,footer的なものidから3ペインidだろとか、優先順位とか管理やすいかclassでもいいだろとか宗教問題にもなりそうではあるんだけれど、同じ会社が作っている同じサービスほとんど同じページ表示に別の形式での記述がされているのはデザイナー間での事前定義と言うか意思疎通がされていないってことでもあってかなりマズいことじゃないのかな。

何かリニューアルするたびに「まともに仕事できないのかはてなデザイナーは」って揶揄されるけど、実際はてなデザイナーチーム、チーム内で大変なことになってるんじゃないか経営陣その辺ちゃんと把握してるか?

2017-11-21

anond:20171121233559

てっきり外部JSとかCSSをざっくり切ってあるから

その思い切りが革新的なんだと

話だけ聞いたうえでは思ってたわ

anond:20171121230720

時代に逆行して、CSSを一切使わないWebサイトにしてみるかなw

阿部寛ホームページ、dev.toを超えるスループットを叩き出してみたい!!!

CSSフレームワークの選定

最近Bootstrapしか使ってない。マンネリになってきた。

新しいWebサイトではSemantic UIを試してみようかな?

みんな何使ってるの?

2017-11-19

cssは壊れやすいとかよくいうけど、違うと思う

cssを書く人にプログラミング的な素養がないから、知識がないから、学習してこなかったから、スパゲッティになってる」が正しいと思う

言語仕様だけのせいではないでしょ

自分たちスキルセットをエンジニアとしてよく振り返るべき

2017-11-17

anond:20171117231010

まあ分散配置もいいなーとは思ったけど

やっぱり外部JSとか無くすとかの

バッサリ感に感動した

 

外部JSCSS、あとここにもあるけど

[ツイート][はてな]ボタンの読み込みが

ページに有るとものっそい遅いしね

 

あんまり使わない層にとっては特にイライラする

2017-11-14

CSS設計云々言えるのは恵まれ環境いるからだろ

Web制作において持論がある。CSS設計云々で議論できるのはまともな営業が居てまともなクライアントをつかまえてきてまともに意見を言えるからだ、そうでなければCSS設計云々は話にならない、お話にならない。

OOCSSにBEMにSMACCS、そんなもんできるかよ。クソみたいな、デザイン破壊する修正が大量に来て統一性もなにもあったもんじゃないし、セマンティック? 知るかくたばれ。アニメーションすらバラバラ指定されてっからAnimate.cssすら使えねえ。そもそも統一させてもらえないかクラス意味ほとんどねえ、全部IDでも変わんねーよ。

頑張ったよ。SASSで綺麗に書こうとしたし、Smartyみてーなテンプレートエンジン効率良いってのも分かってるよ。でもヘッダーすら変えろとか言われたらどこを共通化すればいいんだよ。

俺は確信した。Bootstrapの"mt-2"とか"display-inline-block"みたいにクラスを付けてってそれにスタイル適用してくのが正解だって。ってかBootstrapクラスばっかりでスタイル作ってる。だってクラス見るだけでスタイルが分かるし、共通化は一切されてねーからな。

あいつら、グラフィックデザインと同じだと考えてやがる、くたばれ。ポスターじゃねーんだよ。

俺はもう闇のWeb製作者になり客にはバキバキに嘘をつくようになった。SEOがだとかデバイス保有率のデータだかなんかを持ち出して出来るだけ頑張らなくて良いサイトを作る。だって頑張ったってそれはカオスを作るだけの技術が上がるだけでコーディング技術が上がる訳じゃ無いからな。

かと言って外注に出したらクソみたいに思いCSSフレームワーク使ったサイトが上がってくる、くたばれ。しかグリッドシステムぐらいしか使ってねーじゃねーか、skeletonでも使っとけ、ふざけんな。

おかげで俺は毎日Web2.0的なデザインレスポンシブ対応が混合した、パラレルワールドみたいなサイトを作ってる、スチームパンクだろ、お前営業やめろよ。単価安いんだよ。俺が営業行くから。元営業からお前より喋れるから

とにかくモジュール化だとかクラス命名手法だとか議論出来るお前らは幸運だ。全部の国がそれぞれ違う大陸にいるようなもんだ、クラスいらないからな。誰かWebpackであいつらの前頭葉をパッキングしてくれよ。

今時のフロントエンドエンジニアってセンス無いよね

PWAとかでアプリからブラウザに行く、とかほざいてるけど、そんなことねぇよ。

大体さ、ブラウザPC時代に栄えたのって、検索がたくさんされたからだよね。

その検索スマホ時代になって全然されなくなった。

その時点でこれはダメだと見切りをつけれない奴は生き残れないと思う。

アプリエンジニアなり、サーバーやるなり、やる事変えるべきでしょ。

ReactとかAngularとか色々あるけど、ドキュメント表示するものOSっぽいことさせんのにも無理あるよねー。

SPAなんて、全然検索にひっかからないしね。SPA辞めたら検索流入増えましたって話しか聞かない。

CSSマージンとパディングの違いがどうのこうのって、失せろよカス(笑)って感じしかしない。

2017-11-13

anond:20171113191656

基本的にはデザイナーと組んでしか仕事してないから、必要そうなコンポーネントを洗い出して、デザイナーがそれに合わせてcsshtmlを作って静的なデザイン確認サイトをつくる。

その間に先行してある程度適当htmlを組んでおいて、合体させる。

大体の場合デザイナーのほうが先に仕事があがるので、合体作業サポートしつつデザイナーさんにお願いする。

ぜんぶ一人でやる場合はよくわかんないや。

フロントエンドエンジニアの人って

htmlCSSと、React/Angular/Vue.jsあたりのjsフレームワークロジックと書くわけじゃん?

ロジックを書いてからCSShtmlの詳細をつくる?逆にhtmlCSSをある程度作ってからjsロジックに取り掛かる?

2017-11-04

IT系技術知識って教養範囲なのかな

ウェブ技術というと超基礎的なHTMLくらいしか知らない

ドックタイプ宣言とかもわからないしCSSとかもなにそれ……って感じのレベル

もはやjavaだなんだってのはもう超ひも理論くらい専門的でわからない

のだが、インターネット普通にウェブ技術的な話が盛り上がってるの見ると、こういうのって教養として学んだら視界開けるかなーとか色々考えたり

話題ニコニコプログラミング講座受けようかなとか考えてる

2017-10-26

プログラマーのススメ

日本人は全員プログラミング勉強した方が良い。

プログラミング簡単だし、IT企業なら開業資金も少額で済む。(最初パソコン回線プリンターがあれば十分)

 

自己資金で数カ月で軌道に載せれるようなネタしかできない。

 

IT起業の道のりを教えてあげるよ。

  1. 下請け他人が作って欲しいものを作って納品する=資金を増やす自転車操業の段階。
  2. 自社開発:自分で作りたいものを作って売る=自転車操業からストックビジネスに移行する。
  3. レベニューシェア下請けと自社開発の中間ビジネスモデル

 

増田投稿できるってことは、パソコンぐらい持ってるんだろ?

本屋図書館に行って、自分に合った分かりやすプログラミングの本を探してみよう。

 

仕事を取ってくる方法は、ソニックガーデンのやり方を参考にしたら良い。 https://www.sonicgarden.jp/

プログラミング入門

最初に1冊だけ推薦するなら「プログラミングの基礎」という本をお勧めする。 https://www.amazon.co.jp/dp/4781911609/

買う前に、著者のサポートページを見てみると良い。

 

プログラミングパラダイム(考え方)には4種類ある。(【】内は基礎となる計算モデル

計算可能理論で見ると、どれもノイマン型のCPU上で動作する点で同じと言えば同じと言える。(優劣はない)

ただ、筋の良いプログラミング作法を身に付けたいなら、最初関数型を理解しておくことをお勧めする。

関数型の中で一番簡潔かつ強力なのはOCaml」というプログラミング言語だ。(HaskellをやりたければOCamlの次に学ぶスムーズ理解できる。)

関数型言語を学んだ後なら、手続言語はすぐに習得できるだろう。

WEB開発

WebサービスWebアプリを作るのは簡単

  1. HTML
  2. CSS
  3. JavaScript
  4. PHP
  5. MySQL
  6. Linuxサーバー構築)
  7. TCP/IPネットワークセキュリティーの基礎知識

を学べば作れるようになる。3か月勉強すればものになるよ?

 

Webアプリの特徴は、システム構造ネットワークを介して「サーバー側とクライアント側」に分割されていること。(REST - Wikipedia

Webアプリを作るってことは、一言で言えば、データベースラッパーCRUD)を作るだけの話。

アプリ開発

スマホアプリは、GUIの仕組みが分かれば簡単に作れる。

iPhoneアプリ

iPhoneの仕組みは糞だから後回しにしてもOK

XcodeじゃなくてAppCodeで作れるような段階に成熟したら手を出しても良い。

まあ、iPhoneアプリは金のためなら避けられない道だと思うので、苦労覚悟で取り組んでほしいw

Androidアプリ

Androidの中身はLinuxJavaアプリを開発できる。今ならJetBrainsIDEKotlinで楽々開発できる。

日本じゃAndroid貧乏しか使ってないので、あまり金にならないかも。

資金集め

お前偉そうなこと言うのなら、誰か起業してやろうというやつにガッツリ寄り添って手伝ってやりな。

俺はハゲタカじゃないから、無知な奴から搾取することはしない。

というか、自分のことで精一杯だから他人のケツ拭いまでやる体力・気力・理由がないw

 

他人から金をもらうと相手支配下に置かれる。だから資金調達お勧めしない。

自己資金で行けるところまで行って、ダメならまた社畜生活に戻ればいいだけの話。(パソコンインターネットがなくならない限り、プログラマーならIT業界で食っていける)

 

俺は、NPO法人とか社会起業しようとしてる奴だけ無償で手助けすることにしている。(プロボノ

社会起業家は、社会変革の担い手として、社会課題を、事業により解決する人のことを言う。

社会問題認識し、社会変革を起こすために、ベンチャー企業創造組織化経営するために、起業という手法を採るものを指す。

プロボノ(Pro bono)は、各分野の専門家が、職業上持っている知識スキル経験を活かして社会貢献するボランティア活動全般。また、それに参加する専門家自身

 

おまえが将来、社会起業することがあったら増田で呼びかけてくれ。

増田で返答できる範囲アドバイスするよ。頑張れ!

 

(追記)プログラミングパラダイムの4分類は「日経ソフトウェア」という雑誌説明表記しました。

ちなみにSQLチューリング完全なので、問合型言語でもプログラミング可能です。 https://qiita.com/utgwkk/items/20e887645da18e460fee

かに俺は理系だが情報学出身じゃない。独学でプログラミングを学びました。技術的な誤りがあったらブコメで教えてw(夜露死苦

 

(追記2)マイクロソフト関数型言語F#」は、OCamlベースにして開発されました。

現在マイクロソフトで開発中の量子コンピューターではF#が動く予定だそうです。(将来OCaml知識が役に立つでしょう) http://ascii.jp/elem/000/001/569/1569477/

 

(追記3 10/28ブコメレス全部拝見しました。様々なご意見・ご指摘をいただきありがとうございます。大変参考になりました。

「何か既視感があるな」と思ったら、最近ホリエモンが「保育士は誰でも出来る仕事」と言って炎上してたのと似てますね?→「プログラミング簡単」(プログラマーは誰でも出来る仕事

プログラミング学習や実務で苦戦されている方が多いようですね? だとすれば、それを改善支援するサービスニーズがありそう。

具体的にはディアゴスティーニ雑誌みたいに「週刊 プログラミングゲームを作る」みたいな教材があればいい。

https://deagostini.jp/

拝承いたしました。(微力ながら、皆様のお役に立てるよう作ってみたいと思います。)

 

(追記4 10/28OCaml関数型言語メリットについて

ちょっと前に岡部健氏(通称:毛の壁、kenokabe)が、関数型言語を巡りQiita等で論争を巻き起こしていましたが、俺は是々非々岡部氏の意見に一部賛同していました。(全部じゃない)

関数型言語を難しいものとして敬遠するのではなく、まずは使ってみて便利だったら嫌う必要はないと考えています

構造プログラミング命令型、手続型)との対応で言えば、関数型プログラミングは再代入なしでも、

で同じことができます。(優劣はない)

最初関数型プログラミング習得しておけば、参照透過性に注意を払う癖が身につき、テストときに「組合せ爆発」を少なくできます

関数型言語はたくさんありますが、OCamlが良いと思ったのは(自分にとって)分かりやすい教材が揃っており、学習コストが低いと思ったからです。

プログラミングを学ぶとき、独学ではなく、周りに聞ける人がいるなら他の言語でもOKです。

 

(追記5 10/28)「iPhoneの仕組みは糞」=storyboardが使いづらいと思いました。あくま個人の感想なので、Apple関係者信者の方はスルーしていただければ幸甚です。(Swift開発者クリスラットナー氏は、Appleからテスラ転職してしまいましたが、今後もAppleObjective-CからSwiftへの移行を押すのでしょうか?)

幸いiOSアプリ開発は分かりやす教科書がたくさんあるので、初心者でも心配無用です。iOSアプリ開発は(最初簡単なので)気軽に始めてみてくださいw

2017-10-19

BASIC!のプログラミング教育適応性について

題:BASIC!のプログラミング教育適応性について

副題:Androidで動くBASIC!でプログラミング教育を行うメリットデメリット

少し考えてみたのでまとめとして投稿します。

01.はじめに

この文章は、Androidで動くBASIC!でプログラミング教育を行うメリットデメリット

ついて記載しています

02.BASICとは

BASICプログラム初心者向け言語として1960年代に発表された古い言語です。

極めて簡単文法インタープリターによる即時実行や1970~80年代パソコン

無償で搭載されていたこから沢山の人に利用されていました。

しかし、簡単ゆえの機能の少なさと即時実行方式のための性能の低さやその後の

優れたプログラム言語発表によりBASICの利用は著しく低下しています

03.BASIC!とは

BASIC!はアンドロイドタブレットスマートフォン上で動くアプリです。

Google playからインストール可能無料で利用できます

BASIC!

https://play.google.com/store/apps/details?id=com.rfo.basic&hl=ja

BASIC文法踏襲していますが、Android向けに大幅に命令拡張されており、

GPS等の各種センサー情報取得やSQLiteデータベース機能WEBVIEWを利用

したHTMLCSSJS表示・実行など約500程度の命令群で構成されています

無料広告なしのアプリインストールするだけでこれらの機能が利用可能

インタープリターなのですぐに実行することもできます

04.BASIC!でプログラミング教育を行うメリット

メリットについては以下があげられます

a.BASICプログラミング知識を持つ人は以外と多い

 過去の栄光というかBASIC自体は広く利用された時期が過去存在パソコン

 だけでなくポケコンゲーム機等でも利用できました。

 BASIC!は基本はBASIC拡張であり文法変数の取り扱いにおおきな違いは

 ありません。

 その当時、少しであってもBASICを触った人は多いのでメンターとしての

 再教育は容易だと考えます

b.HTML,JS,CSS勉強継続してできる

 BASIC!は手続き型と呼ばれる非オブジェクト指向言語であり最新の言語

 とは異なっています

 BASIC!のネイティブ命令群だけだと他の言語へのスムーズな移行は難しい

 かもしれません。

 しかし、BASIC!にはHTML5アプリのようにBASIC!自体webViewでHTML,JS,CSS

 を動かすことができます。(HTMLモード

 HTML,JS,CSS現在Webの標準であり、進化を続けています

 特にjavascriptオブジェクト指向言語進化採用される領域フロント

 エンドからバックエンドまで広がっています

 

 BASIC!自体webViewは他のAndroidアプリ同様、chromiumベースAndroid

 システムWebviewの更新により常に最新化されています

 HTMLモードではjQuery,Angular,ReactなどのJSライブラリも利用できます

 最初BASIC!ネイティブプログラムHTMLモードJSを利用したプログラム

 とSTEPを踏んだ学習可能だと思います

c.インストール環境設定が容易

 前述の通りアプリインストールするだけで利用できます

 追加の課金プラグインなどは不要です。

 またAndroid2.3以降でインストール可能です。

 但しAndroid5.0あたりからAndroidシステムWebviewが導入されているので

 Android5.0以降の端末を選択する方が無難です。

 インストール後、環境設定をする必要もありません。

 端末のルート化も不要です。

d.Androidデバイス等が安価

 安いタブレットであれば1万円程度で新品が買えます中古スマホであれば

 更に安価です。

 またプログラムを作るのでキーボードもあった方がいいと思います

 キーボードも2~3千円程度で安価です。

 もちろんソフトウェアキーボードフリック入力など)でもプログラム

 作れます

 パソコンよりもはるか安価プログラミング教育が実現可能です。

e.子供Androidデバイスに慣れている

 iPhoneの登場以来現在の子供たちはタッチパネルAndroidデバイス

 慣れています

 通常のノートパソコンに比べ違和感は少ないと思います

 また教える大人側も日頃パソコンよりスマホを触る人は多いと思います

 教える側の負担も小さいのではないかと考えています

f.可搬性が高い

 ここで述べる可搬性とは別のデバイスで同じプログラムを動かす場合

 容易さの事です。

 BASIC!はインタープリタなのでソースファイルのみを別のデバイス

 SDカード経由等でコピーすれば基本的には動作します。

 仮にHTMLモード場合は併せてHTML,JS,CSSコピーするだけです。

 別のデバイスにはBASIC!さえインストールされていれば動きます

 BASIC!独自プラグイン拡張モジュールなどは特にありません。

05.BASIC!でプログラミング教育を行うデメリット

メリットだけでなくデメリットもあります。以下の通りです。 

a.性能上の問題

 BASIC!の実体Javaで出来ています。すなわちJavaよりは性能は悪い

 ことになります

 実際、大量の繰り返しや大量の文字列を扱うプログラムは性能が出ないので

 処理に時間がかかります

 Androidスマホタブレット自体パソコン演算能力には劣ります

 大量の実験データ演算するような教育には向いていません。

 但し、プログラミング教育には大きな障害にならないと思います

b.BASIC!自体の仕組みの問題

 BASIC!はプログラムを作るアプリである以上当然文法エラーを実行時に

 表示する仕組みになっています

 ただ一部エラーチェックが甘い部分もあり本来エラーとすべきところを

 そのまま実行する場合もあり想定外の結果となる可能性もあります

 次にエディタは単なるテキストエディタと同等の機能しかなく最近

 エディタにあるようなシンタクスハイライト入力補完といった機能

 ありません。

 ただ比較シンプルプログラムを作る教育では大きな影響は無いと

 考えています

c.一部機能に制約がある

 前述の通りHTMLモードではJSが動かせます。ただし制約があります

 JSローカルモードで実行されるという事です。

 非同期通信などを行おうする場合JSが実行時エラーになる可能性が

 あります

 またデータベース機能であるSQLiteへの操作についても文字型項目しか

 利用できない制約があります

 JSローカルモードのみなのは教育の事を考えると少し残念ですが

 それでも多くのフロントエンドJSは実行可能なので教育には

 使えるという理解でいます

d.参考となる文献がほぼない

 教育には教科書またはそれに準ずる書籍必要だと思います

 該当する書籍がないのが実情です。

 ただ1冊だけ日本語で書かれた電子書籍存在します。

 ■BASIC! ~ 分かりやすい教本で一から学べるコンピュータ言語 - AndroidSQUARE

 http://blog.livedoor.jp/an_square/archives/51887786.html

 BASIC!の文法自体は極めて簡単なのでどうにかなると思います

06.結論

上記の通り、メリット/デメリットを列挙してきました。

デメリットもあるものメリットの方が大きい印象です。

とくに教える側の負担が少ない点がメリットだと思います。 

 

アーカイブ ヘルプ
ログイン ユーザー登録
ようこそ ゲスト さん